@charset "UTF-8";
/* CSS Document */

/* colours used....
*
*	light grey = 	#F3F3F4
*	dark grey =  	#3A3A3C
*	red =			#881010
*	dark blue =		#2A4359
*	light blue =	#7EA2C2
*	light orange =	#F15D22
*	dark orange =	#DB551F
*	light teal =	#0097A8
*	dark teal =		#07818F
*
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');
/* font-family: 'Open Sans', sans-serif; */

* {
	box-sizing: border-box;
}
::selection {
	color: #FFF;
	background-color: #2A4359;
}
body {
	box-sizing: border-box;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
body > * {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
START Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	letter-spacing: normal;
	text-transform: none;
	padding: 0;
	line-height: normal;
}
h1, .h1 {
	color: #2A4359;
	font-size: 32px;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: uppercase;
	line-height: 2.25rem;
}
h2, .h2 {
	color: #3A3A3C;
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: 600;
}
h3, .h3 {
	color: #881010;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 600;
}
h4, .h4 {
	color: #2A4359;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
}
h5, .h5 {
	color: #2A4359;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
}
h6, .h6 {
	color: #3A3A3C;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
}
h1.white-title,
h2.white-title,
h3.white-title,
h4.white-title,
h5.white-title,
h6.white-title,
.white-title {
	color: #FFF;
}
p {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-weight: 500;
	color: #000000;
	font-size: 16px;
	font-size: 1rem;
}
ul, ol {
	list-style-position: outside;
    margin: 0 0 1.5em 0;
	padding: 0;
	font-weight: 500;
	color: #000000;
	font-size: 1rem;
	list-style: none;
}
ol li {
	margin: 0 0 10px 0;
}
ul li {
	margin: 0 0 10px 18px;
}
ul li::before {
	content: "\25A0";
	color: #881010;
	font-weight: bold;
	display: inline-block;
	width: 18px;
	margin: 0 0 0 -18px;
}
#intro-fade ul li::before,
#intro-left ul li::before,
#intro-right ul li::before,
#reference-fade-1 ul li::before,
#reference-fade-2 ul li::before,
/*#reference-2-fade ul li::before,*/
#reference-3-fade ul li::before,
#bibliography-1 ul li::before,
#bibliography-3 ul li::before,
#bibliography-4 ul li::before,
#bibliography-6 ul li::before {
	color: #FFF;
}
.part-1 ul li::before {
	color: #0097A8;
}
.part-2 ul li::before {
	color: #F15D22;
}
a {
/*	word-break: break-all;*/
}
a,
a:link,
a:visited {
	color: #2A4359;
	box-shadow: none;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	color: #3A3A3C;
	box-shadow: none;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	text-decoration: none;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	color: #000000;
	padding: 0.5em;
}

.pre-title {
	display: inline-block;
	padding: 10px 20px;
	color: #FFF;
	background-color: #881010;
	text-align: left;
	font-weight: 700;
	margin: 0;
}
.part-label {
	display: inline-block;
    background-color: #343741;
	color: #FFF;
    padding: 5px 10px;
    font-size: 1.2rem;
    margin: 0 0 10px 0;
}
.part-label.large {
    font-size: 1.5rem;
}
.part-label.teal {
    background-color: #0097A8;
}
.part-label.orange {
    background-color: #F15D22;
}

.section-content.part-1 h3 {
	color: #0097A8;
}
.section-content.part-2 h3 {
	color: #F15D22;
}


/* -------------- START BUTTONS -------------- */

a.red-btn,
a.red-btn:link,
a.red-btn:visited {
	display: inline-block;
	width: auto;
	padding: 10px 25px;
	background-color: #881010;
	color: #FFF;
	text-transform: none;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 3px;
	margin: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
a.red-btn:hover,
a.red-btn:active,
a.red-btn:focus {
	background-color: #3A3A3C;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

a.blue-btn,
a.blue-btn:link,
a.blue-btn:visited {
	display: inline-block;
	width: auto;
	padding: 10px 25px;
	background-color: #2A4359;
	color: #FFF;
	text-transform: none;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 3px;
	margin: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
a.blue-btn:hover,
a.blue-btn:active,
a.blue-btn:focus {
	background-color: #3A3A3C;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

/* -------------- END BUTTONS -------------- */



/*--------------------------------------------------------------
END Typography
--------------------------------------------------------------*/


/* -------------- START GENERIC PARALLAX SECTION -------------- */

.row {
	width: 100%;
	max-width: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
}

/* -------------- END GENERIC PARALLAX SECTION -------------- */


/* -------------- MAIN PARALLAX SECTION -------------- */

.main-parallax {
	text-align: center;
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url(/assets/img/Arms-Embargo-Self-Assessment-Tool.jpg) 50% 50%;
	background-size: cover;
}
.main-parallax.alt {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url(/assets/img/Arms-Embargo-Self-Assessment-Tool-alt.jpg) 50% 50%;
	background-size: cover;
}
.main-parallax .row {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
	width: 100%;
	height:100vh;
	color:#fff;
	text-align:center;
	padding: 0 25px;
}
.main-parallax .row p {
	color:#fff;
}
.parallax {
	
}
.icons-in-row {
	margin: 0 5px 0 5px;
    max-height: 40px;
}
.scroll-continue {
	margin: 20px 0 0 0;
	padding: 0 0 80px 0;
	background-image: url("../img/icons/scroll-icon.png");
	background-size: 30px auto;
	background-position: bottom center;
	background-repeat: no-repeat;
}

/* -------------- END MAIN PARALLAX SECTION -------------- */


/* -------------- HEADING SECTIONS -------------- */

.heading-parallax {
	text-align: center;
/*	background-blend-mode: darken;*/
	
}
/*
#part-1,
#part-2 {
	background-color: #21242D;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
*/
#part-1 {
	background-color: #0097A8;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
#part-1 {
	background-image: url("../img/graphics/grey-wavy-bg.png");
}
#part-2 {
	background-color: #F15D22;
}
#part-1 .row,
#part-2 .row {
	width: 100%;
	justify-content: center;
	text-align: center;
	padding: 40px 20px;
	height: auto;
}
#part-1-end {
	padding: 40px 25px;
	overflow: hidden;
	z-index: 9999999;
}
#part-1-end .row {
	height: 100vh;
}

/* -------------- END HEADING SECTIONS -------------- */


/* -------------- FULL WIDTH BACKGROUND SECTIONS -------------- */

.wrap {
	width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
}
.full-blue-block {
	background-color: #2A4359;
	width: 100%;
	display: block;
	padding: 0;
}
.full-red-block {
	background-color: #881010;
	width: 100%;
	display: block;
	padding: 0;
}
.full-white-block {
	background-color: #FFF;
	width: 100%;
	display: block;
	padding: 0;
}
.full-grey-block {
	background-color: #F3F3F4;
	width: 100%;
	display: block;
	padding: 0;
}
.full-dark-grey-block {
	background-color: #343741;
	width: 100%;
	display: block;
	padding: 0;
}
.full-teal-block {
	background-color: #0097A8;
	width: 100%;
	display: block;
	padding: 0;
}
.full-dark-teal-block {
	background-color: #07818F;
	width: 100%;
	display: block;
	padding: 0;
}
.full-orange-block {
	background-color: #F15D22;
	width: 100%;
	display: block;
	padding: 0;
}
.full-dark-orange-block {
	background-color: #DB551F;
	width: 100%;
	display: block;
	padding: 0;
}
.full-blue-to-grey-block {
	background: rgb(42,67,89);
	background: linear-gradient(180deg, rgba(42,67,89,1) 25%, rgba(52,55,65,1) 94%);
	width: 100%;
	display: block;
	padding: 0;
}
.full-light-to-dark-grey-block {
	background: rgb(241,242,242);
	background: linear-gradient(180deg, rgba(241,242,242,1) 25%, rgba(33,36,45,1) 94%);
	width: 100%;
	display: block;
	padding: 0;
}

/* -------------- END FULL WIDTH BACKGROUND SECTIONS -------------- */


/* -------------- QUESTIONNAIRE SECTION -------------- */

#intro-fade-container {
	padding: 40px 25px;
}
#intro-fade-container .row {
	flex-direction: row;
	text-align:left;
	height: auto;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
#intro-fade-container .row p,
#intro-fade-container .row ul,
#intro-fade-container .row ol,
#intro-fade-container .row li {
	color: #FFF;
}
#intro-fade-container #intro-fade,
#intro-fade-container #intro-video,
#intro-fade-container #intro-left,
#intro-fade-container #intro-right {
	width: 100%;
	text-align: left;
}
img.intro-graphic {
	max-width: 170px;
}

/* -------------- END QUESTIONNAIRE SECTION -------------- */


/* -------------- INDEX (NAVIGATION) SECTION -------------- */

#index-container {
	padding: 40px 25px 40px 25px;
}
#index-container .row {
	flex-direction: row;
	text-align:center;
	height: auto;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
#index-container #index-title-fade {
	width: 100%;
	margin: 0;
}
#index-container #index-title-fade h1 {
	margin-bottom: 0;
}
#index-container #index-fade-1,
#index-container #index-fade-2 {
	width: 100%;
	text-align: left;
}

#index-container .row h1,
#index-container .row h2,
#index-container .row h3,
#index-container .row h4,
#index-container .row h5,
#index-container .row h6,
#index-container .row h1 a,
#index-container .row h2 a,
#index-container .row h3 a,
#index-container .row h4 a,
#index-container .row h5 a,
#index-container .row h6 a,
#index-container .row p,
#index-container .row ul,
#index-container .row ol,
#index-container .row li,
#index-container .row li a {
	color: #FFF;
}
img.nav-graphic {
	max-width: 240px;
}

/* -------------- END INDEX (NAVIGATION) SECTION -------------- */


/* -------------- START NAVIGATION -------------- */

.main-navigation a.menu-section-open {
	cursor: pointer;
}
.main-navigation li .sub-menu,
.main-navigation li .sub-menu-bi {
	margin: 10px 0 0 0;
}
.main-navigation li .sub-menu ol,
.main-navigation li .sub-menu-bi ol {
	margin: 0;
}
.main-navigation li .sub-menu li,
.main-navigation li .sub-menu-bi li {
	margin: 0 0 15px 0;
	display: block;
}
.sticky-logo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 50px;
	height: 50px;
}
#left-menu-open {
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 9999999;
	background: rgba(0, 0, 0, .90);
	background-image: url("../img/icons/menu-icon.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px auto;
	width: 50px;
	height: 50px;
	border: none;
	cursor: pointer;
}
#left-menu-open.menu-open {
	background-image: url("../img/icons/close-menu-icon.png");
}
#left-menu {
	position: fixed;
	top: 50px;
	left: 0;
	width: 97%;
	height: calc(100% - 50px);
	overflow: auto;
	background-color: rgba(0, 0, 0, .90);
	box-sizing: border-box;
	padding: 60px 20px 30px 20px;
	color: #FFF;
	text-align: left;
	z-index: 99999;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items:center;
	align-content: flex-start;
	margin-left: -97%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	text-decoration: none;
	visibility: hidden;
}
#left-menu.menu-open {
	margin-left: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	text-decoration: none;
	visibility: visible!important;
}
#left-menu .left-menu-col {
	width: 100%;
}
#left-menu .h1 {
	width: 100%;
	margin: 0;
	font-size: 2rem;
	line-height: 2.25rem;
}
#left-menu h1,
#left-menu h2,
#left-menu h3,
#left-menu h4,
#left-menu h5,
#left-menu h6,
#left-menu p,
#left-menu ol,
#left-menu ol li,
#left-menu ol li a,
#left-menu a {
	color: #FFF;
}
#index-container .row h2,
#index-container .row h2 a,
#left-menu .left-menu-col h2,
#left-menu .left-menu-col h2 a {
	font-size: 1.3rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	display: block;
}
.main-navigation li {
	margin: 0 0 15px 20px;
	display: block;
}
.main-navigation li a {
	color: #FFF;
	display: block;
}
.main-navigation li.section-title {
	margin: 0;
	padding: 15px 0 15px 36px;
	border-top: #5A5E67 solid 1px;
}
.main-navigation li.section-title.last {
	border-bottom: #5A5E67 solid 1px;
}

.main-navigation li.section-title .menu-list-number {
	display: inline-block;
	background-color: #FFF;
	color: #343741;
	border-radius: 50%;
	padding: 5px;
	width: 26px;
	height: 26px;
	text-align: center;
	margin: 0 5px 0 -36px;
	line-height: 16px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	text-decoration: none;
}
#index-fade-1 .main-navigation a.menu-section-open,
#index-fade-2 .main-navigation a.menu-section-open,
#left-menu-index-fade-1 .main-navigation a.menu-section-open,
#left-menu-index-fade-2 .main-navigation a.menu-section-open {
	background-image: url("../img/icons/menu-item-open.png");
	background-position: center right;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	padding: 0 25px 0 0;
}
#index-fade-1 .main-navigation a.menu-section-open.active,
#index-fade-2 .main-navigation a.menu-section-open.active,
#left-menu-index-fade-1 .main-navigation a.menu-section-open.active,
#left-menu-index-fade-2 .main-navigation a.menu-section-open.active {
	background-image: url("../img/icons/menu-item-close.png");
	background-position: center right;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	padding: 0 25px 0 0;
}
#index-fade-1 .main-navigation a.menu-section-open:hover,
#index-fade-1 .main-navigation a.menu-section-open:active,
#index-fade-1 .main-navigation a.menu-section-open:focus,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:hover,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:active,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:focus {
	background-image: url("../img/icons/menu-item-open-hov-teal.png");
}
#index-fade-2 .main-navigation a.menu-section-open:hover,
#index-fade-2 .main-navigation a.menu-section-open:active,
#index-fade-2 .main-navigation a.menu-section-open:focus,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:hover,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:active,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:focus {
	background-image: url("../img/icons/menu-item-open-hov-orange.png");
}
#index-fade-1 .main-navigation a.menu-section-open.active:hover,
#index-fade-1 .main-navigation a.menu-section-open.active:active,
#index-fade-1 .main-navigation a.menu-section-open.active:focus,
#left-menu-index-fade-1 .main-navigation a.menu-section-open.active:hover,
#left-menu-index-fade-1 .main-navigation a.menu-section-open.active:active,
#left-menu-index-fade-1 .main-navigation a.menu-section-open.active:focus {
	background-image: url("../img/icons/menu-item-close-hov-teal.png");
}
#index-fade-2 .main-navigation a.menu-section-open.active:hover,
#index-fade-2 .main-navigation a.menu-section-open.active:active,
#index-fade-2 .main-navigation a.menu-section-open.active:focus,
#left-menu-index-fade-2 .main-navigation a.menu-section-open.active:hover,
#left-menu-index-fade-2 .main-navigation a.menu-section-open.active:active,
#left-menu-index-fade-2 .main-navigation a.menu-section-open.active:focus {
	background-image: url("../img/icons/menu-item-close-hov-orange.png");
}
#index-fade-1 h2 a:hover,
#index-fade-1 h2 a:active,
#index-fade-1 h2 a:focus,
#index-fade-1 .main-navigation a.menu-section-open:hover,
#index-fade-1 .main-navigation a.menu-section-open:active,
#index-fade-1 .main-navigation a.menu-section-open:focus,
#index-fade-1 .main-navigation .sub-menu li a:hover,
#index-fade-1 .main-navigation .sub-menu li a:active,
#index-fade-1 .main-navigation .sub-menu li a:focus,
#left-menu-index-fade-1 h2 a:hover,
#left-menu-index-fade-1 h2 a:active,
#left-menu-index-fade-1 h2 a:focus,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:hover,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:active,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:focus,
#left-menu-index-fade-1 .main-navigation .sub-menu li a:hover,
#left-menu-index-fade-1 .main-navigation .sub-menu li a:active,
#left-menu-index-fade-1 .main-navigation .sub-menu li a:focus {
	color: #0097A8;
}
#index-fade-1 .main-navigation a.menu-section-open:hover .menu-list-number,
#index-fade-1 .main-navigation a.menu-section-open:active .menu-list-number,
#index-fade-1 .main-navigation a.menu-section-open:focus .menu-list-number,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:hover .menu-list-number,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:active .menu-list-number,
#left-menu-index-fade-1 .main-navigation a.menu-section-open:focus .menu-list-number {
	background-color: #0097A8;
}
#index-fade-2 h2 a:hover,
#index-fade-2 h2 a:active,
#index-fade-2 h2 a:focus,
#index-fade-2 .main-navigation a.menu-section-open:hover,
#index-fade-2 .main-navigation a.menu-section-open:active,
#index-fade-2 .main-navigation a.menu-section-open:focus,
#index-fade-2 .main-navigation .sub-menu li a:hover,
#index-fade-2 .main-navigation .sub-menu li a:active,
#index-fade-2 .main-navigation .sub-menu li a:focus,
#left-menu-index-fade-2 h2 a:hover,
#left-menu-index-fade-2 h2 a:active,
#left-menu-index-fade-2 h2 a:focus,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:hover,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:active,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:focus,
#left-menu-index-fade-2 .main-navigation .sub-menu li a:hover,
#left-menu-index-fade-2 .main-navigation .sub-menu li a:active,
#left-menu-index-fade-2 .main-navigation .sub-menu li a:focus  {
	color: #F15D22;
}
#index-fade-2 .main-navigation a.menu-section-open:hover .menu-list-number,
#index-fade-2 .main-navigation a.menu-section-open:active .menu-list-number,
#index-fade-2 .main-navigation a.menu-section-open:focus .menu-list-number,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:hover .menu-list-number,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:active .menu-list-number,
#left-menu-index-fade-2 .main-navigation a.menu-section-open:focus .menu-list-number {
	background-color: #F15D22;
}

#index-fade-1 ul.main-navigation > li > ul,
#index-fade-1 ol.main-navigation > li > ol {
	margin: 20px 0 0 20px;
}

#index-fade-1 .menu-additional-links,
#left-menu-index-fade-1 .menu-additional-links {
	background-color: #5A5E67;
	padding: 20px;
	margin: 20px 0 0 0;
}
#index-fade-1 .menu-additional-links .main-navigation,
#left-menu-index-fade-1 .menu-additional-links .main-navigation {
	margin: 0;
}
#index-fade-1 .menu-additional-links .main-navigation li.section-title,
#left-menu-index-fade-1 .menu-additional-links .main-navigation li.section-title {
	border: none;
}
#index-fade-1 .menu-additional-links .main-navigation a.menu-section-open,
#index-fade-1 .menu-additional-links .main-navigation a.menu-section-open:hover,
#left-menu-index-fade-1 .menu-additional-links .main-navigation a.menu-section-open,
#left-menu-index-fade-1 .menu-additional-links .main-navigation a.menu-section-open:hover {
	background-image: none;
}
#index-fade-1 .menu-additional-links .main-navigation .sub-menu li.last,
#left-menu-index-fade-1 .menu-additional-links .main-navigation .sub-menu li.last {
	margin-bottom: 0;
}


#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a {
	margin: 0 0 0 18px;
}
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a::before,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a::before {
	content: "\25A0";
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	width: 18px;
	margin: 0 0 0 -18px;
}
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:hover,
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:active,
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:focus,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:hover,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:active,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:focus,
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:hover::before,
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:active::before,
#index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:focus::before,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:hover::before,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:active::before,
#left-menu-index-fade-1 .menu-additional-links li .sub-menu-bi ol li a:focus::before {
	color: #0097A8;
}

/* -------------- END NAVIGATION -------------- */


/* -------------- CONTENT SECTIONS WITH STICKY IMAGES -------------- */

#p1-s1-1,
#p1-s1-2,
#p1-s2-1,
#p1-s2-2,
#p1-s3-1,
#p1-s3-2,
#p1-s4-1,
#p1-s4-2,
#p1-s4-3,
#p2-s1-1,
#p2-s2-1,
#p2-s2-2,
#p2-s2-3,
#p2-s3-1,
#p2-s3-2,
#p2-s4-1,
#p2-s5-1,
#p2-s6-1,
#p2-s6-2,
#p2-s7-1,
#p2-s7-2 {
	padding: 0;
}
#p1-s1-1 .row,
#p1-s1-2 .row,
#p1-s2-1 .row,
#p1-s2-2 .row,
#p1-s3-1 .row,
#p1-s3-2 .row,
#p1-s4-1 .row,
#p1-s4-2 .row,
#p1-s4-3 .row,
#p2-s1-1 .row,
#p2-s2-1 .row,
#p2-s2-2 .row,
#p2-s2-3 .row,
#p2-s3-1 .row,
#p2-s3-2 .row,
#p2-s4-1 .row,
#p2-s5-1 .row,
#p2-s6-1 .row,
#p2-s6-2 .row,
#p2-s7-1 .row,
#p2-s7-2 .row {
	flex-direction: row;
	text-align:center;
	height: auto;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
.section-content {
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	padding: 0;
}
.pre-questions-block {
    width: 100%;
    display: block;
    margin: 0;
	padding: 25px;
	background-color: #FFF;
}
.questions-block {
    width: 100%;
    display: block;
    margin: 0;
	padding: 0;
}
.questions-block .light-grey-transition {
	width: 100%;
    display: block;
    margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-size: 101%;
	background-position: bottom center;
	background-image: url("../img/graphics/light-grey-wavy-bg.png");
	height: 50px;
}
.questions-block .questions-block-inner {
	width: 100%;
    display: block;
    margin: 0;
	padding: 45px 25px 25px 25px;
	background-color: #F1F2F2;
}

.questions-block h3 {
	text-align: center;
	color: #000;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 62px auto;
	padding: 75px 0 15px 0;
	font-size: 1.625rem;
}
.section-content.part-1 .questions-block h3 {
	color: #000;
	background-image: url("../img/icons/questions-icon-teal.png");
}
.section-content.part-2 .questions-block h3 {
	color: #000;
	background-image: url("../img/icons/questions-icon-orange.png");
}
.questions-block ol li {
	display: flex;
	flex-direction: row;
	text-align:left;
	height: auto;
	justify-content: flex-start;
    align-items: flex-start;
	flex-wrap: nowrap;
	border-bottom: 1px solid #D1D3D4;
	background-image: url("../img/icons/question-icon.png");
	background-position: 24px 100%;
	background-repeat: no-repeat;
	background-size: 28px auto;
	font-size: 1.15rem;
	font-weight: 600;
	padding: 10px 0 30px 0;
}
.section-title-number {
	background-color: #343741;
    width: 72px;
    height: 72px;
    display: inline-block;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    line-height: 72px;
    font-size: 1.65rem;
    margin: 0 10px 0px 0;
    float: left;
}
.section-content.part-1 .section-title-number {
	background-color: #0097A8;
}
.section-content.part-2 .section-title-number {
	background-color: #F15D22;
}

.questions-block ol li .question-label {
	padding: 5px 17px;
	margin: 0 24px 0 0;
	color: #FFF;
	text-align: center;
}
.section-content.part-1 .questions-block ol li .question-label {
	background-color: #0097A8;
}
.section-content.part-2 .questions-block ol li .question-label {
	background-color: #F15D22;
}
.sticky-img {
	width: 100%;
	height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
	order: 1;
	position: relative;
}
.sticky-img.right {
	order: 1;
}
/* Part 1 Section Images */
.sticky-img.img-1-1-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-1-1-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-1-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-teal.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-2-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-1-2-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-2-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-teal.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-3-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-1-3-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-3-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-teal.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-4-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-1-4-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-4-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-teal.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-1-4-3 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-1-4-3.jpg") 50% 50%;
	background-size: cover;
}
/* Part 2 Section Images */
.sticky-img.img-2-1-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-2-1-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-2-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-orange.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-2-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-2-2-2.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-2-3 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-orange.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-3-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-2-3-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-3-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-orange.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-4-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-2-4-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-5-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-orange.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-6-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-2-6-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-6-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-orange.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-7-1 {
	background: rgba(0, 0, 0, .55)url("/assets/img/Arms-Embargo-Self-Assessment-Tool-2-7-1.jpg") 50% 50%;
	background-size: cover;
}
.sticky-img.img-2-7-2 {
	background: rgba(0, 0, 0, .55)url("/assets/img/graphics/icons-cloud-background-orange.jpg") 50% 50%;
	background-size: cover;
}
.sticky-main-title-block {
	display: none;
}
.sticky-img .photo-credits {
    position: absolute;
    bottom: 0px;
	right: 0;
    padding: 6px;
	color: #FFF;
    background: rgba(0, 0, 0, .65);
    font-size: 0.85rem;
}

/* -------------- END CONTENT SECTIONS WITH STICKY IMAGES -------------- */


/* -------------- SUB TITLE SECTIONS -------------- */

#p1-s1 .row,
#p1-s2 .row,
#p1-s3 .row,
#p1-s4 .row,
#p2-s1 .row,
#p2-s2 .row,
#p2-s3 .row,
#p2-s4 .row,
#p2-s5 .row,
#p2-s6 .row,
#p2-s7 .row {
	padding: 50px 30px;
}
.sub-section-title h1 {
	text-align: center;
	font-size: 1.5rem;
}
.sub-section-number {
	background-color: #FFF;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    color: #0097A8;
    text-align: center;
    line-height: 35px;
    font-size: 1.25rem;
    margin: 0 auto;
}
.full-teal-block .sub-section-number {
	color: #0097A8;
}
.full-dark-teal-block .sub-section-number {
	color: #07818F;
}
.full-orange-block .sub-section-number {
	color: #F15D22;
}
.full-dark-orange-block .sub-section-number {
	color: #DB551F;
}

/* -------------- END SUB TITLE SECTIONS -------------- */


/* -------------- START FOOTER SECTION -------------- */

#footer-fade-container {
	padding: 40px 25px;
	overflow: hidden;
}
#footer-fade-container .row {
	height: 100vh;
	flex-direction: column;
	text-align:center;
	justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
#footer-fade-container .row p {
	color: #FFF;
}
#footer-fade-container a:link,
#footer-fade-container a:visited {
	color: #FFF;
}
#footer-fade-container a:hover,
#footer-fade-container a:active,
#footer-fade-container a:focus {
	color: #0097A8;
}
.footer-logo-container {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.footer-logo {
	max-width: 30%;
	margin: 0 5% 0 0;
}
.footer-nl-logo {
	max-width: 55%;
}


/* -------------- END FOOTER SECTION -------------- */


/* -------------- START REFERENCE GUIDE PAGE -------------- */

#reference-title,
#reference-background,
#reference-2,
#reference-3,
#reference-4 {
	padding: 40px 25px 40px 25px;
}
#reference-title .row {
	flex-direction: column;
	text-align:center;
	height: 100vh;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
#reference-background .row,
#reference-2 .row,
#reference-3 .row,
#reference-4 .row {
/*	flex-direction: row;*/
	flex-direction: column;
	text-align:center;
	height: auto;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
#reference-title #reference-title-fade {
	width: 100%;
	margin: 0;
}
#reference-title #reference-title-fade h1 {
	margin-bottom: 0;
}
#reference-background #reference-fade-1,
#reference-background #reference-fade-2,
#reference-2-fade,
#reference-3-fade,
#reference-4-fade {
	width: 100%;
	text-align: left;
}
#reference-background #reference-fade-2,
#reference-background #reference-fade-4 {
	margin-top: 60px;
}
#reference-background .row h1,
#reference-background .row h2,
#reference-background .row h3,
#reference-background .row h4,
#reference-background .row h5,
#reference-background .row h6,
#reference-background .row h1 a,
#reference-background .row h2 a,
#reference-background .row h3 a,
#reference-background .row h4 a,
#reference-background .row h5 a,
#reference-background .row h6 a,
#reference-background .row p,
#reference-background .row ul,
#reference-background .row ol,
#reference-background .row li,
#reference-background .row li a,
#reference-3 .row h1,
#reference-3 .row h2,
#reference-3 .row h3,
#reference-3 .row h4,
#reference-3 .row h5,
#reference-3 .row h6,
#reference-3 .row h1 a,
#reference-3 .row h2 a,
#reference-3 .row h3 a,
#reference-3 .row h4 a,
#reference-3 .row h5 a,
#reference-3 .row h6 a,
#reference-3 .row p,
#reference-3 .row ul,
#reference-3 .row ol,
#reference-3 .row li,
#reference-3 .row li a {
	color: #FFF;
}
#ref-box-1 {
	border: 1px solid #FFF;
	padding: 0px 25px 5px 25px;
}
#reference-background a:link,
#reference-background a:visited,
#reference-3 a:link,
#reference-3 a:visited {
	color: #FFF;
}
#reference-background a:hover,
#reference-background a:active,
#reference-background a:focus {
	color: #EEFF00;
}
#reference-3 a:hover,
#reference-3 a:active,
#reference-3 a:focus {
	color: #F15D22;
}

/* -------------- END REFERENCE GUIDE PAGE -------------- */


/* -------------- START BIBLIOGRAPHY PAGE -------------- */

#bibliography-1,
#bibliography-2,
#bibliography-3,
#bibliography-4,
#bibliography-5,
#bibliography-6 {
	padding: 40px 25px 40px 25px;
}
#bibliography-1 .row,
#bibliography-2 .row,
#bibliography-3 .row,
#bibliography-4 .row,
#bibliography-5 .row,
#bibliography-6 .row {
	flex-direction: column;
	text-align:center;
	height: auto;
	justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}

#bibliography-1 #bibliography-fade-1,
#bibliography-2 #bibliography-fade-2,
#bibliography-3 #bibliography-fade-3,
#bibliography-4 #bibliography-fade-4,
#bibliography-5 #bibliography-fade-5,
#bibliography-6 #bibliography-fade-6 {
	width: 100%;
	text-align: left;
}
#bibliography-1 .row h1,
#bibliography-1 .row h2,
#bibliography-1 .row h3,
#bibliography-1 .row h4,
#bibliography-1 .row h5,
#bibliography-1 .row h6,
#bibliography-1 .row h1 a,
#bibliography-1 .row h2 a,
#bibliography-1 .row h3 a,
#bibliography-1 .row h4 a,
#bibliography-1 .row h5 a,
#bibliography-1 .row h6 a,
#bibliography-1 .row p,
#bibliography-1 .row ul,
#bibliography-1 .row ol,
#bibliography-1 .row li,
#bibliography-1 .row li a,
#bibliography-3 .row h1,
#bibliography-3 .row h2,
#bibliography-3 .row h3,
#bibliography-3 .row h4,
#bibliography-3 .row h5,
#bibliography-3 .row h6,
#bibliography-3 .row h1 a,
#bibliography-3 .row h2 a,
#bibliography-3 .row h3 a,
#bibliography-3 .row h4 a,
#bibliography-3 .row h5 a,
#bibliography-3 .row h6 a,
#bibliography-3 .row p,
#bibliography-3 .row ul,
#bibliography-3 .row ol,
#bibliography-3 .row li,
#bibliography-3 .row li a,
#bibliography-4 .row h1,
#bibliography-4 .row h2,
#bibliography-4 .row h3,
#bibliography-4 .row h4,
#bibliography-4 .row h5,
#bibliography-4 .row h6,
#bibliography-4 .row h1 a,
#bibliography-4 .row h2 a,
#bibliography-4 .row h3 a,
#bibliography-4 .row h4 a,
#bibliography-4 .row h5 a,
#bibliography-4 .row h6 a,
#bibliography-4 .row p,
#bibliography-4 .row ul,
#bibliography-4 .row ol,
#bibliography-4 .row li,
#bibliography-4 .row li a,
#bibliography-6 .row h1,
#bibliography-6 .row h2,
#bibliography-6 .row h3,
#bibliography-6 .row h4,
#bibliography-6 .row h5,
#bibliography-6 .row h6,
#bibliography-6 .row h1 a,
#bibliography-6 .row h2 a,
#bibliography-6 .row h3 a,
#bibliography-6 .row h4 a,
#bibliography-6 .row h5 a,
#bibliography-6 .row h6 a,
#bibliography-6 .row p,
#bibliography-6 .row ul,
#bibliography-6 .row ol,
#bibliography-6 .row li,
#bibliography-6 .row li a {
	color: #FFF;
}
#bibliography-1 a:link,
#bibliography-1 a:visited,
#bibliography-1 .row li a:link,
#bibliography-1 .row li a:visited,
#bibliography-3 a:link,
#bibliography-3 a:visited,
#bibliography-3 .row li a:link,
#bibliography-3 .row li a:visited,
#bibliography-4 a:link,
#bibliography-4 a:visited,
#bibliography-4 .row li a:link,
#bibliography-4 .row li a:visited,
#bibliography-6 a:link,
#bibliography-6 a:visited,
#bibliography-6 .row li a:link,
#bibliography-6 .row li a:visited {
	color: #FFF;
}
#bibliography-1 a:hover,
#bibliography-1 a:active,
#bibliography-1 a:focus,
#bibliography-1 .row li a:hover,
#bibliography-1 .row li a:active,
#bibliography-1 .row li a:focus,
#bibliography-3 a:hover,
#bibliography-3 a:active,
#bibliography-3 a:focus,
#bibliography-3 .row li a:hover,
#bibliography-3 .row li a:active,
#bibliography-3 .row li a:focus,
#bibliography-4 a:hover,
#bibliography-4 a:active,
#bibliography-4 a:focus,
#bibliography-4 .row li a:hover,
#bibliography-4 .row li a:active,
#bibliography-4 .row li a:focus,
#bibliography-6 a:hover,
#bibliography-6 a:active,
#bibliography-6 a:focus,
#bibliography-6 .row li a:hover,
#bibliography-6 .row li a:active,
#bibliography-6 .row li a:focus {
	color: #EEFF00;
}
#bibliography-3-title-2 {
	margin-top: 60px;
}

#bibliography-1 ol li.bib-item,
#bibliography-4 ol li.bib-item {
	border-bottom: 1px solid #C97877;
}
#bibliography-2 ol li.bib-item,
#bibliography-5 ol li.bib-item {
	border-bottom: 1px solid #CCC;
}
#bibliography-3 ol li.bib-item,
#bibliography-6 ol li.bib-item {
	border-bottom: 1px solid #7794AE;
}

#bibliography-1 ol li.bib-item,
#bibliography-2 ol li.bib-item,
#bibliography-3 ol li.bib-item,
#bibliography-4 ol li.bib-item,
#bibliography-5 ol li.bib-item,
#bibliography-6 ol li.bib-item {
	padding: 10px 0 20px 0;
	word-wrap: break-word;
}

/* -------------- END BIBLIOGRAPHY PAGE -------------- */



.slidein {
	display: block;
	width: 100%;
	background:#5b3030;
}
.slidein2 {
	display: block;
	width: 100%;
	background:#304b5b;
}
.slidein2 .row {
	justify-content:space-around;
}

.new-section {
	margin-top: 70px;
}

a.glossary-term {
	text-decoration: none;
	color: #92278F;
}

#left-menu .language-select {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	padding: 10px 0 0 0;
}
#left-menu .language-select a.lang-select,
#left-menu .language-select a.lang-select:link,
#left-menu .language-select a.lang-select:visited {
	color: #FFF;
	display: inline-block;
	font-size: 0.85rem;
	padding: 5px 10px 5px 25px;
	text-align: left;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: center left;
}
#left-menu .language-select a.lang-select:hover,
#left-menu .language-select a.lang-select:active,
#left-menu .language-select a.lang-select:focus {
	color: #0097A8;
}
#left-menu .language-select a.lang-select.eng {
	background-image: url("../img/flags/England.png");
}
#left-menu .language-select a.lang-select.fr {
	background-image: url("../img/flags/France.png");
}
#left-menu .language-select a.lang-select.es {
	background-image: url("../img/flags/Spain.png");
}










@media screen and (min-width: 30em){
	
	/* -------------- START FOOTER SECTION -------------- */

	.footer-logo {
		max-width: 120px;
		margin: 0 20px 0 0;
	}
	.footer-nl-logo {
		max-width: 240px;
	}

	/* -------------- END FOOTER SECTION -------------- */
	
} /* END @MEDIA SCREEN AND (MIN WIDTH 30EM) */











@media screen and (min-width: 48em){
	
	/* -------------- START GENERIC PARALLAX SECTION -------------- */

	.row {
		width: 100%;
		max-width: 100%;
		display:flex;
		justify-content:center;
		align-items:center;
/*		height:100vh;*/
		height:auto;
		color:#fff;
	}

	/* -------------- END GENERIC PARALLAX SECTION -------------- */


	/* -------------- MAIN PARALLAX SECTION -------------- */

	.main-parallax .row {
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction: column;
		height:100vh;
		color:#fff;
		text-align:center;
	}
	.main-parallax .row p {
		color:#fff;
	}
	.parallax {

	}
	.icons-in-row {
		margin: 0 10px 0 10px;
		max-height: 70px;
	}

	/* -------------- END MAIN PARALLAX SECTION -------------- */
	
	
	/* -------------- START HEADING SECTIONS -------------- */
	
	#part-1 .row,
	#part-2 .row {
		padding: 190px 80px 110px 80px;
	}
	
	/* -------------- END HEADING SECTIONS -------------- */
	
	
	/* -------------- FULL WIDTH BACKGROUND SECTIONS -------------- */

	.wrap .full-white-block {
		width: calc(100% - 50px);
		margin: 0 0 0 50px;
	}
	.full-dark-teal-block {
		border-left: 50px solid #0097A8;
	}
	.full-dark-orange-block {
		border-left: 50px solid #F15D22;
	}

	/* -------------- END FULL WIDTH BACKGROUND SECTIONS -------------- */
	
	
	/* -------------- START NAVIGATION -------------- */
	
	#left-menu {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items:flex-start;
	}
	#left-menu .left-menu-col {
		width: 46%;
	}
	#left-menu .h1 {
		font-size: 1.75rem;
	}
	#left-menu .main-navigation {
		font-size: 0.85rem;
	}
	#left-menu .main-navigation li.section-title {
		padding: 10px 0 10px 30px;
	}
	#left-menu .main-navigation li.section-title .menu-list-number {
		width: 22px;
		height: 22px;
		padding: 3px;
		margin: 0 5px 0 -30px;
	}
	
	/* -------------- END NAVIGATION -------------- */
	
	
	/* -------------- QUESTIONNAIRE SECTION -------------- */

	#intro-fade-container {
		padding: 40px 140px 60px 140px;
	}
	#intro-fade-container #intro-fade,
	#intro-fade-container #intro-video,
	#intro-fade-container #intro-left,
	#intro-fade-container #intro-right {
		width: 44%;
	}
	#intro-fade-container #intro-left,
	#intro-fade-container #intro-right {
		margin-top: 160px;
	}

	/* -------------- END QUESTIONNAIRE SECTION -------------- */
	
	
	/* -------------- INDEX (NAVIGATION) SECTION -------------- */

	#index-container {
		padding: 40px 140px 60px 140px;
	}
	#index-container #index-title-fade {
		margin: 0 70px 40px 70px;
	}
	#index-container #index-fade-1,
	#index-container #index-fade-2 {
		width: 44%;
	}
	#index-container .row h2,
	#index-container .row h2 a {
		font-size: 1.5rem;
		line-height: normal;
	}
	img.nav-graphic {
		max-width: 320px;
	}
	
	/* -------------- END INDEX (NAVIGATION) SECTION -------------- */
	
	
	/* -------------- STICKY IMAGE SECTION -------------- */

	#p1-s1-1,
	#p1-s1-2,
	#p1-s2-1,
	#p1-s2-2,
	#p1-s3-1,
	#p1-s3-2,
	#p1-s4-1,
	#p1-s4-2,
	#p1-s4-3,
	#p2-s1-1,
	#p2-s2-1,
	#p2-s2-2,
	#p2-s2-3,
	#p2-s3-1,
	#p2-s3-2,
	#p2-s4-1,
	#p2-s5-1,
	#p2-s6-1,
	#p2-s6-2,
	#p2-s7-1,
	#p2-s7-2 {
		position: relative;
		padding: 0;
	}
	.section-content {
		width: 50%;
	}
	.pre-questions-block {
		width: 100%;
		display: block;
		margin: 0;
		padding: 60px;
	}
	.questions-block {
/*		padding: 60px;*/
	}
	.questions-block .questions-block-inner {
		padding: 60px;
	}
	.section-content .questions-block-inner h3#p1-s1-1-q-title,
	.section-content .questions-block-inner h3#p1-s1-2-q-title,
	.section-content .questions-block-inner h3#p1-s2-1-q-title,
	.section-content .questions-block-inner h3#p1-s2-2-q-title,
	.section-content .questions-block-inner h3#p1-s3-1-q-title,
	.section-content .questions-block-inner h3#p1-s3-2-q-title,
	.section-content .questions-block-inner h3#p1-s4-1-q-title,
	.section-content .questions-block-inner h3#p1-s4-2-q-title,
	.section-content .questions-block-inner h3#p1-s4-3-q-title,
	.section-content .questions-block-inner h3#p2-s1-1-q-title,
	.section-content .questions-block-inner h3#p2-s2-1-q-title,
	.section-content .questions-block-inner h3#p2-s2-2-q-title,
	.section-content .questions-block-inner h3#p2-s2-3-q-title,
	.section-content .questions-block-inner h3#p2-s3-1-q-title,
	.section-content .questions-block-inner h3#p2-s3-2-q-title,
	.section-content .questions-block-inner h3#p2-s4-1-q-title,
	.section-content .questions-block-inner h3#p2-s5-1-q-title,
	.section-content .questions-block-inner h3#p2-s6-1-q-title,
	.section-content .questions-block-inner h3#p2-s6-2-q-title,
	.section-content .questions-block-inner h3#p2-s7-1-q-title,
	.section-content .questions-block-inner h3#p2-s7-2-q-title {
		opacity: 0;
		-webkit-transform: scale(0.9);
				 -moz-transform: scale(0.9);
					-ms-transform: scale(0.9);
					 -o-transform: scale(0.9);
							transform: scale(0.9);
			-webkit-transition: all 1s ease-in-out;
				 -moz-transition: all 1s ease-in-out;
					-ms-transition: all 1s ease-in-out;
					 -o-transition: all 1s ease-in-out;
							transition: all 1s ease-in-out;
	}
	.section-content .questions-block-inner h3#p1-s1-1-q-title.visible,
	.section-content .questions-block-inner h3#p1-s1-2-q-title.visible,
	.section-content .questions-block-inner h3#p1-s2-1-q-title.visible,
	.section-content .questions-block-inner h3#p1-s2-2-q-title.visible,
	.section-content .questions-block-inner h3#p1-s3-1-q-title.visible,
	.section-content .questions-block-inner h3#p1-s3-2-q-title.visible,
	.section-content .questions-block-inner h3#p1-s4-1-q-title.visible,
	.section-content .questions-block-inner h3#p1-s4-2-q-title.visible,
	.section-content .questions-block-inner h3#p1-s4-3-q-title.visible,
	.section-content .questions-block-inner h3#p2-s1-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s2-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s2-2-q-title.visible,
	.section-content .questions-block-inner h3#p2-s2-3-q-title.visible,
	.section-content .questions-block-inner h3#p2-s3-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s3-2-q-title.visible,
	.section-content .questions-block-inner h3#p2-s4-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s5-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s6-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s6-2-q-title.visible,
	.section-content .questions-block-inner h3#p2-s7-1-q-title.visible,
	.section-content .questions-block-inner h3#p2-s7-2-q-title.visible {
		opacity: 1;
			-webkit-transform: none;
				 -moz-transform: none;
					-ms-transform: none;
					 -o-transform: none;
							transform: none;
	}
	
	.questions-block ol li.ind-q {
		opacity: 0;
		-webkit-transform: translateX(-40px);
			 -moz-transform: translateX(-40px);
				-ms-transform: translateX(-40px);
				 -o-transform: translateX(-40px);
						transform: translateX(-40px);
		-webkit-transition: all 0.6s ease-out;
			 -moz-transition: all 0.6s ease-out;
				-ms-transition: all 0.6s ease-out;
				 -o-transition: all 0.6s ease-out;
						transition: all 0.6s ease-out;
	}
	.questions-block ol li.ind-q.visible {
		opacity: 1;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
	}
	
	.sticky-img {
		width: 50%;
		height: 100vh;
		position: sticky;
		top: 0;
		left: 0;
		order: 0;
	}
	.sticky-img.right {
		right: 0;
		order: 1;
	}
	.sticky-main-title-block {
		display: unset;
		width: 50px;
		padding: 5px;
		height: 100vh;
		position: sticky;
		top: 0;
		left: 0;
		float: left;
	}
	.sticky-title-container {
		width: 100%;
		padding: 0;
		height: 100%;
		position: relative;
		top: 0;
		left: 0;
		order: 0;
	}
	.sticky-main-title-block.teal {
		background-color: #0097A8;
	}
	.sticky-main-title-block.orange {
		background-color: #F15D22;
	}
	.sticky-main-title-block .sticky-title {
		color: #FFFFFF;
		line-height: 40px;
		font-weight: 600;
		position: absolute;
		text-transform: uppercase;
		transform-origin: 0 0;
  		transform: rotate(270deg);
		top: 170px;
		left: 0;
		width: max-content;
	}
	#p1-s4-3-q .questions-block-inner {
		padding-bottom: 150px;
	}

	/* -------------- END STICKY IMAGE SECTION -------------- */
	
	
	/* -------------- SUB TITLE SECTIONS -------------- */

	#p1-s1 .row,
	#p1-s2 .row,
	#p1-s3 .row,
	#p1-s4 .row,
	#p2-s1 .row,
	#p2-s2 .row,
	#p2-s3 .row,
	#p2-s4 .row,
	#p2-s5 .row,
	#p2-s6 .row,
	#p2-s7 .row {
		padding: 50px 160px;
	}
	.sub-section-title h1 {
		font-size: 2rem;
	}
	.sub-section-number {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 1.5rem;
	}

	/* -------------- END SUB TITLE SECTIONS -------------- */
	
	
	/* -------------- START REFERENCE GUIDE PAGE -------------- */
	
	#reference-title,
	#reference-background,
	#reference-2,
	#reference-3,
	#reference-4 {
		padding: 40px 400px 60px 400px;
	}
	
	#reference-background .row h2,
	#reference-background .row h2 a {
		font-size: 1.5rem;
		line-height: normal;
	}

	/* -------------- END REFERENCE GUIDE PAGE -------------- */
	
	
	/* -------------- START BIBLIOGRAPHY PAGE -------------- */
	
	#bibliography-1,
	#bibliography-2,
	#bibliography-3,
	#bibliography-4,
	#bibliography-5,
	#bibliography-6 {
		padding: 40px 400px 60px 400px;
	}
	
	#bibliography-1 .row h2,
	#bibliography-1 .row h2 a,
	#bibliography-2 .row h2,
	#bibliography-2 .row h2 a,
	#bibliography-3 .row h2,
	#bibliography-3 .row h2 a,
	#bibliography-4 .row h2,
	#bibliography-4 .row h2 a,
	#bibliography-5 .row h2,
	#bibliography-5 .row h2 a,
	#bibliography-6 .row h2,
	#bibliography-6 .row h2 a {
		font-size: 1.5rem;
		line-height: normal;
	}
	
	#bibliography-1 ol li.bib-item,
	#bibliography-2 ol li.bib-item,
	#bibliography-3 ol li.bib-item,
	#bibliography-4 ol li.bib-item,
	#bibliography-5 ol li.bib-item,
	#bibliography-6 ol li.bib-item {
		opacity: 0;
		-webkit-transform: translateX(-40px);
			 -moz-transform: translateX(-40px);
				-ms-transform: translateX(-40px);
				 -o-transform: translateX(-40px);
						transform: translateX(-40px);
		-webkit-transition: all 0.6s ease-out;
			 -moz-transition: all 0.6s ease-out;
				-ms-transition: all 0.6s ease-out;
				 -o-transition: all 0.6s ease-out;
						transition: all 0.6s ease-out;
	}
	#bibliography-1 ol li.bib-item.visible,
	#bibliography-2 ol li.bib-item.visible,
	#bibliography-3 ol li.bib-item.visible,
	#bibliography-4 ol li.bib-item.visible,
	#bibliography-5 ol li.bib-item.visible,
	#bibliography-6 ol li.bib-item.visible {
		opacity: 1;
		-webkit-transform: none;
			 -moz-transform: none;
				-ms-transform: none;
				 -o-transform: none;
						transform: none;
	}
	
	/* -------------- END BIBLIOGRAPHY PAGE -------------- */
	
	
	/* -------------- START FOOTER SECTION -------------- */
	
	.footer-logo {
		max-width: 120px;
		margin: 0 20px 0 0;
	}
	.footer-nl-logo {
		max-width: 240px;
	}
	
	/* -------------- END FOOTER SECTION -------------- */
	
}/* END @MEDIA SCREEN AND (MIN WIDTH 48EM) */










@media screen and (min-width: 60em){
	
	/* -------------- START FOOTER SECTION -------------- */

	#footer-fade {
		max-width: 80%;
	}

	/* -------------- END FOOTER SECTION -------------- */
	
} /* END @MEDIA SCREEN AND (MIN WIDTH 60EM) */










@media screen and (min-width: 90em){
	
	/*--------------------------------------------------------------
	START Typography
	--------------------------------------------------------------*/

	h1, .h1 {
		color: #2A4359;
		font-size: 44px;
		font-size: 2.75rem;
		font-weight: 600;
		letter-spacing: normal;
		text-transform: uppercase;
		line-height: 3rem;
	}
	h2, .h2 {
		color: #3A3A3C;
		font-size: 30px;
		font-size: 1.875rem;
		font-weight: 600;
	}
	h3, .h3 {
		color: #881010;
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: 600;
	}
	h4, .h4 {
		color: #2A4359;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 600;
	}
	h5, .h5 {
		color: #2A4359;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 600;
	}
	h6, .h6 {
		color: #3A3A3C;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: 600;
	}

	p {
		margin: 0 0 1.5em 0;
		font-size: 16px;
		font-size: 1rem;
	}
	ul, ol {
		margin: 0 0 1.5em 0;
		font-size: 1rem;
	}
	
	.part-label.large {
		font-size: 2rem;
	}

	/*--------------------------------------------------------------
	END Typography
	--------------------------------------------------------------*/
	
	
	/* -------------- START NAVIGATION -------------- */
	
	#left-menu .h1 {
		font-size: 2rem;
	}
	#left-menu .main-navigation {
		font-size: 1rem;
	}
	#left-menu .main-navigation li.section-title {
		padding: 15px 0 15px 36px;
	}
	#left-menu .main-navigation li.section-title .menu-list-number {
		width: 26px;
		height: 26px;
		padding: 5px;
		margin: 0 5px 0 -36px;
	}
	
	/* -------------- END NAVIGATION -------------- */
	
	/* -------------- START FOOTER SECTION -------------- */

	#footer-fade {
		max-width: 60%;
	}

	/* -------------- END FOOTER SECTION -------------- */
	
} /* END @MEDIA SCREEN AND (MIN WIDTH 90EM) */