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

* { /* though you may want to ensure the font smoothing stays */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* BOOTSTRAP ERROR OVERRIDE */
/* @media all and (max-width: 768px){
	.collapse {
		 display: none;
	}
} */

/* CUSTOMM CSS */

html, body {
	margin: 0;
	padding: 0;
	background-color:#ffffff !important;
	font-family: 'Myriad-Pro' , 'sans serif';
	background-color: transparent !important;
}
/* body.pa {
	font-family: 'AmrLipi' , 'sans serif';
} */

.header .title-plain {
	max-height: 240px !important;
	padding: 0;
}

h1, h2, h3 {
	font-family: 'Myriad-Pro Bold SemiCondensed',sans-serif;
	font-wieght: 700;
}
/* body.pa h1, body.pa h2, body.pa h3 {
		font-family: 'AmrLipi' , 'sans serif';
} */
body.pa .no-translate {
	font-family: 'Myriad-Pro' , 'sans serif' !important;
}
.h2, h2 {
	font-size: 3vw;
}
@media all and (768px) {
	.h2, h2 {
		font-size: 5vw;
	}
}
h1 span,
h2 span {
	display: block;
}
@media all and (max-width: 768px) {
	html body {
		overflow: hidden !important:;
		overflow-y: auto !important;
		max-width: 100vw !important;
		width: 100vw !important;
	}
	#logo {
		position: absolute;
		left: -2%;
		right: auto;
		bottom: auto;
		top: 10px;
	}
	.navbar-default .navbar-toggle {
		position: relative;
		top: 25px;
	}
}
@media all and (max-width: 600px) {
	#logo {
		position: absolute;
		left: -10%;
		right: auto;
		bottom: auto;
		top: 10px;
	}
}
a.home-image-link {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: auto;
}
a.home-image-link:focus,
a.home-image-link:hover {
	opacity: 0.9;
}
#themeTemplate h1,
#subthemeTemplate h1,
#topicTemplate h1 {
	margin-bottom: 0.8em;
}
#topicTemplate h2 {
	width: 90%;
	margin: 0;
}
body.home #topicTemplate .buckets .themePromoBox h2 {
	margin-top: 2vh;
}
#topicTemplate h2.image-description-headline {
	max-width: 40%;
}
@media all and (max-width: 768px) {
	#topicTemplate h2 {
		width: 100%;
	}
	#topicTemplate h2.image-description-headline {
		max-width: 100%;
	}
}
@media all and (max-width: 600px) {
	#topicTemplate h2.image-description-headline span {
		display: inline;
	}
}
#topicTemplate .subheading-bottom h2 {
	color: #24639a !important;
}
#topicTemplate h3 {
	margin-bottom: 0.2em;
	font-weight: 700;
}
.top-heading {
	color: #71d9ef !important;
}
.lower-heading {
	color: #0e598d !important;
}

.blue-heading-bar a {
	 color:#FFFFFF;
}

.blue-heading-bar a:hover {
	 color:#FFFFFF;
}
@media all and (max-width: 768px) {
	#themeTemplate h1, #subthemeTemplate h1, #topicTemplate h1 {
		margin-bottom: 4vh;
		font-size: 7vw;
		line-height: 0.9em;
		padding: 3%;
	}
	body.portrait #topicTemplate h1 {
		margin-bottom: 0;
		font-size: 8vw;
		line-height: 0.9em;
		padding: 0 5vw 2vh;
		margin-top: 0;
	}
	body.home.portrait #topicTemplate h1 {
		margin-bottom: 0;
		font-size: 8vw;
		line-height: 0.9em;
		padding: 0 3vw 3vh;
		margin-top: 0;
	}
	body.portrait #topicTemplate .video-bg h1 {
		font-size: 7vw;
		line-height: 0.9em;
	}
	#topicTemplate h2 {
		font-size:  7vw !important;
		line-height: 0.9em;
	}
	body.portrait #topicTemplate h2 {
		font-size: 6vw !important;
		line-height: 0.9em;
	}
	body.home.portrait #topicTemplate h2 {
		font-size: 4vw !important;
		line-height: 0.9em;
	}
	body.portrait #topicTemplate .themePromoBoxContent h2 {
		font-size: 3.5vw !important;
		line-height: 1em;
	}
	#topicTemplate h3 {
		font-size:  3vw !important;
	}
	h1 span,
	h2 span {
		display: inline;
	}
	h1 span.mobile-break,
	h2 span.mobile-break {
		display: block;
	}
	.recon-upper-bg .top-heading {

	}
}
@media all and (max-width: 600px) { /* iphone plus portrait & 405/384 android */
	body.home.portrait #topicTemplate h1 {
	 margin-bottom: 0;
	 font-size: 16vw !important;
	 line-height: 0.9em;
	 padding: 3vh 7vw;
	 margin-top: 0;
}
	body.portrait #topicTemplate h2 {
		font-size: 8vw !important;
		line-height: 0.9em;
	}
	body.home.portrait #topicTemplate h2 {
		font-size: 8vw !important;
		line-height: 0.9em;
	}
	body.portrait #topicTemplate .themePromoBoxContent h2 {
		font-size: 6vw !important;
		line-height: 1em;
	}
	body.home.portrait #topicTemplate .video-bg h1 {
		font-size: 12vw !important;
		line-height: 0.9em;
		padding: 0 7vw;
	}
	#topicTemplate h3 {
		font-size:  5vw !important;
	}
}



.get-adobe-reader-icon img {
	 position:relative;
	 top:-.15em;
}

#logo img {
	display: block;
	width: 155px !important;
	height: 52px !important;
}

img.pdfu {
	max-width: 18px !important;
	padding: 0px 10px 0px 0 !important;
	box-sizing: content-box;
}
img.download-icon {
	max-width: 128px;
}
a.pdf-link::before {
	content: url('../../images/pdficon.png');
	position: relative;
	left: -30px;
	margin-right: -20px;
	top: 4px;
}
a.access-link {
	margin-left: 0px;
}
a.access-link::after {
	content: url('../../images/accessible-icon-smaller-01.png');
	position: relative;
	top: 3px;
	right: -4px;
}
.download-heading {
	display: block;
	margin: 40px auto 10px !important;
}
.ministry-service-plans {
	padding: 0;
}
.ministry-service-plans li {
	display: block;
	clear: both;
	padding: 10px 0px 0;
}

/*  Main Content Area */

.themePromoBoxContent {
	padding: 10px;
	box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
}
@media all and (min-width: 1200px) {
	.row.investing-row .themePromoBoxContent {
		min-height:25vw;
	}
}
@media all and (max-width: 1199px) {
	.row.investing-row .themePromoBoxContent {
		min-height:33.3vw;
	}
}
@media all and (max-width: 991px) {
	.row.investing-row .themePromoBoxContent {
		min-height:50vw;
	}
}
@media all and (max-width: 480px) {
	.row.investing-row .themePromoBoxContent {
		min-height:100vw;
	}
}





.themePromoBoxContent.download-bucket {
	 background-color:#f1f1f1;
}

.themePromoBoxContent.blue h2 {
	 color:#fff;
}

.themePromoBoxContent.white h2 {
	 color:#0e598d;
}

.themePromoBoxContent.white p {
	 color:#0e598d;
}
/*  SVG IMAGES HEADER AND BODY TEXT */
.themePromoBoxContent h2 {
	 display:block;
	 text-align:center;
	 font-weight:bold;
	 margin:0;
	 font-size:1.6vw !important;
}

.themePromoBoxContent img {
	 display: block;
	 width: 40%;
	 margin: 0 auto 1.5em auto;
}
.themePromoBoxContent img.landscape {
	 width: 80%;
}

.themePromoBoxContent p {
	 display:block;
	 text-align:center;
	 width:100%;
	 margin:0 auto 0 auto;
	 font-size:1.25vw;
}
@media all and (max-width: 768px) {
	.themePromoBoxContent p {
		font-size:5vw;
	}
	body.portrait .themePromoBoxContent p {
		font-size: 3vw;
		line-height: 1em;
	}
}
@media all and (max-width: 600px) { /* iphone plus portrait & 405/384 android */
	body.portrait .themePromoBoxContent p {
		font-size: 5vw;
		line-height: 1em;
	}
}


.col-md-3 .themePromoBoxContent img {

}

.col-md-3 .themePromoBoxContent.white p {
	 color:#0e598d;
}

.col-md-3 .themePromoBoxContent.blue p {
	 color:#fff;
}

.col-md-3 .themePromoBoxContent.dark-blue p,
.col-md-3 .themePromoBoxContent.dark-blue h2,

.col-md-3 .themePromoBoxContent.med-gray p,
.col-md-3 .themePromoBoxContent.med-gray h2,

.col-md-3 .themePromoBoxContent.dark-gray p,
.col-md-3 .themePromoBoxContent.dark-gray h2,

.col-md-3 .themePromoBoxContent.dark-yellow p,
.col-md-3 .themePromoBoxContent.dark-yellow h2
{
	 color:#fff;
}

.col-md-3 .themePromoBoxContent.light-gray {
	 color:#0e598d;
}

.themePromoBoxContent.one,
.themePromoBoxContent.one * {
	 background-color:#3fa3d0 !important;
	 color: #fff;
}
.themePromoBoxContent.two,
.themePromoBoxContent.two * {
	 background-color:#0e81a3 !important;
	 color: #fff;
}
.themePromoBoxContent.three {
	 background-color:#f3f4f4 !important;
}
.themePromoBoxContent.four {
	 background-color:#fadf6a !important;
}
.themePromoBoxContent.five {
	 background-color:#ebf1f7 !important;
}
.themePromoBoxContent.six {
	 background-color:#fad734 !important;
}
.themePromoBoxContent.seven {
	 background-color:#a6a9aa !important;
}
.themePromoBoxContent.eight,
.themePromoBoxContent.eight * {
	 background-color:#6d6e70 !important;
	 color: #fff;
}
.themePromoBoxContent.nine {
	 background-color:#0e81a3 !important;
}
.themePromoBoxContent.nine h2 {
	font-size: 1.8vw;
}
.themePromoBoxContent.nine * {
	color: #fff;
}
.themePromoBoxContent.ten,
.themePromoBoxContent.ten * {
	 background-color:#6d6e70 !important;
	 color: #fff;
}
.themePromoBoxContent.eleven {
	 background-color:#fadf6a !important;
}
.themePromoBoxContent.twelve,
.themePromoBoxContent.twelve * {
	 background-color:#78b6d8 !important;
	 color: #fff;
}
.themePromoBoxContent.twelve h2 {
	font-size: 1.8vw;
}

/* END SVG IMAGES HEADER AND BODY TEXT */


.themePromoBoxContent.media-pres {
	 padding-bottom:40px;
}

/* HEADING TIGHTEN LEADING */

.themePromoBoxContent p {
	 margin-top: 0;
	 padding: 0 20px;
	 line-height: 1.2em;
}

.themePromoBoxContent ul {
	position: relative !important;
	top: -.6em !important;
	left: -1em !important;
}

.themePromoBoxContent ul li {
	font-size: 18px !important;
}

/* HEADING TIGHTEN LEADING */

.themePromoBoxContent .access img {
	 position:relative;
	 left:8.5em;
	 top:.6em;
}

/*  Footer Languages etc */

/*  Footer Languages etc */

.level2Navigation .container, #footerAdminLinks {
	 margin:0 0 0 4em;
}

#footerAdminLinks {
	 margin:0 0 3em 4em;
}

.level2Navigation a {
	 padding:7px 15px 4px 15px;
	 font-style:normal !important;
}

#header-links ul li a {
	 padding:0 2px 0 2px !important;
	 font-style:normal !important;
}

/*
.themePromoBoxContent ul li {
	 list-style:outside;
	 list-style-type:square;
	 padding:0 !important;
	 margin-left:1em;
	 color:#CCCCCC;
}
*/

.tube {
	 position:relative;
	 /* update for temp message for BC Budget top:.5em !important; */
}

.background-fade {
	 position:absolute;
	 width:100% !important;
	 margin:0 auto 0 auto !important;
}

.background-fade img {
	 display:block;
	 width:43% !important;
	 height:43% !important;
	 margin:40em auto 0 auto;
	 opacity:.4;
}

#homepage-video-container {
	 margin-top:8em !important;
}

.background-fade-bar {
	 position:absolute;
	 top:60vh;
	 width:100% !important;
	 background-color:#0e598d !important;
	 height:83vh !important;
	 opacity:1;
		 background-image: url('../../images/MakingLifeBetter_Blue-33.png');
		 background-position: center -15%;
		 background-repeat: no-repeat;
		 background-size: 50%;
		 background-blend-mode: multiply;
		 background-attachment: fixed;
}
.row.video-row {
	 margin-top: 14vh;
}
@media all and (max-width: 1200px) {
	body.home.portrait .background-fade-bar {
		top: 38vh;
	}
}
@media all and (max-width: 768px) {
	.background-fade-bar {
		display: none;
	}
	.row.video-row {
		 margin-top: 0vh;
	}
}
.row.investing-row .col-xs-12,
.row.investing-row .col-sm-2
.row.investing-row .col-md-4
.row.investing-row .col-lg-3 {
	padding: 0 !important;
}

/* ------------------- */
/* --- HEADER INFO --- */
/* ------------------- */

.themeHeader {
	 width:95%;
	 margin:0 auto -5em auto;
}

.themeHeader.downloadpage {
	 width:95%;
	 margin:0 auto -10em auto;
}

ul.headings {
	 list-style:none !important;
	 list-style-type:none !important;

}

.themeHeaderTitle {
	 width:90%;
	 margin:2em auto 0 auto;
}
/*
h1.top-heading {
	  margin:0 0 0 0;
	  padding:0 0 0 0;
}

h1.lower-heading {
	  margin:0 0 0 0;
	  padding:0 0 0 0;
}

h1.third-row-lower-heading {
	  margin:0 0 0 0;
	  padding:0 0 0 0;
}
 */

body.home .header {
	margin-top: 40px;
}
@media all and (max-height: 630px) {
	body.home .header {
		margin-top: 0px;
	}
}
@media all and (max-height: 800px) {
	body.home .background-fade-bar {
		top: 70vh;
	}
}
h1.top-heading {
	 display:block;
	 position:relative;
	 font-size:4vw;
	font-weight:normal !important;
	 color:#71d9ef !important;
	 margin:.5em 0 0 0;
	 line-height:.9em;
}
body.home .header h1.top-heading {
	font-size:5.5vw;
}
body.pa .header h1.top-heading,
body.zh .header h1.top-heading {
	line-height: 1.1em;
}
body.zh .header h1.top-heading {
	font-size:2.8vw;
}
body.zh .h2, body.zh h2 {
	font-size: 2.25vw;
}
body.zh .h2 span, body.zh h2 span {
	white-space:nowrap;
}
h1.lower-heading {
	 display:block;
	 font-size:4vw;
	 font-weight:normal !important;
	 color:#24639a !important;
	 list-style:none;
	 line-height:.9em;
}
body.home .header h1.lower-heading {
	font-size:5.5vw;
	margin-bottom: 0 !important;
}
h1.third-row-lower-heading {
	 display:block;
	 position:relative;
	 top:-1.357em;
	 font-size:4vw;
	 font-weight:normal !important;
	 color:#24639a !important;
	 list-style:none;
	 line-height:.9em;
}

.header-text {
	 display:block;
	 position:relative;
	 top:4.5em;
	 left:1em;
	 margin:0 0 0 0;
	 width:90%;
	 font-weight:200;
	 font-size:1.4vw;
}

/* --- SECOND ROW HEADING DEFAULT PAGE ---  */

.video-bg {
	padding: 60px 0 40px;
}

.video-bg h1.top-heading  {
	 font-size:4.5vw;
	font-weight:normal !important;
	 color:#ffffff !important;
	 margin:.5em 0 0 0;
}

.video-bg h1.lower-heading {
	 font-size:4.5vw;
	 font-weight:normal !important;
	 color:#24639a !important;
	 list-style:none;
	 line-height:.9;
}

.video-bg h1.third-row-lower-heading {
	 font-size:4.5vw;
	 font-weight:normal !important;
	 color:#24639a !important;
	 list-style:none;
	 line-height:.9;
}

.video-bg h1 span {
	display: block;
}

span.inline {
	display: inline !important;
}

.video-bg .header-text {
	 display:block;
	 margin:0 0 0 0;
	 width:90%;
	 font-weight:normal;
	 font-size:1.5vw;
}
@media all and (max-width: 768px) {
	.video-bg .header-text {
		font-size:5vw;
	}
}

/* --- END SECOND ROW HEADING --- */

.header-text-download-page {
	 width:35%;
	 display:block;
	 position:absolute;
	 top:3em;
	 margin:0 0 0 26em;
	 font-weight:normal;
	 font-size:25px;
}

#header-main-row {
	 margin:0 0 0 4em;
	padding-bottom:3em;
}

#ministerimage {
	 margin:2em 0 2em 3em;
}

.description.default-page {

}

.bucket-area {
	 width:1280px !important;
	 margin:0 auto 0 auto !important;
}

.download-area {
	 display:block;
	 width:auto !important;
	 margin:0 auto 0 auto !important;
}
@media all and (max-width: 768px) {
	.recon-img-container {
		padding: 0 3vw !important;
	}
	body.portrait .recon-img-container {
		margin-bottom: -15vh;
	}
}
.recon-upper-bg {
	 width:100%;
	 margin-top: 100px;
}

.recon-upper-bg h1.top-heading{
	position: relative;
	top: 30px;
	left: 16px;
	font-size: 3vw;
}
.recon-upper-bg h1.lower-heading {
	position: relative;
	top: 50px;
	left: 20px;
	font-size: 3vw;
}

.recon-img {
	width: 60%;
	margin: 87px auto 0;
	display: block;
	margin-bottom: -50%;
}
.recon-upper-bg .recon-img-top-decorator {
	background-color: #d2d4d4;
	max-width: 300px;
	margin: 0 auto;
	height: 8px;
	width: 40%;
	display: block;
	position: absolute;
	top: 55%;
	left: 25%;
	right: 25%;
}
.recon-upper-bg .recon-img-lower-decorator {
	background-color: #d2d4d4;
	max-width: 70%;
	margin: 0 auto;
	height: 8px;
	width: 70%;
	margin: 50% auto -50%;
	display: block;
}
@media all and (max-width: 768px) {
	.recon-img {
		margin: 0 auto;
		width: 80%;
	}
	.recon-upper-bg .recon-img-top-decorator {
		top: -8px;
	}
	.recon-upper-bg .recon-img-lower-decorator {
		margin: 0% auto 10%;
		max-width: 90%;
		width: 90%;
	}
	.recon-upper-bg h2.top-heading {
		padding: 3vw;
	}
}
@media all and (max-width: 600px) {
	.recon-upper-bg h2.top-heading {
		margin-top: 15vh !important;
	}
}
.recon-lower-bg{
	background-color: #0f5690 !important;
	width: 100%;
	padding: 20px 0 140px;
	margin-bottom: 140px;
}
.recon-lower-bg * {
	 color: #fff;
 }

.video-bg {
	 background-color:#70d2e6 !important;
	 width:100%;
}
@media only screen and (max-width: 768px) {
	.themePromoBox.subbucket {
		padding: 0 35px;
		margin: -12vh 0 70px 0 !important;
	}
	.themePromoBox .top-heading span {
		display: inline;
	}
}
@media all and (max-width: 1600px) { /* medium desktop */
	body.landscape .header-text {
		font-size:1.5vw;
	}
}
@media all and (max-width: 1199px) { /* medium-small desktop */
	body.landscape .header-text {
		font-size:2vw;
	}
}
@media all and (max-width: 991px) { /* iPad landscape / small desktop */
	body.landscape .header-text {
		font-size:2vw;
	}
}
@media all and (max-width: 800px) { /* iPhone Plus landscape & iPad portrait & popular android */
	body.landscape .header-text {
		font-size:2vw;
		position: relative;
		top: -1vh !important;
		padding: 2vw;
	}
}
@media all and (max-width: 768px) { /* iPad portrait */
	body.portrait .header-text {
		font-size: 2.5vw;
		position: relative;
		top: -1vh !important;
		padding: 0 5vw 5vh;
	}
	body.home.portrait .header-text {
		font-size: 2.5vw;
		position: relative;
		top: -1vh !important;
		padding: 3vh 2vw;
	}
	body.home.portrait .recon-lower-bg .header-text {
		margin: 0 0 -2vh 0;
	}
	body.portrait .video-bg .header-text {
		font-size: 2.5vw;
		position: relative;
		top: -1vh !important;
		padding: 0 7vw 1vh;
	}
}
@media all and (max-width: 600px) { /* iphone plus portrait & 405/384 android */
	body.portrait .header-text {
		font-size: 5vw;
		position: relative;
		top: -1vh !important;
		padding: 0 2vw 0vh;
	}
	body.home.portrait .header-text {
		font-size: 5vw;
		position: relative;
		top: -1vh !important;
		padding: 2vw;
	}
	body.home.portrait .recon-lower-bg .header-text {
		margin: 2vh 0 0 0;
	}
	body.portrait .video-bg .header-text {
		font-size: 5vw;
		position: relative;
		top: 0vh !important;
		padding: 6vw;
	}
}
@media all and (max-width: 320px) { /* iphone SE portrait & low density android */
	body.portrait .header-text {
		font-size: 5vw;
		position: relative;
		top: -1em !important;
		padding: 2vw;
	}
}





/* --------------------------------- */
/* --- THREE ROW LAYOUT TOP PAGE --- */
/* --------------------------------- */

.themePromoBox {
	 margin:0 0 0 0;
	 padding:0;
	 background:none;
	 overflow: visible;
}


@media all and (max-width: 768px) { /* iPad portrait */
	body.portrait .themePromoBox {
		padding: 0 1vw !important;
		margin:  0 !important;
	}
	body.home.portrait .themePromoBox {
		padding: 1vw !important;
	}
}
@media all and (max-width: 600px) { /* iPad portrait */
	body.portrait .themePromoBox {
		padding: 0 5vw 5vh !important;
		margin: 5vh 0 0 !important;
	}
	body.home.portrait .themePromoBox {
		padding: 0 5vw 5vh !important;
	}
}
.themePromoBox.subbucket {
	margin: 0 0 120px 0 !important;
	padding: 0 60px;
}
@media all and (max-width: 768px) {
	.themePromoBox {
		padding: 6vw;
	}
	body.downloadpage .themePromoBox {
		padding: 0;
	}
	.themePromoBox.subbucket {
		padding: 0 35px;
		margin: -20px 0 70px 0 !important;
	}
}
.themePromoBox p {
	margin: 0.9em 0 0 0;
	font-size: 20px;
	color: #404041;
}

.themePromoBox p.first {
	margin: 0 0 0 0;
}

.themePromoBox img {
	 margin:0;
	 padding:0;
	 width:100% !important;
	 height:100% !important;
	 background:none !important;
}

.themePromoBoxContent.top-left {
	 border-bottom:8px solid #6dceeb !important;
	 background:none !important;
}

.themePromoBox.top-center {
	 margin-left:4% !important;
	 margin-right:4% !important;
	 margin-top:0;
	 margin-bottom:0;
}
@media all and (max-width: 768px) {
	.themePromoBox.top-center {
		 margin: 0 !important;
	}
}

.themePromoBox.top-left img {
	 padding:0 15px 0 15px;
	 border-bottom:12px solid #6dceeb !important;
}

.themePromoBox.top-right img {
	 padding:0 15px 0 15px;
	 border-bottom:12px solid #2198cc !important;
}

.themePromoBox.top-center img {
	 padding:0 15px 0 15px;
	 border-bottom:12px solid #fbda34 !important;
}

.themePromoBox.top-center.subbucket img {
	border-bottom: 6px solid #fbda34 !important;
}

.themePromoBoxContent.top-left img {
	 margin:0;
	 padding:0;
}

.themePromoBox.top-left .top-border {
	 position:relative;
	 top:0;
	 margin:0 auto 0 auto;
	 width:40%;
	 border-bottom:6px solid #6dceeb !important;
}

.themePromoBox.top-center .top-border {
	 position:relative;
	 top:0;
	 margin:0 auto 0 auto;
	 width:40%;
	 border-bottom:6px solid #fbda34 !important;
}

.themePromoBox.top-right .top-border {
	 position:relative;
	 top:0;
	 margin:0 auto 0 auto;
	 width:40%;
	 border-bottom:6px solid #2198cc !important;
}


@media all and (max-width: 768px) {
	.themePromoBox.subbucket.border-left-subbucket {
		margin: -20px 0 0px 0 !important;
		}
}

/* ------------------------------------- */
/* --- END THREE ROW LAYOUT TOP PAGE --- */
/* ------------------------------------- */

.carousel-background .img-border-top {
	 position:relative;
	 top:-5px;
	 margin:0 auto 0 auto;
	 width:280px;
	 border-top:6px solid #6dceeb !important;
}

.youtube-row .img-border-top {
	 position:relative;
	 top:-7px;
	 left:-14px;
	 width:105%;
	 margin:0 auto 0 auto !important;
	 padding:0 10px 0 10px;
	 border-top:6px solid #4c6c9c !important;
}

.themePromoBoxContent.top-center {
	 border-bottom:8px solid #f4ac2f !important;
}

.themePromoBox.top-center .img-border-top {
	 margin:0 auto 0 auto;
	 width:120px;
	 border-top:4px solid #f4ac2f !important;
}

.themePromoBoxContent.top-right {
	 border-bottom:8px solid #2198cc !important;
}

.themePromoBox.top-right  .img-border-top {
	 margin:0 auto 0 auto;
	 width:120px;
	 border-top:4px solid #2198cc !important;
}

.themePromoBox.top-left h2 {
	 text-align:center;
	 position:relative;
	 width:60%;
	 margin:0 auto 0 auto;
	 font-size:2.5vw;
	 line-height:.9em;
}

.themePromoBox.top-left h2 a {
	 color:#6dceeb;
}

.themePromoBox.top-center h2 {
	 color:#f4ac2f;
	 text-align:center;
	 position:relative;
	 width:60%;
	 margin:0 auto 0 auto;
	 font-size:2.5vw;
	line-height:.9em;
}

.themePromoBox.top-center h2 a {
	 color:#f4ac2f;
}

.themePromoBox.top-right h2 {
	 color:#2198cc;
	 text-align:center;
	 position:relative;
	 width:60%;
	 margin:0 auto 0 auto;
	 font-size:2.5vw;
	 line-height:.9em;
}
body.pa .themePromoBox.top-right h2,
body.zh .themePromoBox.top-right h2 {
	line-height:1.1em;
}

.themePromoBox.top-right h2 a {
	  color:#2198cc;
}



.themePromoBox.top-right h2 a:hover, .themePromoBox.top-left h2 a:hover, .themePromoBox.top-center h2 a:hover {
	 opacity: .5;
	 filter: alpha(opacity=50); /* For IE8 and earlier */
	 text-decoration:none;
}



.row {
	 justify-content: center;
}

.sub-row {
	padding-top: 60px;
}

.video-title {
	 width:80%;
	 margin:3em auto 3.3em auto;
}

.image-carousel-row {
	 margin-top:4em;
}

.slick-slide img {
	max-width: 768px;
}

.video-title li {
	 list-style:none !important;
}

.video-title li h1 {
	 text-align:left;
	 font-weight:bold !important;
	 font-size:55px !important;
	 margin:-10px 0 0 0 !important;
}

.video-title p {
	 position:absolute !important;
	 width:50% !important;
	 text-align:left;
	 font-size:19px !important;
	 font-weight:normal !important;
	 margin:-8em 0 0 23em !important;
}

.key-aspects-heading {
	 list-style:none !important;
	 padding-top:2em !important;
}

.key-aspects-heading h1 {
	 text-align:left;
	 font-weight:bold !important;
	 font-size:39px !important;
	 margin:0 0 -.1em 0 !important;
}

.carousel-background p {
	 position:absolute;
	 margin:-4.8em 0 0 20em;
	 width:40%;
	 font-size:18px;
}

.budget-highlights-area {
	 width:25%;
	 margin:-4em 0 9em 13em;
}

/* -------------- */
/* --- FOOTER --- */
/* -------------- */

.row.footer {
	 margin:0 0 5em 0;
}

/* --- LANGUAGE LINKS --- */

.languages.left {
	 display:inline-block;
	 margin-top:1em;
}

.languages.right {
	 position:absolute;
	 top:0;
	 display:inline-block;
	 margin:1em 0 0 -2.4em;
}

.languages li {
	 display:block;
	 list-style:none;
	 width:auto;
	 height:auto;
	 background-color:#f6f6f6;
	 margin:10px;
}

.languages.right li {
	  width:auto;
}

.languages.right li a {
	  width:auto;
}

.languages li a {
	 display:block;
	 position:relative;
	 text-align:left;
	 width:auto;
	 margin:0 0 0 0 !important;
	 padding:15px 40px 10px 40px;
	 font-size:25px;
	 color:#005289 !important;
}

.languages.highlights.downloadarea li a {
	 display:block;
	 position:relative;
	 text-align:left;
	 width:auto;
	 margin:0 0 0 0 !important;
	 padding:15px 40px 10px 20px;
	 font-size:20px;
	 color:#005289 !important;
}

.languages.inline {
	margin-top: 10px;
}

.languages.inline li {
	 display: block;
	 list-style: none;
	 width: 45%;
	 height: auto;
	 background-color: #f6f6f6;
	 margin: 10px 10px 0 0;
	 border: 0px;
	 float: left;
	 padding: 2px 0px;
	 position: relative;
	 white-space: nowrap;
}

/*  DOWNLOAD BUTTON  */

.budget-download {
	background-color:#6dceeb;
	padding: 10px 15px 5px;
	overflow: auto;
	display: table-cell;
	text-align: center;
	line-height: 1.5em;
}

.budget-download.highlights span {
	display: grid;
}
.budget-download:active,
.budget-download:focus.
.budget-download:hover {
	 color: #fff !important;
	 text-decoration: none !important;
	 background-color: #78b6d8 !important;
}

.budget-download span b {
	 color:#ffffff !important;
	 font-weight:bold !important;
	 font-size:21px;
}

/* END DOWNLOAD BUTTON  */

/* --- END LANGUAGE LINKS --- */


.row.footer h1 {
	 font-weight:bold;
	 color:#0e598d;
}

.footer p {
	 color:#6d6f72;
	 font-size:24px;
}

.footer h1, .footer p {
	 width:100%;
	 text-align:left;
}

.footer p {
	 margin:0 0 0 0;
}

.footer img {

}

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

.container-fluid {
	 width:100% !important;
	 margin:0 !important;
	 padding:0;
}

.slider-youtube {
	 width:100% !important;
	 margin:0 !important;
	 padding:0 !important;
}

.youtube-row {
	 position:relative;
	 top:1.7em;
	 margin:5.5em auto 0 auto !important;
}

.col-md-3 {
	 margin:0 !important;
	 padding:0 !important;
}

#myCarousel {
	 width:900px !important;
	 margin:0 auto 0 auto !important;
}

.carousel-background {
	 width:950px !important;
	 margin:7em auto 0 auto !important;
	 padding:0 10px  25px 10px !important;
}

.carousel-inner {
	 width:900px !important;
	 height:450px;
	 margin:1.5em auto 0 auto !important;
}

/* ------------------------------------- */
/* --- DOWNLOAD PAGE LAYOUT TOP PAGE --- */
/* ------------------------------------- */

/*  HEADER DOWNLAODS */



/* END HEADER DOWNLAODS */

/*  GRAPHIC STYLE FOR DOWNLOADS AND HEADINGS */


/*  DOWNLOAD ALPHABET BACKGROUND GRAPHIC */

.background-fade.download img {
	 display:block;
	 width:47% !important;
	 height:47% !important;
	 margin:0 auto 0 auto !important;
	 opacity:.2;
}

/*  END DOWNLOAD ALPHABET BACKGROUND GRAPHIC */

img.minister {
	margin:0 30px 20px 0 !important;
	width: 40% !important;
	height: auto !important;
	display: block;
}

img.highlights-img {
	margin:1em 30px 20px 0 !important;
	width: 40% !important;
	height: auto !important;
	display: block;
}

.media-pres-img {
	 position:absolute;
	 top:8em;
}

/*  HIGHLIGHTS AREA LAUNGUAGE LINKS  */

.highlights {
	 margin:0 0 5em 0;
}

.languages.highlights {
	 margin:0 0 0 13em;
}

.languages.highlights li, .languages.highlights li a  {
	 width:230px;
}

.languages.highlights.downloadarea li, .languages.highlights.downloadarea li a  {
	 width:260px;
}

.highlights-pres-text {
	 position:relative;
	 top:-1em;

}
/* END  HIGHLIGHTS AREA LAUNGUAGE LINKS  */

/*  DOWNLOADS PAGE AREA LAUNGUAGE LINKS  */


.media-pres-text {
	 margin:9em 0 0 0 !important;
}


/* END  DOWNLOADS PAGE AREA LAUNGUAGE LINKS  */

.themePromoBox.download-bucket ul {
	position: relative !important;
	top: -.6em !important;
	left: 0 !important;
}

.budget-download.fulldownload {
	 position:absolute;
	 display:block;
	 top:28.5em;
	 text-align:center;
	 padding:12px 0 5px 0;
	 width:200px;
}

.budget-download.fulldownload span b {
		padding:0 0 0 0;
		line-height: 80%;
}

.themePromoBox.download-bucket li.subheading-bottom h1 {
	 position: relative !important;
	top: -.9em !important;
}

.themePromoBox.download-bucket p {
	 width:90%;
	 margin:-3em 0 0 0;
	 font-size:22px;
	 font-weight:normal;
}

.subheading {
	height: auto;
}
.subheading h1 {
	font-size: 3vw;
	height: 0.9em;
}
.subheading-top, .subheading-bottom, .subheading-thirdrow {
	  list-style:none;
	  margin:0 0 0 -3em;
	  padding:0 0 0 0;
}

.subheading-top h1 {
	 position:relative;
	 font-size:50px !important;
	font-weight:normal !important;
	 color:#71d9ef !important;
	 margin:10px 0 0 0;
}

.subheading-bottom h1 {
	 position:relative;
	 top:-.9em;
	 font-size:50px !important;
	 font-weight:normal !important;
	 color:#24639a !important;
	 list-style:none;
}

.subheading-thirdrow h1 {
	 position:relative;
	 top:-1.8em;
	 left:0;
	 margin:0 0 -4em 0;
	 font-size:50px !important;
	 font-weight:normal !important;
	 color:#24639a !important;
	 list-style:none;
}

/* END GRAPHIC STYLE FOR DOWNLOADS AND HEADINGS */

/*  MAIN CONTAINER ROWS */

/*  left hand side border style for downlaods page */
.border-left-downloads {
	 border-left:8px solid #fbd80e;
}

.row.downloads.bottom {
	 position:relative;
	 top:-7em;
}

/*  sub containers */

.themePromoBox.download-bucket {
	 margin:0 0 0 5% !important;
	 padding:0 0 10em 0;
	 background:none !important;
	 height:100% !important;
}

.themePromoBox.download-bucket.top {
	 padding:0 0 15em 0 !important;
}

.themePromoBox.download-bucket.bottom {
	 padding:0 0 10em 0 !important;
}

.themePromoBox.download-bucket img {
	 margin:0;
	 padding:0;
	 width:200px !important;
	 height:200px !important;
	 background:none !important;
}

.themePromoBoxContent.top-left {
	 border-bottom:8px solid #6dceeb !important;
	 background:none !important;
}

/* end sub containers */

.downloadpage-title {
	 margin-left:-4.5em;
}

/* DOWNLOAD LOWER CHECKBOX SECTION */

div.row.upload-links  {
	 background-color:#eaf8fb !important;
	 height:100%;
	 width:100%;
	 margin:-3em 0 -3em 0 !important;
	 padding:0 0 3em 0;
}

ul.upload-links {
	 font-size: 1.1vw;
	 line-height: 1.2em;
	 margin: 0 0 10vh;
	 list-style:none !important;
}
@media all and (max-width: 1600px) { /* medium desktop */
	body.landscape ul.upload-links {
		 font-size: 1.1vw;
	}
}
@media all and (max-width: 1400px) { /* medium-small desktop */
	body.landscape ul.upload-links {
		 font-size: 1.3vw;
	}
}
@media all and (max-width: 1200px) { /* medium-small desktop */
	body.landscape ul.upload-links {
		 font-size: 1.5vw;
	}
}
@media all and (max-width: 991px) { /* col-md iPad landscape / small desktop */
	body.landscape ul.upload-links {
		 font-size: 1.7vw;
	}
}
@media all and (max-width: 768px) { /* iPad portrait */
	body.portrait ul.upload-links {
		 font-size: 3vw;
	}
}
@media all and (max-width: 800px) { /* iPhone Plus landscape & iPad portrait & popular android */
	body.landscape ul.upload-links {
		 font-size: 4vw;
	}
}
@media all and (max-width: 414px) { /* iphone plus portrait & 405/384 android */
	body.portrait ul.upload-links {
		 font-size: 5vw;
	}
}
@media all and (max-width: 320px) { /* iphone SE portrait & low density android */
	body.portrait ul.upload-links {
		 font-size: 5vw;
	}
}
.upload-links .top-border {
	 position:relative;
	 top:-6px;
	 margin:0 auto 0 auto;
	 width:18%;
	 border-top:6px solid #6dceeb !important;
}
.accessibility-icon {
	 margin:0;
}
.backgrounder-links {
	  list-style:none !important;
	  margin:-0.4em 0 0 -0.4em;
}
.backgrounder-links a, .backgrounder-links a.access {
	 margin-top:-.1em;
}
.list-item-independant, .list-item-dependant {
	 list-style:none !important;
	 margin:.8em 0 .8em 0;
}
.list-item-independant b, .list-item-dependant b {
	color: #00558c;
}
.list-item-independant a, .list-item-dependant a {

}
.list-item-independant p, .list-item-dependant p {
	 width:100%;
}
.list-item-independant .access, .list-item-dependant .access {
 margin:0;
}

.list-item-independant .access.all, .list-item-dependant .access.all {
	 margin:-1.65em 0 0 -.9em !important;
}

/* ------------------- */
/* --- SUB BUCKETS --- */
/* ------------------- */

.background-fade.bucketpage {
	position:absolute;
	top:20em;
	width:100% !important;
	margin:0 auto 0 auto !important;
	height: 100%;
}

.background-fade.bucketpage img {
	display:block;
	width:47% !important;
	height:47% !important;
	margin:0 auto 0 auto !important;
	opacity:.2;
}

.themePromoBox.subbucket {
	margin:0 0 0 0 !important;
	padding:0 0 6vh 0;
	background:none !important;
	height:100% !important;
}
@media all and (max-width: 1200px) {
	.promo-row .promo-bg {
		top: 7em !important;
	}
	.themePromoBox.subbucket {
		margin: 6vh 0 0 0 !important;
	}
}

.themePromoBox.top-center.subbucket img {
	 border-bottom:12px solid #fbda34 !important;
}

.themePromoBox.top-center.subbucket .top-border {
	 position:relative;
	 margin:0 auto 0 auto !important;
	 width:280px !important;
	 border-bottom:6px solid #fbda34 !important;
}

.themePromoBox.top-center img {
	 padding:0 15px 0 15px;
}

.row.bucket-topic {
	 margin:0 0 0 0;
}

h2.subbucket.top {
	 margin:-2em 0 0 0 !important;
	 font-weight:bold;
}

h2.subbucket.bottom {
	 margin:1em 0 0 0 !important;
	 font-weight:bold;
}

.subbucket-list {
	 margin:1em 0 0 -1em;
	 font-size:20px;
	 color:#a7a9ac;
	 font-weight:normal;
	 width:100% !important;
}

.subbucket-list li {


}

#youtube-carousel-section {
	 margin:60px 0 3.5em 0;
}

#description-area-headline {
	 text-align:center;
	 font-weight:bold;
	 margin-left:.8em;
}

#description-area-body {
	 margin:1em 0 0 .8em !important;
	 text-align:center !important;
}

/*  left hand side border style for downlaods page */
.themePromoBox.subbucket.border-left-subbucket img {
	 padding:10px 0 10px 0;
	 border-left: 8px solid #74d2e7;
	 margin-top: 9vh;
	 margin-bottom: 6vh;
}

@media all and (max-width: 768px) {
	.themePromoBox.subbucket.border-left-subbucket img {
		 margin-top: 3vh;
		 margin-bottom: 0vh;
	}
}
@media all and (max-width: 600px) {
	.themePromoBox.subbucket.border-left-subbucket img {
		margin-top: 0vh;
		margin-bottom: 4vh;
	}
}
.themePromoBox.subbucket.border-left-subbucket.dark-blue img {
	 border-left: 8px solid #10558a;
}

.dark-blue {
	 color: #10558a;
}

.themePromoBox.subbucket.border-left-subbucket.lower img {
	 padding:10px 0 10px 0;
	 border-left:8px solid #00558c;
}

.header-text-bucket-topic {
	 width:35%;
	 display:block;
	 position:absolute;
	 top:1.5em;
	 margin:0 0 0 29.5em;
	 font-weight:normal;
	 font-size:25px;
}