/* colors */
:root {
	--main-txt-color: white;
	--bold-color: white;
	/* --main-link-color: rgb(222, 133, 106); */
	--main-link-color: rgb(245, 143, 41);
	--main-link-hover-color: #8C080C;
	--main-link-active-color: #8C080C;
	/* --main-bullet-color: rgb(222, 133, 106); */
	--main-bullet-color: rgb(245, 143, 41);
}
/* Microsoft Edge specific styles go here */
@supports (-ms-ime-align:auto) {
	.Avots {
		word-break: break-all;
	}
}
/* link files */
.files {
	margin: 1.75rem 0;
	display: flex;
	flex-wrap: wrap;
}
a.file {
	text-transform: uppercase;
	margin: 0.5rem 0;
	display: flex;
	flex: 0 0 50%;
}
a.file.pdf {
	background: url('../../VISC_GDPR_tests/media/icon-pdf.png') no-repeat;
	background-size: 35px 42px;
	min-height: 42px;
	padding: 0 2rem 0 51px;
}
a.file.Word {
    background: url('../../VISC_GDPR_tests/media/icon-Word.png') no-repeat;
    background-size: 39px 44px;
    min-height: 44px;
    padding: 0 2rem 0 47px;
}
a.file.emcam {
    background: url('../../default/media/icon-emcam.png') no-repeat;
    background-size: 40px 43px;
    min-height: 43px;
    padding: 0 2rem 0 46px;
}
a.file:link,
a.file:visited {
	color: #999;
}
a.file:hover,
a.file:focus,
a.file:active {
	text-decoration: none;
	color: #8C080C;
}
a.file p {
	line-height: 1.3;
	margin: 0;
	align-self: center;
}
/* layout */
/* @media screen and (orientation: portrait) {
	body.horizontal-orientation {
		height: 100vw !important;
		transform: rotate(90deg);
	}
}
@media screen and (orientation: landscape) {
	body.horizontal-orientation {
		width: 100vw !important;
		transform: rotate(0deg);
	}
} */
@media screen and (orientation: portrait) {
	.message {
		font-size: 32px;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 42%;
	}
	article.horizontal-orientation {
		display: none;
	}
}
@media screen and (orientation: landscape) {
	.message {
		display: none;
	}
}
article {
	padding: 0 3.5rem;
}
article > h3 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 2rem;
	color: white;
	text-align: center;
	line-height: 1.5;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.13));
	margin: 6rem auto 0 auto;
}
article > h3.smaller {
	font-size: 1.5rem;
	line-height: 1.3;
	margin: 3rem auto 0 auto;
}
@media screen and (max-width: 767.98px) {
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;
	}
	article {
		padding: 0;
	}
	/* article > h3,
	article > .contents-menu {
		margin-top: 4.25rem !important;
	} */
}
@media screen and (max-width: 975.98px) {
	/* For mobile phones: */
	article {
		padding: 0;
	}
}
@media screen and (max-height: 991.98px) and (orientation: portrait) {
	article > h3 {
		font-size: 1.5rem !important;
		margin-top: 2rem !important;
	}
	article > h3.smaller {
		font-size: 1.25rem !important;
	}
}
@media screen and (max-height: 1199.98px) {
	article > h3.smaller {
		margin-top: 2rem !important;
	}
}
@media screen and (max-height: 991.98px) {
	article > h3.smaller {
		margin-top: 1rem !important;
	}
}
@media screen and (max-height: 575.98px) {
	article > h3 {
		font-size: 1.5rem !important;
		margin-top: 2rem !important;
	}
	article > h3.smaller {
		font-size: 1.25rem !important;
	}
}
article > h3,
.article-content {
    padding: 0 8px;
}
.article-content {
	display: flex;
    flex-wrap: wrap;
}
.article-content section {
	max-width: 100%;
    width: 100%;
	position: relative;
}
article .panel-1,
article .panel-2 {
    height: 100%;
    display: flex;
	flex-basis: 0;
    flex-direction: column;
	flex-grow: 1;
}
article .subtitle {
	font-size: 20px;
	/* background-color: rgb(222, 133, 106); */
	background-color: #425563;
	padding: 3px 12px;
	filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.13));
	margin-left: -12px;
	margin-right: -12px;
}
section > h4 {
	display: none;
}
.article-section-content {
	margin-top: 16px;
	margin-bottom: 16px;
}
.article-section-content ul li:not(.nav-item) {
	padding-left: 4px;
}
article.collapse:not(.show) {
    height: 572px;
	display: block;
    overflow: hidden;
}
article.collapsing {
    min-height: 572px;
}
article.collapse.show {
	height: auto;
}
/* scrollTop */
.scrollTop[role="button"] {
	width: 13rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background-color: rgb(34, 51, 88);
	background-image: url('../../VISC_GDPR_tests/media/icon-arrow-up.svg');
	background-repeat: no-repeat;
	background-position: 11rem;
	background-size: auto 50%;
	margin-left: auto;
	margin-right: 4.25rem;
	position: relative;
	z-index: 1000;
	display: none;
}
.scrollTop[role="button"]:hover {
	background-position: 11rem 0.375rem;
}
.scrollTop[role="button"]::before {
	content: 'Atpakaļ uz augšu';
	text-transform: uppercase;
    color: #fff;
	margin-left: 1rem;
}
/* text emphasis */
.def {
	font-weight: 600;
	color: rgb(27, 43, 58);
	padding-left: 1rem;
	border-left: 0.5rem solid rgb(27, 43, 58);
	margin: 2.25rem 0 !important;
}
.def .emoStyleBold {
	font-weight: 700;
}
.formula i {
	font-family: Cambria, OpenSans, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
.sup .emoStyleUnderline.emoStyleBold,
.sup .emoStyleUnderline.emoStyleItalic {
	text-decoration: none !important;
	font-weight: inherit;
	font-size: 80%;
	color: inherit;
	position: relative;
}
.sup .emoStyleUnderline.emoStyleBold {
	top: -0.5em;
}
.sup .emoStyleUnderline.emoStyleItalic {
	bottom: -0.5em;
}
.sup > img {
	white-space: nowrap !important;
}
.multiplication-sign {
	white-space: nowrap;
	font-weight: 700;
	display: inline-block;
}
/* table */
table {
	max-width: 100%;
}
.table-100 {
	width: 100%;
}
.article-section-content table td {
	vertical-align: top;
	padding: 2px 8px;
}
/* .article-section-content table td:first-of-type {
	padding-left: 0;
}
.article-section-content table td:last-of-type {
	padding-right: 0;
} */
.article-section-content table:not(.layout) td {
	border: 1px solid rgb(245, 143, 41);
}
.article-section-content table:not(.layout) td.table_heading,
.article-section-content table.table-50-pairs:not(.layout) tr:nth-of-type(odd) td {
	font-weight: 600;
	background: rgb(245, 143, 41);
	padding: 0.125rem 0.75rem;
}
.article-section-content table.table-50-pairs:not(.layout) tr:nth-of-type(odd) td {
	color: #fff;
	text-align: center;
}
.article-section-content table:not(.layout) td.table_heading,
.article-section-content table:not(.layout) td.table_heading .emoStyleBold {
	color: #fff;
}
.article-section-content table td p,
.article-section-content table td ul {
	margin: 0;
}
.article-section-content table td p img {
	padding: 0.5rem;
}
.article-section-content table td p .draggable img {
	padding: 0rem;
}
.table-hover tbody tr:hover {
  color: inherit;
  background-color: #e6f9ff;
}
table.center {
	margin-left: auto;
	margin-right: auto;
}
table.center .emoStyleBold,
.exe table b {
	color: rgb(245, 143, 41);
}
.table-20-40-40,
.table-40,
.table-40-30-30,
.table-60 {
	width: 100%;
}
.table-20-40-40 td,
.table-40 td,
.table-40-30-30 td,
.table-60 td {
	vertical-align: middle !important;
}
.table-20-40-40 td:first-of-type {
	width: 20%;
	padding: 0.125rem 0.75rem 0.125rem 0rem;
}
.table-40 td:first-of-type,
.table-40-30-30 td:first-of-type {
	width: 40%;
	padding: 0.125rem 0.75rem 0.125rem 0rem;
}
.table-20-40-40 td:first-of-type,
.table-40-30-30 td:first-of-type {
	padding: 0.125rem 0.75rem;
}
.table-60 td:first-of-type  {
	width: 60%;
	padding: 0.125rem 0.75rem 0.125rem 0rem;
}
.table-40 td:last-of-type {
	width: 60%;
	padding: 0.125rem 0rem;
}
.table-60 td:last-of-type {
	width: 40%;
	padding: 0.125rem 0rem;
}
.table-20-40-40 td:nth-of-type(2),
.table-20-40-40 td:last-of-type {
	width: 40%;
	padding: 0.125rem 0.75rem;
}
.table-40-30-30 td:nth-of-type(2),
.table-40-30-30 td:last-of-type {
	width: 30%;
	padding: 0.125rem 0.75rem;
}
.table-20-40-40 td .droppable-p,
.table-40 td .droppable-p,
.table-40-30-30 td .droppable-p,
.table-60 td .droppable-p {
    margin: 0.5rem 0 !important;
}
.table-20-40-40 .droppable,
.table-40 .droppable,
.table-40-30-30 .droppable,
.table-60 .droppable {
	width: 94% !important;
}
.table-20-40-40 + .draggable-list .draggable,
.table-40 + .draggable-list .draggable,
.table-40-30-30 + .draggable-list .draggable,
.table-60 + .draggable-list .draggable,
.table-20-40-40 .droppable .draggable,
.table-40 .droppable .draggable,
.table-40-30-30 .droppable .draggable,
.table-60 .droppable .draggable {
	white-space: normal;
}
.table-20-40-40 + .draggable-list .draggable,
.table-40 + .draggable-list .draggable,
.table-40-30-30 + .draggable-list .draggable,
.table-60 + .draggable-list .draggable {
	width: 60% !important;
}
.table-20-40-40 .droppable .draggable,
.table-40 .droppable .draggable,
.table-40-30-30 .droppable .draggable,
.table-60 .droppable .draggable {
	width: 100% !important;
}
.table-50 td,
.table-50-pairs td {
	width: 50%;
}

.table-16 {
	width: 100%;
}
.table-16 td:first-of-type {
	width: 16%;
}
.table-16 td:last-of-type {
	width: 84%;
	padding: 0.125rem 0rem;
}
.table-16 td .droppable-p {
    margin: 0.5rem 0 !important;
}
.table-16 .droppable {
	width: 94% !important;
}
.table-16 + .draggable-list .draggable,
.table-16 .droppable .draggable {
	white-space: normal;
}
.table-16 + .draggable-list .draggable {
	width: 84% !important;
}
.table-16 .droppable .draggable {
	width: 100% !important;
}

/* table header with vertical text */
table.vertical-txt-table {
	table-layout: fixed;
}
table td.vertical-txt-td {
	white-space: nowrap;
	transform: rotate(-90deg);
	text-align: center;
	vertical-align: bottom;
}
/* images */
img {
	max-width: 100%;
}
.img-wrapper {
	position: relative;
}
.img-wrapper:not(.img-wrapper.noZoom):not(.center .img-wrapper) {
	display: inline-block;
	margin: 1.5rem 1.5rem 1.5rem 0;
}
.center .img-wrapper {
	margin: 2rem 0;
}
div.center,
p.center {
	/* text-align: center; */
	text-align: left;
}
.img-caption,
.video-caption {
	font-size: 0.875rem;
	margin: -0.75rem 0 1rem 0;
}
.audio-caption {
	font-size: 0.875rem;
	margin: -0.5rem 0 1rem 0;
}
.video-caption {
	text-align: center;
	margin: 0;
}
.table-responsive + .img-caption,
.table-responsive + .video-caption {
	margin: 0rem 0 1rem 0;
}
.img-caption p,
.video-caption p,
.audio-caption p {
	line-height: 1.3;
	margin: 0.5rem 0 0 0;
}
.Avots {
	word-break: break-word;
	font-style: italic;
	color: #999;
}
.img-wrapper.zoom {
	cursor: pointer;
}
/* .article-content .img-wrapper,
.article-content .img-wrapper > img {
	max-height: 480px;
} */
.carousel-item img {
	max-height: 480px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.img-wrapper.zoom::after,
.carousel-item .img-wrapper.zoom .img-caption::after {
	content: '';
	background: url('../../VISC_GDPR_tests/media/icon-zoom.svg') no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.carousel-item .img-caption::after {
	right: 15%;
	bottom: 2px;
	cursor: pointer;
}
.img-wrapper.zoom:hover::after,
.img-wrapper.zoom:focus::after,
.carousel-item:hover .img-caption::after,
.carousel-item:focus .img-caption::after {
	background: url('../../VISC_GDPR_tests/media/icon-zoom-hover.svg') no-repeat;
}
.carousel-caption {
	width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding-top: 24px;
    padding-bottom: 0;
    color: var(--main-txt-color);
}
.article-container .modal {
	z-index: 1070;
}
.article-container .modal-dialog {
	max-width: 100% !important;
	display: inline-flex !important;
	left: 50%;
	transform: translateX(-50%) !important;
}
.article-container .modal-content {
	background-color: #BBBCBC;
	border: 1px solid rgba(0, 198, 80, 0.2);
    border-radius: 0rem;	
}
.article-container .modal-header {
	padding: 0.5rem 1rem;
	border-bottom-style: none;
}
.article-container .modal-body {
    padding: 0 1rem;
}
.article-container .modal-footer {
	padding: 0 1rem 1rem 1rem;
    border-top-style: none;
}
.article-container .modal-content .img-caption {
    margin-bottom: 0;
}
.close {
	font-size: 32px;
    color: red;
	opacity: 1;
}
.close:hover,
.close:focus {
    color: white;
	opacity: 1;
}
.hidden {
    display: none;
}
/* Bootstrap Popover */
/* [data-toggle="popover"] {
	white-space: nowrap;
	text-decoration: underline !important;
	font-weight: 600;
	display: inline-block;
	outline-style: none;
	cursor: pointer;
}
[data-toggle="popover"] {
	color: rgb(27, 43, 58);
	background-color: #e3fce9;
}
[data-toggle="popover"]:visited {
	color: rgb(27, 43, 58);
}
[data-toggle="popover"]:hover,
[data-toggle="popover"]:active,
[data-toggle="popover"].shown {
	color: rgb(68, 100, 173);
	background-color: #e6f9ff;
} */
.flipcard-inner [data-toggle="popover"] {
	background-color: transparent;
}
.popover {
	font-family: OpenSans, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: rgb(68, 100, 173);
	max-width: 640px;
	border: none;
	border-radius: 4px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.4rem;
}
.bs-popover-top > .arrow::before,
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::after {
	border-width: 0.6rem 0.6rem 0;
    border-top-color: rgb(68, 100, 173);
	bottom: 0;
}
.bs-popover-bottom > .arrow::before,
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
	border-width: 0 0.6rem 0.6rem 0.6rem;
    border-bottom-color: rgb(68, 100, 173);
	top: 0;
}
.popover-body {
    color: #fff;
	padding: 1rem 1rem;
}
p.popover-content {
	margin: 0;
}
.popover-content .img-wrapper,
.popover-content .img-caption {
	margin: 0;
}
.popover-content img {
	background-color: #fff;
	max-width: 100%; /* IE11 */
	padding: 0.5rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.popover-content img {
		max-width: 432px; /* IE11 */
	}
}
.popover-content a:link,
.popover-content a:visited,
.popover-content .Avots,
.popover-content .Avots a:link,
.popover-content .Avots a:visited {
	color: #fff;
}
.popover-content .Avots a:hover {
	color: #ffff00;
}
.popover-content b,
.popover-content strong,
.popover-content .emoStyleBold {
	font-weight: 700;
	color: #fff;
}
/* Bootstrap Accordion */
.card {
	background-color: transparent; /* bs */
	border: none; /* bs */
	border-radius: 0; /* bs */
}
.article-content .card {
	background-color: white;
}
.article-content .card p,
.article-content .card li p {
	color: rgb(27, 43, 58);
}
article .accordion > .card:first-of-type,
article .accordion > .card:not(:first-of-type):not(:last-of-type),
article .accordion > .card:last-of-type {
	border: 1px solid rgb(27, 43, 58);
}
article .accordion > .card:first-of-type .accordion > .card,
article .accordion > .card:not(:first-of-type):not(:last-of-type) .accordion > .card,
article .accordion > .card:last-of-type .accordion > .card {
	border: 1px solid rgb(27, 43, 58);
}
article .accordion .card + .card {
	margin-top: 2px;
}
.card-header {
    background-color: transparent;
	padding: 0;
	border-bottom: none;
}
.card-header:first-child {
    border-radius: 0;
}
.accordion > .card .card-header {
	margin-bottom: 0;
}
article .accordion > .card .card-header,
article .accordion > .card.shown .accordion > .card .card-header {
	background-color: rgb(222, 133, 106);
}
article .accordion > .card.shown .card-header {
	background-color: rgb(27, 43, 58);
}
article .accordion > .card.shown .accordion > .card.shown .card-header {
	background-color: rgb(68, 100, 173);
}
article .accordion > .card:not(.shown):hover .card-header,
article .accordion > .card:not(.shown):focus .card-header {
	background-color: #425563;
}
article .accordion > .card.shown .accordion > .card:not(.shown):hover .card-header,
article .accordion > .card.shown .accordion > .card:not(.shown):focus .card-header {
	background-color: #e6f9ff;
}
.card-body {
    padding: 0;
}
article .card-body {
    padding: 0 16px;
}
@media screen and (max-width: 767.98px) {
	/* For mobile phones: */
	article .card-body {
		padding: 0 0.5rem;
	}
}
.card-header a {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.25rem;
	background: url('../../VISC_GDPR_tests/media/icon-chevron-down.svg') no-repeat 1rem;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5rem 1rem 0.5rem 4rem;
}
article .card-header a {
	color: white;
	background: url('../../VISC_GDPR_tests/media/icon-chevron-down.svg') no-repeat 1rem;
}
article .accordion > .card .accordion > .card:not(.shown) .card-header a {
	color: rgb(68, 100, 173);
	background: url('../../VISC_GDPR_tests/media/icon-chevron-down.svg') no-repeat 1rem;
}
.card-header a[aria-expanded="false"]:hover,
.card-header a[aria-expanded="false"]:focus {
	color: white;
	background: url('../../VISC_GDPR_tests/media/icon-chevron-down.svg') no-repeat 1rem;
}
.card-header a[aria-expanded="true"],
.card-header a[aria-expanded="true"]:hover,
.card-header a[aria-expanded="true"]:focus {
	color: white;
	background: url('../../VISC_GDPR_tests/media/icon-chevron-up.svg') no-repeat 1rem;
}
/* Bootstrap tablist */
[role="tablist"] {
	/* border-bottom: 8px solid #8C080C; */
	border-bottom: 8px solid rgb(245, 143, 41);
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767.98px) {
	[role="tablist"],
	.tab-content {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}
}
[role="tablist"] .nav-item {
	flex: 1 0 5%;
}
@media screen and (max-width: 842.98px) {
	[role="tablist"] .nav-item {
		flex: 1 0 10%;
		margin-top: -6px;
	}
}
[role="tablist"] .nav-link {
	font-weight: 600;
	font-size: 20px;
	color: white;
	/* background-color: rgb(222, 133, 106); */
	/* background-color: rgb(68, 100, 173); */
	background-image: linear-gradient(to right, rgba(68, 100, 173, .5), rgba(68, 100, 173, .8), rgb(68, 100, 173), rgb(68, 100, 173), rgba(68, 100, 173, .8), rgba(68, 100, 173, .5));
	height: 100%;
    line-height: 1.3;
	padding: 8px 2px 6px 2px;
	/* border-top: 1px inset #425563;
	border-right: 1px inset #425563; */
	/* border-top: 1px inset rgb(34, 51, 88); */
	border-right: 1px inset rgb(34, 51, 88);
    border-radius: 0rem;
    margin-right: 1px;
	border-radius: 16px 16px 0 0;
    margin: auto;
    display: flex;
	justify-content: center;
    align-items: center;
}
[role="tablist"] .nav-link:hover,
[role="tablist"] .nav-link:focus {
	color: white;
	/* background-color: rgb(59, 87, 151); */
	background-image: linear-gradient(to right, rgba(59, 87, 151, .5), rgba(59, 87, 151, .8), rgb(59, 87, 151), rgb(59, 87, 151), rgba(59, 87, 151, .8), rgba(59, 87, 151, .5));
}
[role="tablist"] .nav-link.answered {
	/* background-color: #425563; */
	/* background-color: rgb(34, 51, 88); */
	background-image: linear-gradient(to right, rgba(34, 51, 88, .5), rgba(34, 51, 88, .8), rgb(34, 51, 88), rgb(34, 51, 88), rgba(34, 51, 88, .8), rgba(34, 51, 88, .5));

}
[role="tablist"].completed .nav-link.failed {
	background-image: linear-gradient(to right, red, rgb(68, 100, 173), rgba(68, 100, 173, .8), #425563);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
[role="tablist"] .nav-link.active,
[role="tablist"].completed .nav-link.active {
	background-image: none;
	/* background-color: #8C080C; */
	/* background-color: rgb(245, 143, 41); */
	background-image: linear-gradient(to right, rgb(220, 115, 10), rgb(235, 123, 11), rgb(245, 143, 41), rgb(245, 143, 41), rgb(235, 123, 11), rgb(220, 115, 10));

}
.tab-content {
	background-color: white;
	/* border: 1px solid #8C080C; */
	border: 1px solid rgb(245, 143, 41);
}
.tab-content [role="tabpanel"] {
	padding: 8px 32px 16px 32px;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 575.98px) {
	.tab-content [role="tabpanel"] {
		padding: 0;
	}
}
.tab-content p,
.tab-content li p {
	color: rgb(27, 43, 58);
}

.infobar {
	font-size: 20px;
	margin: 24px 0;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-height: 767.98px) {
	.infobar {
		margin: 12px 0;
	}
}
@media screen and (max-width: 575.98px) {
	.infobar {
		flex-wrap: wrap;
	}
}
/* .score {
    margin-left: 4%;
} */
#hits,
#fails {
    font-weight: 700;
	width: 24px;
	display: inline-block;
}
#hits {
    color: #38c800;
}
#fails {
    color: red;
}

/* flipcards */
.flipcards-container {
    display: flex;
	justify-content: center;
    position: relative;
	margin: 1.5rem 0;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flipcard {
	background-color: transparent;
	width: 320px;
	min-height: 320px;
	/* border: 1px solid #f1f1f1; */
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
	margin-right: 1rem;
}
.flipcard:last-of-type {
	margin-right: 0;
}

/* flipcard fullWidth */
.flipcards-container.fullWidth {
	flex-flow: column nowrap;
}
.flipcards-container.fullWidth .flipcard {
	width: 100%;
	min-height: 240px;
	flex: 1 1 100%;
	margin-right: 0;
	margin-bottom: 1rem;
}
.flipcards-container.fullWidth .flipcard .flipcard-front p {
	font-size: 24px;
	width: 22%;
	margin-right: auto;
}

/* flipcard pairs */
.flipcards-container.pairs {
	flex-wrap: wrap;
}
.flipcards-container.pairs .flipcard {
	flex: 1 1 48%;
	margin-bottom: 1rem;
}
.flipcards-container.pairs .flipcard:nth-of-type(even) {
	margin-right: 0;
}

/* This container is needed to position the front and back side */
.flipcard-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flipcard:hover .flipcard-inner {
	transform: rotateY(180deg);
}

/* Position the front and back side */
.flipcard-front,
.flipcard-back {
	color: white;
	position: absolute;
	width: 100%;
	height: auto;
	border-radius: 20px;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
.flipcard:nth-of-type(1) .flipcard-front,
.flipcard:nth-of-type(1) .flipcard-back,
.flipcard:nth-of-type(4) .flipcard-front,
.flipcard:nth-of-type(4) .flipcard-back,
.flipcard:nth-of-type(7) .flipcard-front,
.flipcard:nth-of-type(7) .flipcard-back,
.flipcard:nth-of-type(10) .flipcard-front,
.flipcard:nth-of-type(10) .flipcard-back {
	background-color: rgb(222, 133, 106);
}
.flipcard:nth-of-type(2) .flipcard-front,
.flipcard:nth-of-type(2) .flipcard-back,
.flipcard:nth-of-type(5) .flipcard-front,
.flipcard:nth-of-type(5) .flipcard-back,
.flipcard:nth-of-type(8) .flipcard-front,
.flipcard:nth-of-type(8) .flipcard-back,
.flipcard:nth-of-type(11) .flipcard-front,
.flipcard:nth-of-type(11) .flipcard-back {
	background-color: #8C080C;
}
.flipcard:nth-of-type(3) .flipcard-front,
.flipcard:nth-of-type(3) .flipcard-back,
.flipcard:nth-of-type(6) .flipcard-front,
.flipcard:nth-of-type(6) .flipcard-back,
.flipcard:nth-of-type(9) .flipcard-front,
.flipcard:nth-of-type(9) .flipcard-back,
.flipcard:nth-of-type(12) .flipcard-front,
.flipcard:nth-of-type(12) .flipcard-back {
	background-color: #425563;
}
.flipcard b,
.flipcard strong,
.flipcard .emoStyleBold {
	color: white;
}

/* Style the front side (fallback if image is missing) */
.flipcard-front {
	font-weight: 600;
	font-size: 2rem;
	text-align: center;
	line-height: 1.3;
	/* background-color: #bbb; */
	padding: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.flipcard-front .small {
	font-size: 1.2rem !important;
}

/* Style the back side */
.flipcard-back {
	/* font-size: 1rem; */
	font-weight: 600;
	font-size: 2rem;
	text-align: center;
	line-height: 1.3;
	/* background-color: dodgerblue; */
	/* padding: 0.5rem 1rem 0.5rem 1.5rem; */
	padding: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotateY(180deg);
}
.flipcard-back ul {
	padding-left: 20px;
	margin: 0.5rem 0;
}
.flipcard-back li,
.flipcard-back li p {
	color: white;
}
.flipcard-back li {
	padding-left: 0;
}
.flipcard-back p {
	margin: 0.5rem 0 !important;
}
.flipcard-back p a {
	color: white !important;
}
.flipcard-back .Avots {
    color:inherit;
}

/* colored */
.colored li {
	padding: 2px 16px !important;
	margin-bottom: 4px;
}
.colored li:nth-of-type(1) {
	background-color: #8C080C;
}
.colored li:nth-of-type(2) {
	background-color: rgb(222, 133, 106);
}
.colored li:nth-of-type(3) {
	background-color: #425563;
}
.colored li p,
.colored li p .emoStyleBold {
	color: white;
}

/* video */
/* .video {
	max-height: 572px;
	border: 1px solid rgb(27, 43, 58);
	margin: 1rem auto;
	position: relative;
	display: flex;
} */
.video {
	position: relative;
}
.video > video,
.video > div {
	max-width: 100%;
	max-height: 100%;
}
video {
	width: 100%;
}
.video.cover .video-cover {
	background-color: rgba(0, 172, 244, 0.75);
	width: 100%;
	height: calc(100% - 24px);
	position: absolute;
	top: 0;
}
.video-play-button {
  display: none;
	background: url('../../default/media/video-play-button.png') no-repeat;
	width: 168px;
	height: 168px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1200;
	cursor: pointer;
	opacity: 0.7;
}
.video:hover .video-play-button,
.video:focus .video-play-button {
	opacity: 1;
}
.cover .video-play-button {
  display: block;
}
.titri {
	font-size: 15px;
	color: white;
	background-color: rgb(68, 100, 173);
	width: 20%;
	line-height: 1.4;
	/* text-align: center; */
	padding: 0.75rem 1rem;
	border-radius: 8px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,.13));
	position: absolute;
	/* left: 1rem; */
	top: 0;
}
.titri .emoStyleBold {
	color: white !important;
}
/* .video-caption {
	font-weight: 600;
	font-size: 2.5rem;
	color: #fff;
	text-align: center;
	width: 100%;
    height: 100%;
	line-height: 1.2;
	padding: 4rem 8rem;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
.video-caption .emoStyleItalic {
	font-weight: 400;
	font-size: 0.875rem;
	color: var(--main-txt-color);
}
p.video-caption {
	margin: 0.5rem 0 1rem 0;
} */
.img-caption div,
.video-caption div {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.img-caption div.helper-middle,
.video-caption div.helper-middle {
	min-height: 44px;
}
.video-caption > p {
	margin: 0;
}
.video-caption + .video {
	margin-top: 2rem;
}
.close-button {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	position: absolute;
	right: 8px;
	top: 32px;
	cursor: pointer;
	opacity: 0.8;
}
.close-button:hover,
.close-button:focus {
	opacity: 1;
}
.close-button::before,
.close-button::after {
	content: ' ';
	background-color: #fff;
	width: 3px;
	height: 16px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.close-button::before {
	transform: rotate(45deg);
}
.close-button::after {
	transform: rotate(-45deg);
}
.audio {
	margin-bottom: 16px;
}
audio {
	max-height: 40px;
}
/* Bootstrap Carousel */
.article-container .carousel {
	margin: 32px 0 32px 0;
}
.carousel-control-prev {
	background-image: linear-gradient(to right, rgba(207, 207, 207, 1) 0, rgba(207, 207, 207, 0.05) 100%);
}
.carousel-control-next {
	background-image: linear-gradient(to right, rgba(207, 207, 207, 0.05) 0, rgba(207, 207, 207, 1) 100%);
}
@media screen and (min-width: 654px) {
	.carousel-control-prev .carousel-control-prev-icon {
		margin-left: -40px;
	}
}
@media screen and (min-width: 654px) {
	.carousel-control-next .carousel-control-next-icon {
		margin-right: -40px;
	}
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='012169' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='012169' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
}
.carousel-indicators {
    bottom: -1.5rem;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(68, 100, 173);
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .3;
    transition: opacity .6s ease;
}
/* header */
header {
	display: flex;
	justify-content: flex-end;
}
header,
.header-fill {
	display: none;
	background: rgb(27, 43, 58);
	width: 100%;
	height: 56px;
}
.header-fill {
	position: absolute;
	top: 0;
	z-index: -1;
}
.container.titlepage + .header-fill {
	z-index: 1;
}
nav > a,
nav > div {
	height: 100%;
	float: left;
}
header .DML {
	background: rgb(68, 100, 173) url('../../default/media/DML.png') no-repeat;
	flex: 0 0 20%;
}
.breadcrumb {
	list-style: none; /* bs */
	background-color: transparent;
	flex: 1 1 60%;
    padding: 0rem 0rem;
	border-right: 1px solid #fff;
	border-radius: 0rem;
    margin-bottom: 0rem;
}
.breadcrumb h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 24px;
	color: white;
	padding: 0 1rem 0 2.25rem;
	margin: 0;
    align-self: center;
}
header a:link,
header a:visited,
header a:hover,
header a:active {
	color: white !important;
}
nav {
	flex: 1 1 40%;
}
.home {
	background: url('../../VISC_GDPR_tests/media/home.png') no-repeat center;
	width: 4.6875rem;
	margin-left: 1.125rem;
}
.contents-button {
	background: url('../../VISC_GDPR_tests/media/contents-button.png') no-repeat center;
	width: 5rem;
}
.home:hover,
.contents-button:hover,
.contents-button.shown {
	background-color: #425563;
}
.prev,
.next {
	width: 3rem;
}
.prev {
	background: url('../../VISC_GDPR_tests/media/arrow-left.png') no-repeat 0.25rem;
	margin-left: 1.625rem;
}
.prev:hover {
	background-position: 0;
}
.next {
	background: url('../../VISC_GDPR_tests/media/arrow-right.png') no-repeat 0;
	margin-left: 0.875rem;
}
.next:hover {
	background-position: 0.25rem;
}
nav .pageNo {
	visibility: hidden;
	font-size: 1.125rem;
	color: #fff;
	width: 4.75rem;
	line-height: 5.125rem;
	text-align: right;
}
@media screen and (max-width: 991.98px) {
	/* For mobile phones: */
	.breadcrumb {
		/* flex: 1 1 54%; */
		flex: 1 1 calc(100% - 31% - 5.7rem);
	}
	nav {
		/* flex: 1 1 46%; */
		flex: 1 1 calc(31% + 5.7rem);
	}
	nav .pageNo {
		/* width: 2rem; */
		width: 1.2rem;
	}
}
@media screen and (max-width: 767.98px) {
	/* For mobile phones: */
	header,
	.header-fill {
		opacity: 0.9;
		height: 56px;
		position: fixed;
	}
	header {
		z-index: 1000;
	}
	.breadcrumb {
		display: none;
	}
}
/* footer */
footer.container-fluid {
	width: 1024px;
	max-width: 100%;
}
footer .copyright {
	/* background: #868686; */
	background: rgb(245, 143, 41);
	color: white;
	/* padding: 0.75rem 0; */
	padding: 0.25rem 0;
}
footer .copyright span {
	display: none;
}
footer .logos {
	background: white;
}
footer .logos .logo {
	/* background: url('../../VISC_GDPR_tests/media/logo-NAP2020-ES.png') no-repeat center top;
	background-size: auto 100%;
	height: 110px; */
	margin-top: 0 !important;
	margin-bottom: 8px !important;
}
@media screen and (max-height: 767.98px) {
	footer .logos {
		height: auto;
		min-height: 43px;
	}
}
footer {
	font-size: 14px;
	text-align: center;
}
footer .logos.text p {
	font-weight: 600;
	color: #707070;
	margin-top: 8px;
	margin-bottom: 0;
}
.VISC ~ footer .logos.text p.DML {
	display: none;
}
.VISC ~ footer .logos.text p:last-of-type {
	text-transform: uppercase;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
footer .logos.text p b {
	font-weight: 600;
	font-size: 18px;
	color: #868686;
}
/* titlepage */
.container.titlepage header {
	display: none;
}
.container.titlepage .row {
	width: 100%;
	height: 100vh;
	/* flex-wrap: nowrap; */
	align-items: flex-end;
	margin: 0;
}
.container.titlepage .row#wall .tile {
	/* display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center; */
	flex: 1 1 100%;
	max-width: 100vw;
}
/* .container.titlepage .tile.e-course,
.container.titlepage .tile.poster,
.container.titlepage .tile.copyright {
	flex: 0 1 680px;
}
.container.titlepage .tile.logo,
.container.titlepage .tile.start-area,
.container.titlepage .tile.developer {
	flex: 1 1 344px;
}
.container.titlepage .tile.e-course,
.container.titlepage .tile.logo {
	height: calc(100vh - 453px - 86px);
}
.container.titlepage .tile.poster,
.container.titlepage .tile.start-area {
	height: 453px;
} */
.container.titlepage .tile.copyright,
.container.titlepage .tile.developer {
	font-size: 14px;
	color: #707070;
	background-color: #f0f0f0;
	flex: 1 1 50% !important;
	max-width: 50vw;
	height: calc(8vh + 16px);
	vertical-align: middle;
	padding: 8px 0;
}
.container.titlepage .tile.copyright {
	padding-left: 16px;
}
.container.titlepage .tile.developer {
	text-align: right;
	padding-right: 16px;
}
.container.titlepage .tile.copyright div,
.container.titlepage .tile.developer div {
	display: inline-block;
	vertical-align: middle;
}
.container.titlepage .tile.copyright .logo {
	margin-right: 16px;
}
.container.titlepage .tile.developer .logo-DZC {
	margin-left: 16px;
}
.container.titlepage .tile.copyright img,
.container.titlepage .tile.developer img {
	max-height: 8vh;
}
.container.titlepage .tile.e-course,
.container.titlepage .tile.subtitle {
	font-weight: 900;
	font-size: 12vmin;
	color: rgb(27, 43, 58);
	text-shadow: 2px 2px rgb(222, 133, 106);
	background-color: rgba(222, 133, 106, .5);
	border-radius: 8px;
	box-shadow: 1px 1px 4px rgb(222, 133, 106);;
	text-align: center;
	line-height: 1.2;
}
.author {
	font-size: 4vmin;
	margin-top: 1.5vmin;
}
.author + div {
	margin-bottom: 1vmin;
}
.container.titlepage .tile.subtitle {
	font-size: 6vmin;
	padding: 0 32px;
	margin-top: -4%;
}
.container.titlepage p {
	margin: 16px 0;
}
.container.titlepage .tile.poster > div {
	width: 100%;
	height: 100%;
}
.container.titlepage .tile.poster > div > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.container.titlepage .tile.start-area {
	text-align: center;
}
.container.titlepage .tile.start-area .start {
	background-color: #8C080C;
	padding: 8px 32px;
	display: inline-block;
}
.container.titlepage .tile.start-area .start::before {
	content: 'SÄ€KT';
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 2vmax;
	color: white;
}
.container.titlepage .tile.start-area .start:hover,
.container.titlepage .tile.start-area .start:focus {
	background-color: rgb(222, 133, 106);
}
.titlepage footer {
	padding-top: 16px;
}
@media screen and (max-width: 767.98px) {
	/* For mobile phones: */
	.container.titlepage .tile {
		height: auto !important;
	}
	.container.titlepage .tile.copyright,
	.container.titlepage .tile.developer {
		font-size: 12px;
		flex: 1 1 100% !important;
		max-width: 100vw;
	}
	.container.titlepage .tile.copyright {
		width: 100vw;
		position: absolute;
		bottom: 68px;
	}
}
.footer-fill {
	background-color: #f0f0f0;
	width: 100%;
	height: calc(8vh + 16px);
	position: absolute;
	bottom: 0;
	z-index: -1;
}
/* chapter titlepage */
.chapter-titlepage article {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 0 100%;
	padding: 9%;
}
.chapter-titlepage article .chapter-title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 72px;
	text-align: center;
	line-height: 1.4;
}
.staff {
	margin-left: 4vmin;
}
/* contents-menu */
#top > .contents-menu {
	font-family: OpenSansCondensed, 'Arial Narrow', OpenSans, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background: #425563;
	width: 31%;
	padding: 1rem 0;
	position: absolute;
	right: 0;
	top: 64px;
	z-index: 1100;
}
#top > .contents-menu:not(.hidden) {
	/* max-height: calc(100% - 118px); */
	max-height: 100%;
	display: flex !important;
	align-items: stretch;
}
@media screen and (max-width: 767.98px) {
	#top > .contents-menu {
		min-width: 312px;
		left: 0;
		right: auto;
		top: 56px;
	}
}
#top > .contents-menu .scroll-pane {
	width: 100%;
}
#top > .contents-menu .card:not(.shown) {
	margin-bottom: 0.5rem;
}
#top > .contents-menu .card-body {
	padding: 0.5rem 2rem 0.75rem 0;
}
.contents-menu h2,
.contents-menu h3 {
	margin: 0;
}
.contents-menu a {
	color: #fff;
}
#top > .contents-menu a {
	font-size: 1rem;
}
#top > .contents-menu .card.shown h2 a {
	color: #425563;
	background-color: #fff;
	/* background-image: url('../../VISC_GDPR_tests/media/icon-chevron-up-green.svg');
	background-repeat: no-repeat; */
}
#top > .contents-menu .card h2 a {
	background-size: 1rem 1rem;
	background-position: 0.5rem 0.375rem;
	padding: 0.25rem 0.75rem 0.25rem 2rem;
}
.contents-menu h3 a {
	font-weight: 400;
	font-size: 18px;
	display: block;
	width: 100%;
	height: 100%;
}
#top > .contents-menu h3 a {
	padding: 0.25rem 1.25rem 0.25rem 2rem;
}
#top > .contents-menu h3.shown a {
	font-weight: 600;
}
.contents-menu h3 a.visited {
	background: url('../../VISC_GDPR_tests/media/bullet-check.png') no-repeat right 0.625rem;
}
.contents-menu h3 a:focus {
	text-decoration: underline;
	outline-style: none;
}
/* contents */
.contents article {
	/* padding-top: 3.5rem; */
	padding-bottom: 2rem;
}
.contents article .contents-menu {
	margin-top: 16px;
}
.contents .contents-menu #accordion-contents {
    display: flex;
    flex-direction: column;
}
.contents .contents-menu .card {
	flex: 1 1 49%;
    width: 49%;
	max-width: 49%;
    min-width: 244px;
	border-style: none !important;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
    margin-top: 1.5rem !important;
	position: relative;
	overflow: visible;
}
/* .contents .contents-menu .card {
    margin-right: 20%;
}
.contents .contents-menu .card:nth-of-type(2) {
    margin-left: 6%;
}
.contents .contents-menu .card:nth-of-type(3) {
    margin-left: 12%;
}
.contents .contents-menu .card:nth-of-type(4) {
    margin-left: 18%;
}
.contents .contents-menu .card:nth-of-type(5) {
    margin-left: 24%;
} */
.contents .contents-menu .card:nth-of-type(even) {
	margin-left: auto;
    margin-right: 0;
}
.contents .contents-menu .card:nth-of-type(1) {
    z-index: 50;
}
.contents .contents-menu .card:nth-of-type(2) {
    z-index: 40;
}
.contents .contents-menu .card:nth-of-type(3) {
    z-index: 30;
}
.contents .contents-menu .card:nth-of-type(4) {
    z-index: 20;
}
.contents .contents-menu .card:nth-of-type(5) {
    z-index: 10;
}
.contents .contents-menu .card > div:last-of-type {
    flex: 1 0 auto;
	width: 100%;
	position: absolute;
	top: 100%;
}
.contents .contents-menu .card-body {
    padding: 8px 8px 8px 24px;
}
@media screen and (max-width: 767.98px) {
	.contents .contents-menu .card-body {
		padding: 8px 8px 8px 20px;
	}
}
.contents .contents-menu .card-header {
	background-color: transparent !important;
	border-bottom: 8px solid rgb(222, 133, 106);
}
.contents .contents-menu .card-header h2 {
	text-transform: none;
	background-color: rgb(222, 133, 106);
	width: 70%;
    border-radius: 16px 16px 0 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.contents .contents-menu .card-header h2:hover,
.contents .contents-menu .card-header h2:focus {
	background-color: rgba(222, 133, 106, .8);
}
.contents .contents-menu .card-header h2 a {
	font-size: 24px;
	text-align: center;
	min-height: 56px;
	/* line-height: 64px; */
	padding: 0 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contents .contents-menu .card-body {
	color: rgb(27, 43, 58);
	background-color: white;
	height: 100%;
	border: 1px solid rgb(222, 133, 106);
}
.contents .contents-menu h3 a {
	color: rgb(27, 43, 58);
	padding: 0.375rem 0 0.375rem 0;
}
.contents .contents-menu h3 a:visited {
	color: rgb(222, 133, 106);
}
.contents .contents-menu h3 a:hover {
	text-decoration: underline;
}
.contents article > h3 {
	display: none;
}
.contents article a.pdf {
	flex: 0 0 100%;
}
.contents article .card-header a {
	color: #fff;
}
.contents article .card-header a[aria-expanded="false"],
.contents article .card-header a[aria-expanded="true"] {
	background: none;
}
.contents article .accordion > .card.shown .card-header {
	background-color: rgb(27, 43, 58);
}
.contents article .accordion > .card.shown:first-of-type,
.contents article .accordion > .card.shown:not(:first-of-type):not(:last-of-type),
.contents article .accordion > .card.shown:last-of-type {
	border: none;
}
.contents article .accordion > .card:not(.shown) .card-header {
	background-color: #8C080C;
}
.contents article .accordion > .card:not(.shown):first-of-type,
.contents article .accordion > .card:not(.shown):not(:first-of-type):not(:last-of-type),
.contents article .accordion > .card:not(.shown):last-of-type {
	border: 1px solid #8C080C;
}
.contents article .accordion > .card:not(.shown):hover .card-header a,
.contents article .accordion > .card:not(.shown):focus .card-header a {
	text-decoration: none;
}
.chapter-0:not(.contents) .breadcrumb h2 a {
	display: none;
}
.contents .navig.home {
	visibility: hidden;
}
.contents .metodika {
    display: inline-block;
    width: 33%;
    margin-top: 11vmin;
	margin-bottom: 1rem;
}
.contents .metodika:nth-of-type(3) {
    text-align: center;
}
.contents .metodika:last-of-type {
    text-align: right;
}
.contents .metodika a,
#page-38 .article-section-content p a {
	text-decoration: underline;
}
.contents .metodika a {
	color: var(--main-link-color);
}
.contents .metodika a:hover,
.contents .metodika a:focus,
#page-38 .article-section-content p a:hover,
#page-38 .article-section-content p a:focus {
	color: rgba(222, 133, 106, .8);
}
#page-38 h3 {
	font-size: 36px;
	color: rgb(222, 133, 106);
}
.floatToSides > * {
	margin-bottom: 1rem;
}
.floatToSides > span {
	white-space: nowrap;
}
.floatToSides > a:first-of-type {
	float: left;
}
.floatToSides > span:last-of-type {
	float: right;
}
.contents + .header-fill + footer .logos.text > p:first-of-type span:not(span:first-of-type) {
	display: none;
}
/* jquery.mCustomScrollbar */
.mCSB_inside > .mCSB_container {
	margin-right: 0px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    left: auto;
    right: 0px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
}
/* exercises */
/* .exe > div,
.exe > p,
.exe > table,
.exe > ul,
.exe > ol,
.exe > .containment-draggable,
.exe .img-wrapper.withCaption {
	
}
.exe p,
.exe li {
	
} */
.exe-panel {
	position: relative;
}
.exe-panel.display-flex-column {
	display: flex;
	flex-direction: column;
}
.exe-panel.display-flex-row {
	display: flex;
	flex-direction: row;
}
@media screen and (max-width: 765.98px) {
	div.center {
		text-align: center;
	}
	.exe-panel .center .img-wrapper:not(.exe-title + .exe-panel .center .img-wrapper) {
		margin-top: 16px !important;
		margin-bottom: 0 !important;
	}
	.exe-panel.display-flex-row {
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 768px) {
	.exe-panel.img-toLeft {
		flex-direction: row;
	}
	.exe-panel.img-toLeft .center {
		flex: 0 0 auto;
		align-self: center;
		padding-right: 24px;
		margin: 16px 0 0 0;
	}
	.exe-panel.img-toLeft .answers {
		padding-left: 24px;
		border-left: 1px solid #cecece;
	}
	.answers.img-SideBySide:not(#page-23 .answers.img-SideBySide):not(#page-30 .answers.img-SideBySide) {
		flex-direction: row !important;
		justify-content: space-between;
	}
	.answers.img-SideBySide:not(#page-23 .answers.img-SideBySide):not(#page-30 .answers.img-SideBySide) .radio-input {
		flex: 0 0 auto;
	}
	#page-22 .answers.img-SideBySide .radio-input {
		flex: 0 1 auto !important;
	}
}
@media screen and (min-width: 976px) {
	#page-23 .answers.img-SideBySide,
	#page-30 .answers.img-SideBySide {
		flex-direction: row !important;
		justify-content: space-between;
	}
	#page-23 .answers.img-SideBySide .radio-input,
	#page-30 .answers.img-SideBySide .radio-input {
		flex: 0 0 auto;
	}
}
.answers.img-SideBySide .radio-input img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
}
.exe-title:not(.long) {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}
.exe-title.long {
	font-size: 20px;
}
.exe-title .def,
.exe-title ul {
	font-size: 1rem;
}
.exe-title b,
.exe-title strong,
.exe-title .emoStyleBold {
	font-weight: 700;
	color: rgb(245, 143, 41);
}
.exe-title img {
	display: block;
	margin-top: 0.5rem;
}
/* Animētās zīmes */
.note {
  position: absolute;
  animation: notes 2s infinite linear;
  font-size: 35px;
  color: rgb(27, 43, 58);
  opacity: 0;
}
.note-1 {
  /* left: 0;
  top: 100px; */
  left: 30%;
  top: 110px;
  animation-delay: 0.5s;
}
.note-2 {
  /* left: 30%;
  top: 70px; */
  left: 50%;
  top: 80px;
  animation-delay: 1s;
}
.note-3 {
  /* left: 60%;
  top: 130px; */
  left: 70%;
  top: 140px;
  animation-delay: 1.5s;
}
.note-4 {
  /* left: 90%;
  top: 80px; */
  left: 90%;
  top: 90px;
  animation-delay: 2s;
}
@keyframes notes {
  0% {
    transform: scale(1) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: scale(1.5) translate(50%, -50%);
  }
  80% {
    opacity: 0;
    transform: scale(1.5) translate(100%, -100%);
  }
  100% {
    transform: scale(1.5) translate(100%, -100%);
    opacity: 0;
  }
}
/* .exe-title.completed {
	background: url('../../VISC_GDPR_tests/media/icon-completed-lg.png') no-repeat right center;
} */
input[type="text"] {
	color: white;
	background: none;
	border: none;
	border-bottom: 2px solid white;
	line-height: 1;
	box-sizing: content-box;
}
input[type="text"]:hover,
input[type="text"]:focus {
    border-bottom: 2px solid rgb(245, 143, 41);
    outline: none;
}
td input[type="text"],
textarea,
.textAreaChecked {
	color: rgb(27, 43, 58);
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	line-height: 1.45;
	padding: 1px 4px;
}
textarea,
.textAreaChecked {
	width: 100%;
	max-width: 100%;
	/* padding: 6px 10px; */
	padding: 2px 8px;
	overflow: hidden;
	resize: none;
}
.eseja textarea {
	resize: vertical;
}
textarea,
.textAreaChecked {
	vertical-align: top;
	box-sizing: border-box;
}
.numbered-list li > p:first-of-type textarea,
.numbered-list li > p:first-of-type .textAreaChecked {
	margin-top: -3px;
}
td input[type="text"]:hover,
td input[type="text"]:focus,
textarea:hover,
textarea:focus,
.textAreaChecked:hover,
.textAreaChecked:focus {
    border: 1px solid rgb(245, 143, 41);
    outline-style: none;
}
td input[type="text"]:disabled,
textarea:disabled {
	background-color: rgba(255, 255, 255, 0.75);
	outline-style: none;
}
input[type="text"]:disabled:hover,
input[type="text"]:disabled:focus {
	border-bottom: 2px solid #8C080C;
    outline-style: none;
	cursor: not-allowed;
}
td input[type="text"]:disabled:hover,
td input[type="text"]:disabled:focus,
textarea:disabled:hover,
textarea:disabled:focus {
	border: 1px solid rgba(0, 0, 0, 0.1);
    outline-style: none;
	cursor: not-allowed;
}
input[type="text"].center {
	padding-left: 0;
	padding-right: 0;
}
td input[type="text"].center {
	padding-left: 4px;
	padding-right: 4px;
}
p.invisible span {
	display: inline-block;
}
.checkboxes-list ul {
    list-style-type: none;
	padding: 0;
}
.checkboxes-list li p {
	margin: 0 0 0.75rem 0.25rem !important;
}
input[type="radio"],
input[type="checkbox"] {
	display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
	padding-left: 26px;
	position: relative;
	margin-bottom: 0;
}
.exe-panel .answers {
	display: flex;
	flex-direction: column;
	position: relative;
}
.exe-panel .answers p.radio-input {
	margin: 0 0 12px 0;
}
.exe-panel .answers > p > input[type="radio"] + label,
.exe-panel .answers > p > input[type="checkbox"] + label {
	font-weight: 600;
	padding-left: 30px;
	margin-left: 24px;
}
@media screen and (max-width: 575.98px) {
	.exe-panel .answers > p > input[type="radio"] + label,
	.exe-panel .answers > p > input[type="checkbox"] + label {
		margin-left: 6px;
	}
}
input[type="radio"] + label img,
input[type="checkbox"] + label img {
	/* vertical-align: middle; */
	vertical-align: top;
}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before,
input[type="radio"] + label::after,
input[type="checkbox"] + label::after {
	content: '';
	background-color: #fff;
	position: absolute;
}
input[type="radio"] + label::before,
input[type="radio"] + label::after {
	border-radius: 50%;
}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before {
	width: 20px;
	height: 20px;
	border: 2px solid #999;
	left: 0;
	top: 2px;
}
input[type="radio"] + label::after,
input[type="checkbox"] + label::after {
	width: 12px;
	height: 12px;
	border: 1px solid #ededed;
	left: 4px;
	top: 6px;
}
input[type="radio"] + label:hover::after,
input[type="radio"] + label:focus::after,
input[type="checkbox"] + label:hover::after,
input[type="checkbox"] + label:focus::after {
    background-color: rgba(249, 199, 132);
	border-style: none;
}
input[type="radio"]:disabled + label::after,
input[type="checkbox"]:disabled + label::after {
    background-color: #ddd;
	border-style: none;
}
input[type="radio"]:checked + label::after,
input[type="checkbox"]:checked + label::after {
    background-color: rgb(245, 143, 41);
	border-style: none;
}
input[type="checkbox"].correct + label::after,
input[type="checkbox"].wrong + label::after {
	background-color: inherit;
}
input[type="radio"]:checked.correct + label::after,
input[type="checkbox"]:checked.correct + label::after,
input[type="radio"]:checked:disabled + label::after,
input[type="checkbox"]:checked:disabled + label::after {
	background-color: rgb(27, 43, 58);
	border-style: none;
}
input[type="checkbox"].checked.correct + label::after {
	background-color: rgb(27, 43, 58) !important;
	border-style: none;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
input[type="checkbox"].wrong:not(.checked.wrong) + label::before {
	border-color: red !important;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
[role="tabpanel"] input[type="checkbox"].wrong:not(.checked.wrong) + label::before {
	border-color: #999 !important;
}
input[type="radio"].wrong + label::after,
input[type="checkbox"].checked.wrong + label::after {
	background-color: red !important;
	border-style: none;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
input[type="checkbox"].correct + label,
input[type="checkbox"].wrong + label {
	color: inherit;
}
input[type="radio"].correct + label,
input[type="checkbox"]:checked.correct + label {
	color: inherit;
}
input[type="radio"].wrong + label,
input[type="checkbox"]:checked.wrong + label {
	color: red;
}
input[type="radio"]:disabled + label:hover,
input[type="radio"]:disabled + label:focus,
input[type="checkbox"]:disabled + label:hover,
input[type="checkbox"]:disabled + label:focus {
	cursor: not-allowed;
}
.hiddenRadio input[type="radio"] + label::before,
.hiddenRadio input[type="radio"] + label::after,
.hiddenRadio input[type="checkbox"] + label::before,
.hiddenRadio input[type="checkbox"] + label::after {
	display: none;
}
.hiddenRadio input[type="radio"] + label img,
.hiddenRadio input[type="checkbox"] + label img {
	cursor: pointer;
}
.hiddenRadio input[type="radio"] + label img,
.hiddenRadio input[type="checkbox"] + label img {
	padding: 4px;
	border: 1px solid transparent;
	border-radius: 16px;
}
.hiddenRadio input[type="radio"]:checked + label img,
.hiddenRadio input[type="checkbox"]:checked + label img {
	border: 1px solid rgb(245, 143, 41);
}
.hiddenRadio input[type="radio"].correct + label img,
.hiddenRadio input[type="checkbox"]:checked.correct + label img {
	border: 1px solid rgb(27, 43, 58);
}
.hiddenRadio input[type="radio"].wrong + label img,
.hiddenRadio input[type="checkbox"]:checked.wrong + label img {
	border: 1px dashed #8C080C;
}
.exe-panel .center .img-wrapper {
    margin: 0 0 16px 0;
}
.exe-panel .answers.display-inline {
	margin-left: -12px;
    margin-right: -12px;
}
.exe-panel .answers.display-inline .radio-input label {
	display: inline-block;
    padding-left: 0;
    text-indent: 30px;
	margin-left: 12px;
    margin-right: 12px;
}
@media screen and (max-width: 767.98px) {
	.exe-panel .answers.display-inline:not(#page-23 .exe-panel .answers.display-inline):not(#page-30 .exe-panel .answers.display-inline) {
		margin-left: 0;
		margin-right: 0;
	}
	.exe-panel .answers.display-inline .radio-input label:not(#page-23 .exe-panel .answers.display-inline .radio-input label):not(#page-30 .exe-panel .answers.display-inline .radio-input label) {
		width: calc(100% - 24px);
	}
}
@media screen and (max-width: 975.98px) {
	#page-23 .exe-panel .answers.display-inline,
	#page-30 .exe-panel .answers.display-inline {
		margin-left: 0;
		margin-right: 0;
	}
	#page-23 .exe-panel .answers.display-inline .radio-input label,
	#page-30 .exe-panel .answers.display-inline .radio-input label {
		width: calc(100% - 24px);
	}
}
@media screen and (min-width:0\0) {
    .Testi select {
        background-image: none\9;
        padding: 5px\9;
    } 
}
.Testi select::-ms-expand { 
    display: none; /* hide the default arrow in IE10 and IE11 */
}
.Testi select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; /* remove default arrow */
	background: #fff url('../../VISC_GDPR_tests/media/arrow-down-expand-select.png') no-repeat right; /* add custom arrow */
	max-height: 22px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding-left: 4px;
	padding-right: 22px;
}
.Testi select:hover,
.Testi select:focus {
    border: 1px solid #ffd139;
}
.Testi select:disabled:hover,
.Testi select:disabled:focus {
	cursor: not-allowed;
}
ul.sortable-list,
ul.draggable-list,
ul.droppable {
	list-style-type: none;
	padding: 0;
}
.draggable-list {
	text-align: center;
	margin-top: 2rem;
	position: relative;
}
.sortable,
.draggable {
	text-align: left;
	background: rgba(255, 255, 255, 0.75) url('../../VISC_GDPR_tests/media/icon-draggable.svg') no-repeat 12px;
	padding: 0 10px 0 30px !important;
    border: 1px solid #fff;
	border-radius: 100px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
	margin: 4px 0;
	cursor: move;
}
.draggable.img-wrapper,
.droppable-img {
	border-radius: 16px !important;
}
li.sortable {
	color: var(--main-txt-color);
	width: auto;
}
.draggable,
.droppable {
	white-space: nowrap;
}
.droppable.answersShown {
	height: auto !important;
}
.inline {
	display: inline-block;
	margin: 4px 4px;
}
.sortable:hover,
.sortable:focus,
.draggable:hover,
.draggable:focus,
.ui-sortable-helper,
.ui-draggable-dragging {
	border: 1px solid rgba(0, 198, 80, 0.5);
}
.ui-sortable-disabled .sortable,
.ui-draggable-disabled {
	background-color: transparent;
}
.ui-sortable-disabled .sortable:hover,
.ui-sortable-disabled .sortable:focus,
.ui-draggable-disabled:hover,
.ui-draggable-disabled:focus {
	border: 1px solid #fff;
	cursor: not-allowed;
}
.droppable-p {
	height: auto !important;
	margin: 0.2rem 0 !important;
}
td .droppable-p {
	text-align: center;
}
li > .droppable-p {
	text-align: left;
}
.droppable-p b,
.droppable {
	display: inline-block;
	vertical-align: middle;
}
.droppable {
	min-height: 26px;
}
.droppable.blank {
	object-fit: contain;
	background-color: #ededed;
	border-radius: 100px;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
@supports (-ms-ime-align: auto) {
	.droppable.blank {
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	}
}
.droppable-hover {
	border: 1px solid rgba(0, 198, 80, 0.5);
}
.droppable > .draggable {
	margin: 0;
}
.correct {
	color: white;
}
.tab-content .correct {
	color: rgb(27, 43, 58) !important;
}
.wrong {
	color: red !important;
}
.sortable.correct,
.draggable.correct {
    border: 1px solid rgb(27, 43, 58);
}
.sortable.wrong,
.draggable.wrong {
    border: 1px solid #8C080C;
}
.exe b,
#pdf b {
	font-weight: 600;
}
.exe i {
    font-style: italic;
}
.exe em {
	font-weight: 600;
    font-style: italic;
}
.exe mark.control {
    background-color: transparent;
    color: inherit;
	padding: 0.1em;
	cursor: pointer;
}
.exe mark.control.disabled {
	cursor: not-allowed;
}
.exe mark.control.highlight {
	background-color: rgb(245, 143, 41);
}
.exe mark.control.correct {
	background-color: #4A773C;
}
.exe mark.control.wrong {
	color: white !important;
	background-color: #E4002B;
}
.buttons {
	padding: 0 48px;
	margin: 16px 0;
	display: flex;
}
@media screen and (max-width: 767.98px) {
	.buttons:not(#pdf + .buttons) {
		padding: 0;
		margin: 6px 0 16px 0 !important;
	}
}
.buttons button:not(.Atjaunot),
button.Sakt_speli {
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 700;
	/* color: #fff; */
	color: rgb(34, 51, 88);
	/* background: #8C080C; */
	background: linear-gradient(to right, rgb(34, 51, 88) 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: all .35s ease-out;
	width: 150px;
	height: 40px;
	padding: 2px 10px;
	border: 5px solid rgb(245, 143, 41);
	border-radius: 45px;
	position: relative;
	margin-left: 14px;
	cursor: pointer;
}
.buttons button.Parbaudit.completed,
.buttons button.Parbaudit.Nepareizi {
	transition: none;
}
.buttons button:first-of-type {
	margin-left: 8px;
}
button.Sakt_speli {
	font-size: 24px;
	width: 300px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}
button.Sakt_speli.pirmoreiz {
	margin-top: 24vh;
}
button.Sakt_speli.velreiz {
	margin-top: 24px;
	margin-bottom: 24px;
}
.buttons button:hover,
.buttons button:focus,
button.Sakt_speli:hover,
button.Sakt_speli:focus {
	color: white;
	/* background: rgb(27, 43, 58); */
	background-position: left;
}
button:hover,
button:focus {
	outline: none;
}
.buttons button.Parbaudit.completed,
.buttons button.Parbaudit.Nepareizi {
	color: transparent;
    /* background: url('../../VISC_GDPR_tests/media/icon-completed-lg.png') no-repeat 36px center; */
	background: none;
	border: none;
	cursor: auto;
}
.buttons button.Parbaudit.completed::before,
.buttons button.Parbaudit.Nepareizi::before {
	text-transform: none;
    font-weight: 600;
	font-size: 20px;
}
.buttons button.Parbaudit.completed::before {
	content: 'Pareizi! 👍';
    color: green;
}
.tests.single .buttons button.Parbaudit.completed::before {
	content: 'Pareizi! 👍';
    color: chartreuse;
}
.buttons button.Parbaudit.Nepareizi::before {
	content: 'Nepareizi! 👎';
    color: red;
}
@media screen and (max-width: 575.98px) {
	/* .buttons button.Parbaudit.Nepareizi::before {
		content: '👎';
	}
	.buttons button.Parbaudit.Nepareizi {
		width: 25px;
	} */
	/* .buttons button.Nakamais {
		width: 32px;
	}
	.buttons button.Nakamais::before {
		content: '';
		background: url(../../LNKC_Citadais_solfedzo/media/arrow-right.png) no-repeat 0;
		background-size: 32px 32px;
		margin-left: 0.875rem;
	} */
	.buttons {
		flex-wrap: wrap;
	}
	.buttons button.Parbaudit.completed,
	.buttons button.Parbaudit.Nepareizi {
		width: 136px;
		padding-left: 3px;
		padding-right: 3px;
		margin-bottom: 4px;
	}
	#page-32 .buttons button.Parbaudit,
	#page-33 .buttons button.Parbaudit,
	#page-34 .buttons button.Parbaudit {
		margin-left: 14px;
	}
	#page-32 .buttons button.Parbaudit,
	#page-32 .buttons button.Atbildes,
	#page-33 .buttons button.Parbaudit,
	#page-33 .buttons button.Atbildes,
	#page-34 .buttons button.Parbaudit,
	#page-34 .buttons button.Atbildes {
		margin-bottom: 8px;
	}
}
.buttons button.Atjaunot {
	color: white;
	background: url('../../VISC_GDPR_tests/media/icon-restore-white.svg') no-repeat right;
	text-align: right;
	width: 170px;
	padding-right: 26px;
	border: none;
}
.buttons button.Atjaunot:hover,
.buttons button.Atjaunot:focus {
	color: rgb(245, 143, 41);
	background: url('../../VISC_GDPR_tests/media/icon-restore-white-hover.svg') no-repeat right;
}
.tab-content .buttons button.Atjaunot {
	color: #8C080C;
	background: url('../../VISC_GDPR_tests/media/icon-restore.svg') no-repeat right;
	text-align: right;
	padding-right: 26px;
}
.tab-content .buttons button.Atjaunot:hover,
.tab-content .buttons button.Atjaunot:focus {
	color: rgb(27, 43, 58);
	background: url('../../VISC_GDPR_tests/media/icon-restore-hover.svg') no-repeat right;
}
.buttons button.disabled {
	visibility: hidden;
}
.buttons + .accordion {
	margin-top: 64px;
}
.exe mark,
input[type="text"]:disabled,
textarea:disabled,
.sortable,
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media screen and (max-width: 480px) {
	.exe > div,
	.exe > p,
	.exe > table,
	.exe > ul,
	.exe > ol,
	.exe > .containment-draggable {
		margin-left: 14px;
		margin-right: 12px;
	}
	/* .buttons {
		padding: 16px 12px 0 14px;
	} */
	.button.Parbaudit {
		margin-right: 16px;
	}
}
/* hide */
.hide {
    display: none;
}
/* float-list */
ul.float-list {
	list-style-type: none;
	height: auto;
	padding-left: 0px;
}
ul.float-list li {
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 12px 12px 0;
}
ul.float-list li img {
    display: block;
	margin-left: auto;
    margin-right: auto;
}
ul.float-list li img + select {
    margin-top: 4px;
}
/* Maps */
.map-container {
	position: relative;
	margin: 1rem 0 0 0;
}
.button-container {
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 100;
}
.radio-container + .button-container {
	top: 40px;
}
.button-container button {
    font-weight: 800;
	color: rgb(27, 43, 58);
	background-color: rgb(255, 255, 255);
	width: 26px;
	padding: 0;
    border-width: 1px;
	border-color: rgb(204, 204, 204);
	position: absolute;
}
#up-button,
#zoom-in-button,
#zoom-out-button,
#down-button {
	left: 30px;
}
#right-button {
	left: 60px;
}
#zoom-in-button {
	top: 30px;
}
#left-button,
#right-button {
	top: 42px;
}
#zoom-out-button {
	top: 55px;
}
#down-button {
	top: 85px;
}
.svg-container {
	width: 888px;
	height: 666px;
    overflow: hidden;
}
svg {
	cursor: move;
	touch-action: none;
    transition: transform 0.1s linear 0.1s;
}
svg #Labels [data-name="1"],
svg #Labels [data-name="2"],
svg #Labels [data-name="3"],
svg #Labels [data-name="4"],
svg #Labels [data-name="5"],
svg #Labels [data-name="6"],
svg #Labels [data-name="7"],
svg #Bildes > g {
	cursor: pointer;
}
svg #Bildes > g {
	transform-origin: center center;
}
.in {
	transform: scale(1);
}
.out {
	transform: scale(0);
}
.zoomIn {
	animation: zoomIn .5s;
}
@keyframes zoomIn {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}
.zoomOut {
	animation: zoomOut .5s;
}
@keyframes zoomOut {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(0);
	}
}
svg #Labels circle.pulse {
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
	0% {
		r: 2;
	}
	70% {
		r: 5;
	}
	100% {
		r: 2;
	}
}
svg #Labels circle#_1.pulse:not(#page-11 svg #Labels circle#_1.pulse, #page-17 svg #Labels circle#_1.pulse, #page-37 svg #Labels circle#_1.pulse) {
    animation: none;
}
svg #Labels circle#_1-3.pulse {
    animation: pulse-capital 1.5s infinite;
}
@keyframes pulse-capital {
	0% {
		r: 0;
	}
	30% {
		r: 6;
	}
	100% {
		r: 0;
	}
}
svg #Bildes image {
	filter: drop-shadow(2px 2px 2px #808080);
}
.greenR {
	fill: #92D050 !important;
}
.greenD {
	fill: #CEDC44 !important;
}
.greenZ {
	fill: #8EC79A !important;
}
.grey {
	fill: #cfcfcf !important;
}
.green {
	fill: #bace6b !important;
}
.red {
	fill: #ff0000 !important;
}
.display-country {
	fill: #FFEB64 !important;
}
.display-country-name-red {
	fill: #ff0000 !important;
	font-weight: 600;
}
.map-container .img-caption {
	text-align: center;
	margin: 0.5rem 0 1rem 0;
}
#Countries polygon + path.cls-3,
#Countries path.cls-2 + path.cls-3:not(#page-36 #Countries path.cls-2 + path.cls-3, #page-37 #Countries path.cls-2 + path.cls-3),
#Countries path.cls-4 + path.cls-3:not(#page-36 #Countries path.cls-4 + path.cls-3, #page-37 #Countries path.cls-4 + path.cls-3) {
	display: none;
}
svg .cls-2, .cls-3, .cls-4 {
	stroke: gray;
	stroke-miterlimit: 10;
	stroke-width: 0.25px;
}
#page-13 svg .cls-5 {
	stroke: gray;
	stroke-miterlimit: 10;
	stroke-width: 0.25px;
}
#page-13 svg .cls-2 {
	fill: #f9f9f9;
}
.radio-container {
	text-align: center;
	margin-bottom: 8px;
}
.svg-container + .radio-container {
	margin-top: 8px;
	margin-bottom: 0px;
}
.radio-container input + label {
	margin-right: 36px;
}
.desc.country {
	border: 0.5rem solid rgb(245, 143, 41);
}
.desc.country .emoStyleBold {
	color: rgb(245, 143, 41);
}
.desc.place {
	border: 0.5rem solid rgb(27, 43, 58);
}
.desc p {
	margin: 1rem;
}
.desc {
	font-size: 13px;
	background-color: white;
	filter: drop-shadow(2px 2px 2px #808080);
	width: calc((100vw - 1024px) / 2 + 4rem);
	min-width: 240px;
	max-height: 100vh;
	position: fixed;
	z-index: 110;
	left: 0;
	top: 0;
	animation: borderStyle 1s;
}
@keyframes borderStyle {
	0% {
		border-style: double;
	}
	75% {
		border-style: double;
	}
	100% {
		border-style: solid;
	}
}
.desc .tab {
	background: white url('../../VISC_GDPR_tests/media/icon-caret-left.svg') no-repeat center;
	background-size: 10px 10px;
	width: 1.5rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border: 1px solid #cfcfcf;
	border-radius: 0 8px 8px 0;
	position: absolute;
	z-index: 110;
	right: -1.5rem;
	top: calc((100% - 2rem) / 2);
	cursor: pointer;
}
.desc .tab.Izverst {
	background: white url('../../VISC_GDPR_tests/media/icon-caret-right.svg') no-repeat center;
	background-size: 10px 10px;
	right: calc(-1.5rem - 8px);
}
.article-section-content > table.layout:first-of-type .table_heading:last-of-type {
	vertical-align: middle;
}
.country-info {
	cursor: pointer;
}
.country-info::after {
	content: 'i';
	text-transform: lowercase;
	font-family: 'Times New Roman', Arial, Tahoma, Verdana, Geneva, Helvetica, serif;
	font-weight: bold;
	font-size: 1.5rem;
	color: white;
	background-color: rgb(27, 43, 58);
	display: inline-block;
	width: calc(1.5rem + 1px);
	height: calc(1.5rem + 1px);
	line-height: 1.45rem;
	text-align: center;
	border: 0.5px solid white;
	border-radius: 50%;
	margin-left: 1rem;
}
.country-info:hover,
.country-info:focus {
	color: rgb(27, 43, 58);
}
.country-info:hover::after,
.country-info:focus::after {
	border: 0.5px solid rgb(27, 43, 58);
}
.country-video {
	text-transform: none;
	font-weight: 400;
	font-size: 16px;
	color: rgb(27, 43, 58) !important;
	background: url('../../VISC_GDPR_tests/media/icon-video-green.svg') no-repeat left center;
	background-size: 24px 24px;
	padding-left: 32px;
	margin-top: 4px;
	float: right;
}
/* crosswords */
table.crossword {
	border-collapse: separate;
	flex: 0 0 auto;
}
table.crossword td {
	font-size: 20px;
	width: 30px;
    height: 33px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
table.crossword input[type="text"] {
	text-align: center;
}
table.crossword b,
table.crossword strong,
table.crossword .emoStyleBold {
	color: rgb(245, 143, 41);
}
table.crossword,
table.crossword + .numbered-list {
	display: inline-block;
}
@media screen and (min-width: 992px) {
	table.crossword + .numbered-list {
		margin-left: 32px;
	}
	table.crossword + .numbered-list,
	table.crossword + .numbered-list li:first-of-type p {
		margin-top: 0 !important;
	}
}
/* burtu-kvadrats */
table.burtu-kvadrats td {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
}
table.burtu-kvadrats td p {
	line-height: 20px;
}
table.burtu-kvadrats td p mark {
	display: block;
	width: 20px;
    height: 20px;
	padding: 0 !important;
}
.answer-list {
	font-weight: 300;
	font-size: 16px;
}
.answer-list input[type="checkbox"] {
    display: none;
}
.answer-list input[type="checkbox"] + label {
    padding-left: 18px;
}
.answer-list input[type="checkbox"] + label::before {
	width: 13px;
	height: 13px;
	border: 1px solid #999;
	left: 0;
	top: 4px;
}
.answer-list input[type="checkbox"] + label::after {
	width: 11px;
	height: 11px;
	left: 1px;
	top: 5px;
}
.answer-list input[type="checkbox"]:checked + label {
	color: rgb(245, 143, 41);
}
.answer-list input[type="checkbox"]:checked + label::before {
	border: 1px solid #8C080C;
}
.answer-list input[type="checkbox"]:checked + label::after {
	content: '✔';
	font-size: 12px;
	color: white;
	line-height: 12px;
	text-align: center;
    background-color: #8C080C;
}
#page-33 .exe-panel {
	height: 240px;
}
@media screen and (min-width: 768px) {
	#page-33 .exe-panel.img-toLeft .center {
		margin-top: 0;
	}
}
#page-33 .center .img-wrapper {
	margin: 0;
}
#page-33 .buttons {
	margin-top: 24px;
}
#page-34 .buttons {
	margin-top: 32px;
}
/* customization */
/* #page-4 .article-section-content .img-wrapper img,
#page-5 .article-section-content .img-wrapper img {
	transition: slideDown 9s ease-in-out;
}
@keyframes slideDown {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	} 
} */
.Harmonija #page-7 .article-section-content .img-wrapper img {
	border: 10px solid white;
}
.Citadais_solfedzo #page-4 #exe-1 .img-wrapper,
.Citadais_solfedzo #page-4 #exe-2 .img-wrapper,
.Citadais_solfedzo #page-11 #exe-2 .img-wrapper {
	padding-left: 52px;
}
.Citadais_solfedzo #page-4 #exe-3 .img-wrapper,
.Citadais_solfedzo #page-11 #exe-8 .img-wrapper,
.Citadais_solfedzo #page-18 #exe-7 .img-wrapper,
.Citadais_solfedzo #page-25 #exe-7 .img-wrapper,
.Citadais_solfedzo #page-25 #exe-8 .img-wrapper {
	margin-bottom: 32px;
}
.Citadais_solfedzo #page-15 #exe-8 .exe-panel > p:first-of-type,
.Citadais_solfedzo #page-22 .exe-panel > p:first-of-type,
.Citadais_solfedzo #page-29 .exe-panel > p:first-of-type {
	margin: 0;
}
@media screen and (max-width: 991.98px) {
	/* For mobile phones: */
	.Citadais_solfedzo #page-15 #exe-8 .exe-panel > p:first-of-type,
	.Citadais_solfedzo #page-22 .exe-panel > p:first-of-type,
	.Citadais_solfedzo #page-29 .exe-panel > p:first-of-type {
		margin: 1rem;
	}
}
.Citadais_solfedzo #page-22 .exe-panel img + img,
.Citadais_solfedzo #page-29 #exe-3 .exe-panel img + img {
	margin-left: 24px;
}
.Citadais_solfedzo #page-19 .exe-panel label img,
.Citadais_solfedzo #page-26 .exe-panel label img {
	margin-left: -2px;
}
.Citadais_solfedzo #page-28 #exe-7 .exe-panel .answers > p > input[type="radio"] + label {
	margin-left: 15px;
}

.emoji-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}
.emoji {
	font-size: 64px;
}
.emoji.failed {
	font-size: 23px;
	line-height: 1.3;
	padding: 0 0.5rem 0 0.75rem;
}
.emoji-wrapper.GameSuccessful .emoji.failed,
.emoji-wrapper.GameFailed .emoji.successful {
	display: none;
}
/* Start game animation */
/* Copyright (c) 2022 by Olesia (https://codepen.io/olesia_sev/pen/qBoYJLp)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */

:root {
  --birdColor: #5E7D82;
  /* --tailColor: #383048; */
  --tailColor: rgb(245, 143, 41);
  --eyesColor: #fff;
  --pupilsColor: #413A50;
  --legsColor: #EEBE24;
  --noseColor: #EEBE24;
  --knifeColor: #91C1C6;
  --white: #fff;
}

/* *,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: var(--bgColor);
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: 0 center;
} */

.bird-wrapper {
  display: none !important;
  position: relative;
  /* width: 400px;
  height: 500px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: 50px 19px;
  margin-top: 16px;
}

.bird {
  width: 194px;
  height: 330px;
  position: relative;
  /* top: 26px; */
  top: 12px;
  left: 28px;
}

.head {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 0;
  left: 73px;
  background-color: var(--birdColor);
  border-radius: 50%;
  z-index: 6;
}

.face {
  position: relative;
}

.eye {
  position: absolute;
  width: 42px;
  height: 42px;
  animation-name: changeZIndex;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.eye_right {
  left: -29px;
  top: 23px;
}
.eye_left {
  left: 1px;
  top: 23px;
  animation-direction: reverse;
}
.eye__inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--eyesColor);
  border-radius: 50%;
  overflow: hidden;
  animation-name: moveEyes;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.eye__inner_right::before, .eye__inner_left::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-color: var(--birdColor);
  transform: translateY(-100%);
  z-index: 5;
  animation-name: blinkTopEyelid;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.eye__inner_right::after, .eye__inner_left::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: var(--birdColor);
  transform: translateY(100%);
  z-index: 5;
  animation-name: blinkBottomEyelid;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.eye__pupil {
  position: absolute;
  top: 18px;
  left: 27%;
  width: 15px;
  height: 15px;
  background-color: var(--pupilsColor);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 4;
  animation-name: movePupils;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.nose {
  width: 45px;
  height: 24px;
  position: absolute;
  top: 48px;
  right: 34px;
  background-color: var(--noseColor);
  z-index: 2;
  border-radius: 77% 23% 25% 75%/55% 52% 48% 45%;
  transform: scaleX(1);
  transform-origin: right center;
  animation-name: moveNose;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.body-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.body1 {
  position: absolute;
  width: 65px;
  height: 190px;
  right: 73px;
  top: 28px;
  transform: skew(-3deg, 0deg);
  background-color: var(--birdColor);
  border-radius: 190px 0 0 0;
}

.body2 {
  position: absolute;
  width: 49px;
  height: 215px;
  left: 36px;
  top: 13px;
  transform: skew(-21deg, 0deg);
  border-radius: 8px 10px 0 53px;
  background-color: var(--birdColor);
  /* background: url('../../default/media/Kontrabass.png') no-repeat; */
}

.body3 {
  position: absolute;
  width: 104px;
  height: 73px;
  left: 10px;
  bottom: 63px;
  border-radius: 0 0 0 73px;
  background-color: var(--birdColor);
}
.body3::after {
  content: "";
  position: absolute;
  display: block;
  width: 87px;
  height: 77px;
  top: 5px;
  right: -46px;
  transform: rotate(-69deg);
  background-color: var(--birdColor);
  border-radius: 0 0 13px 80px;
}

.leg {
  position: absolute;
  width: 13px;
  height: 79px;
  bottom: 10px;
  transform: rotate(-19deg);
  border-radius: 10px;
}
.leg_left {
  right: 90px;
  background-color: var(--legsColor);
  z-index: 2;
}
.leg_right {
  right: 106px;
  background-color: #d8a911;
}

.tail {
  position: absolute;
  width: 58px;
  height: 58px;
  right: 25px;
  bottom: 103px;
  background-color: var(--tailColor);
  border-radius: 0 14% 100% 0;
  transform: rotate(-45deg) translateY(6px);
  animation-name: moveTail;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.pseudo-knife {
  width: 250px;
  height: 220px;
  position: absolute;
  top: 60px;
  left: -43px;
  transform-origin: 86px 111px;
  opacity: 0;
  animation-name: pseudoKnifeRotate;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.pseudo-knife__blade {
  width: 250px;
  height: 220px;
  position: absolute;
  border-radius: 50%;
  clip-path: polygon(50% 58%, 15% 0, 88% 0);
  background: radial-gradient(var(--knifeColor) 25%, var(--white) 25% 45%, var(--knifeColor) 45% 100%);
  transform: rotate(-153deg);
}
.pseudo-knife__handle {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 75px;
  top: 45px;
  border-radius: 50%;
  clip-path: polygon(50% 58%, 15% 0, 88% 0);
  background: var(--pupilsColor);
  transform: rotate(20deg);
}

.knife {
  position: absolute;
  top: 67px;
  left: -9px;
  transform: rotate(-14deg);
  opacity: 0;
  animation-name: showKnife;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.knife::before {
  content: "✦";
  position: absolute;
  top: -13px;
  right: -8px;
  color: var(--white);
  font-size: 20px;
  transform: scale(1);
  z-index: 16;
  animation-name: bladeFlare;
  animation-duration: 400ms;
  animation-fill-mode: both;
  animation-delay: 2.5s;
}
.knife__blade {
  position: relative;
  width: 3px;
  height: 136px;
  background-color: rgb(233, 220, 191);
  /* border-radius: 92% 6% 0 100%/100% 6% 94% 0; */
  overflow: hidden;
}
.knife__blade::after {
  content: "";
  display: block;
  width: 80px;
  height: 20px;
  position: absolute;
  top: 40%;
  left: -50%;
  right: -50%;
  transform: rotate(-30deg);
  background-color: var(--white);
  z-index: 10;
  animation-name: bladeBlink;
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-delay: 2s;
}
.knife__handle {
  width: 28px;
  height: 13px;
  background: rgb(124, 162, 167);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 120px;
  border-radius: 25px;
}
.knife__handle::after {
  content: "";
  width: 21px;
  height: 21px;
  background: rgb(124, 162, 167);
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 20px 20px;
}

@keyframes blinkTopEyelid {
  0% {
    transform: translateY(-100%);
  }
  8% {
    transform: translateY(-100%);
  }
  10% {
    transform: translateY(-50%);
  }
  12% {
    transform: translateY(-100%);
  }
  25% {
    transform: translateY(-100%);
  }
  28% {
    transform: translateY(-50%);
  }
  30% {
    transform: translateY(-65%);
  }
  75% {
    transform: translateY(-65%);
  }
  77% {
    transform: translateY(-50%);
  }
  79% {
    transform: translateY(-100%);
  }
  92% {
    transform: translateY(-100%);
  }
  95% {
    transform: translateY(-50%);
  }
  98% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes blinkBottomEyelid {
  0% {
    transform: translateY(100%);
  }
  8% {
    transform: translateY(100%);
  }
  10% {
    transform: translateY(50%);
  }
  12% {
    transform: translateY(100%);
  }
  25% {
    transform: translateY(100%);
  }
  28% {
    transform: translateY(50%);
  }
  30% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(100%);
  }
  77% {
    transform: translateY(50%);
  }
  79% {
    transform: translateY(100%);
  }
  92% {
    transform: translateY(100%);
  }
  95% {
    transform: translateY(50%);
  }
  98% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes changeZIndex {
  0% {
    z-index: 2;
  }
  74% {
    z-index: 2;
  }
  75% {
    z-index: 4;
  }
  99% {
    z-index: 4;
  }
  100% {
    z-index: 2;
  }
}
@keyframes moveEyes {
  0% {
    transform: translateX(0);
  }
  38% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(20%);
  }
  74% {
    transform: translateX(20%);
  }
  75% {
    transform: translateX(80%);
  }
  90% {
    transform: translateX(80%);
  }
  98% {
    transform: translateX(80%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes movePupils {
  0% {
    left: 27%;
  }
  12% {
    left: 27%;
  }
  15% {
    left: 59%;
  }
  19% {
    left: 59%;
  }
  22% {
    left: 27%;
  }
  35% {
    left: 27%;
  }
  40% {
    left: 55%;
  }
  90% {
    left: 55%;
  }
  100% {
    left: 27%;
  }
}
@keyframes moveTail {
  0% {
    transform: rotate(-45deg) translateY(6px);
  }
  44.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  45.5% {
    transform: rotate(-3deg) translate(6px, 21px);
  }
  46% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  46.5% {
    transform: rotate(-63deg) translate(7px, 1px);
  }
  47% {
    transform: rotate(-55deg) translate(0, 6px);
  }
  47.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  48% {
    transform: rotate(-10deg) translate(5px, 17px);
  }
  48.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  49% {
    transform: rotate(-50deg) translate(9px, 5px);
  }
  49.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  94.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  95.5% {
    transform: rotate(-3deg) translate(6px, 21px);
  }
  96% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  96.5% {
    transform: rotate(-63deg) translate(7px, 1px);
  }
  97% {
    transform: rotate(-55deg) translate(0, 6px);
  }
  97.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  98% {
    transform: rotate(-10deg) translate(5px, 17px);
  }
  98.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  99% {
    transform: rotate(-50deg) translate(9px, 5px);
  }
  99.5% {
    transform: rotate(-45deg) translate(0, 6px);
  }
  100% {
    transform: rotate(-45deg) translate(0, 6px);
  }
}
@keyframes showKnife {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  82% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bladeBlink {
  0% {
    transform: rotate(-30deg) translateY(0s);
  }
  100% {
    transform: rotate(-30deg) translateY(-38px);
  }
}
@keyframes bladeFlare {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes pseudoKnifeRotate {
  0% {
    opacity: 0;
    transform: rotate(-600deg);
  }
  33% {
    opacity: 0;
  }
  40% {
    opacity: 0;
    transform: rotate(-600deg);
  }
  44% {
    opacity: 1;
    transform: rotate(120deg);
  }
  45% {
    opacity: 0;
  }
  80% {
    opacity: 0;
    transform: rotate(180deg);
  }
  85% {
    opacity: 1;
    transform: rotate(-375deg);
  }
  86% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: rotate(-375deg);
  }
}
@keyframes moveNose {
  0% {
    border-radius: 77% 23% 25% 75%/55% 52% 48% 45%;
    transform: scaleX(1) rotate(0deg);
  }
  39.5% {
    border-radius: 77% 23% 25% 75%/55% 52% 48% 45%;
    transform: scaleX(1) rotate(0deg);
  }
  40% {
    transform: scaleX(0.67) rotate(0deg);
    border-radius: 71% 29% 50% 58%/70% 30% 70% 30%;
  }
  74% {
    transform: scaleX(0.67) rotate(0deg);
    border-radius: 71% 29% 50% 58%/70% 30% 70% 30%;
    z-index: 2;
  }
  74.5% {
    border-radius: 77% 23% 25% 75%/55% 52% 48% 45%;
    transform: scaleX(1) rotate(186deg);
    z-index: 3;
  }
  99% {
    border-radius: 77% 23% 25% 75%/55% 52% 48% 45%;
    transform: scaleX(1) rotate(186deg);
    z-index: 3;
  }
  100% {
    border-radius: 77% 23% 25% 75%/55% 52% 48% 45%;
    transform: scaleX(1) rotate(0deg);
    z-index: 2;
  }
}
#pdf {
	background-color: rgba(27, 43, 58, 1);
	color: white;
	letter-spacing: 0.01px;
	padding: 2rem 2rem 0 3rem;
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 767.98px) {
	#pdf {
		padding: 0.5rem 0.5rem 0 0.75rem;
	}
}
#pdf > p:first-of-type {
	text-transform: uppercase;
	font-size: 22px;
    line-height: 1.3;
	margin-bottom: 0;
}
#pdf .exe-title {
	font-weight: 400 !important;
	font-size: 18px;
	margin-top: 1rem;
}
#pdf .answers p.radio-input {
    margin: 0 0 0.5rem 0;
}
#pdf .answers label {
	font-weight: 400 !important;
}
#pdf + .buttons {
	background-color: rgba(27, 43, 58, 1);
    padding: 1rem 3rem 1rem 3rem;
    margin: 0;
	justify-content: center;
}
#pdf + .buttons button {
	width: 200px;
	margin: 0 0.5rem 0.5rem 0.5rem;
}
.Citadais_solfedzo.chapter-1 .password-dialog img {
	border: 1px solid black;
	border-radius: 4px;
}
.Citadais_solfedzo.chapter-1 .img-h-360 img {
	max-height: 360px;
}
.Citadais_solfedzo.chapter-1 .img-h-240 img {
	max-height: 240px;
}
.Citadais_solfedzo.chapter-1 .img-h-480 img {
	max-height: 480px;
}
.Citadais_solfedzo.chapter-1 .img-h-560 img {
	max-height: 560px;
}