﻿* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/*
berlingske_sans_roundlight 
berlingske_sans_roundregular
berlingske_sans_roundmedium
*/

/* GLOBAL */

html { }
body {line-height:1; font-weight: 400; font-family: 'Roobert'; color: #263A3C;}

body.scroll	{overflow:hidden}

h1	{font-weight:normal; line-height: 1.2em;}
h2	{font-weight:normal; line-height: 1.2em;}
h3	{font-weight:normal; line-height: 1.2em;}
h4	{font-weight:normal; line-height: 1.2em;}
h5	{font-weight:normal; line-height: 1.2em;}
h6	{font-weight:normal; line-height: 1.2em;}

p	{color:#4D5357}

ul	{margin-left:0}


::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

.inner			{padding-left:20px; padding-right: 20px; max-width:100%; width:1330px; margin: auto; position: relative}
.inner.narrow	{width:750px;}

.inner.narrow-2	{width:1104px;}

img     {max-width:100%; height:auto;}
.panel.icon img {max-width: 36%;}



a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block;}

.table		{display:table; width:100%; height: 100%;}
.table-cell	{display:table-cell; width:100%; height: 100%; vertical-align: middle;}

a.cover		{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10}

/* HEADER */
header			{/*padding:20px 0;*/ padding: 25px 0; position: fixed; width: 100%; top: 0; z-index: 50; background-color: #ffffff;}
header .inner	{display:flex; justify-content: space-between; align-items: center}

.logo		{width:62px; display: inline-block; margin-right: 20px;}
.logo img	{width:100%;}

.logo-container		{display:inline-flex; font-size: 0}
.logo-container *	{align-self:center}
.logo-container h1	{font-size:25px; font-weight: 400; font-family: 'Roobert';}
.header-right		{text-align: right;}

.logo-container h1 span {color: #bed600;}


/* NAV */
nav						{display:inline-block; vertical-align: middle;}
nav ul					{display:flex; justify-content: space-between}
nav ul li				{padding:0 20px; font-size: 16px; border-right:1px solid #707070;}
nav ul li:last-child	{border-right: none}
nav ul li a				{text-decoration:none; color: #4D5357}


nav ul li.blue a		{color:#243508;}
nav ul li.purple a		{color:#3F1031;}

nav.icon-nav					{}
nav.icon-nav li					{border:none; padding-right: 0}

/* NAV POPUP */
.nav-popup				{background: #F0F0F0; position: relative; padding: 55px; z-index: 2;}
.nav-popup h3			{font-size:24px; font-weight: 200; font-family: 'Roobert'; padding-bottom: 20px; margin-bottom: 1em;}
.nav-popup h4			{font-size:20px; font-weight: 200; font-family: 'Roobert'; margin-bottom: 0.8em;}
.nav-popup a			{text-decoration:none}
.nav-popup ul			{list-style:none; margin: 0; margin-bottom: 1.7em; font-size: 17px;}
.nav-popup ul li		{margin-bottom:12px; display: block}
.nav-popup ul li a		{line-height:1.2em; margin-bottom: 0.9em; position: relative; display: block;}
.nav-popup ul li a span	{width: 30px; display: block; position: absolute; left: 0; top:1px;}
.nav-popup ul li a p	{display: inline-block; width:calc(100% - 40px); vertical-align: top;}
.nav-popup ul li a i	{position:absolute; right:0; color: #4D5357; font-size: 15px; top: 3px}
.nav-popup a:hover		{text-decoration: underline; color: #243508;}

nav ul li a:hover,
.nav-popup ul li a:hover i,
.nav-popup ul li a p:hover	{color: #243508;}

.nav-popup-outer		{width:100%; position: absolute; right:0;}
.nav-popup-outer:before	{background-color: rgba(77,83,87,0.8); width:100%; height: 100%; display: block; position: fixed; content: ''; left: 0; top: 0; z-index: 0}

.download-btn-2			{position: absolute; right: 94px; top: 33px; z-index: 20; width: 35px; height: 35px;}

.nav-popup .close		{position:absolute; right:32px; top:30px; z-index: 20}
.inner-nav-toggle		{display:none; position: fixed; z-index: 80; left: 50%; margin-left: -50%; width:100%; top:0; height: 90vh; overflow-y: scroll}

.hammo span	{display:inline-block; vertical-align: middle; font-size: 17px; margin-right: 10px;}
.hammo img	{display:inline-block; vertical-align: middle;}

.col.nav-1	{width:25%; padding-right:50px;}
.col.nav-3	{width:35%; padding-right: 0; padding-left: 50px}
.col.nav-2	{width:40%; padding-left: 50px; padding-right: 50px; border-left:1px solid #4D5357; border-right:1px solid #4D5357;}

.nav-popup .col.nav-1 ul li a:hover i,
.nav-popup .col.nav-1 ul li a:hover p,
.col.nav-1 h3,
.col.nav-1 h3 a:hover,
.col.nav-1 h4	{color:#496D22;}

.nav-popup .col.nav-2 ul li a:hover i,
.nav-popup .col.nav-2 ul li a:hover p,
.col.nav-2 h3,
.col.nav-2 h3 a:hover,
.col.nav-2 h4	{color:#243508;}

.nav-popup .col.nav-3 ul li a:hover i,
.nav-popup .col.nav-3 ul li a:hover p,
.col.nav-3 h3,
.col.nav-3 h3 a:hover,
.col.nav-3 h4	{color:#31032C;}

/* SEARCH */
.search-box											{text-align: left; width:0; display: inline-block; vertical-align: middle; visibility: hidden; opacity: 0; padding-bottom: 10px; transition: 0.2s ease-out}
nav.icon-nav li.search-nav-item						{padding-left: 0; margin-left: 20px; position: relative;}
nav.icon-nav li.search-nav-item.active:after		{border-bottom:1px solid rgba(77,83,87,0.5); position: absolute; bottom: 0; left: 0; width: 100%; content: '';}
nav.icon-nav li.search-nav-item.active .search-box	{width:265px; opacity: 1; visibility: visible;}

/* HERO CONTAINER */
.hero-container								{/*height:652px; min-height:550px; max-height: 650px;*/ max-height:500px; min-height:450px; height: calc(95vh - 112px); position: relative; padding: 0; text-align: left; margin-top: 100px;}
.hero-container-image						{width: 100%; height:100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0;}
.hero-container	.inner						{height:100%; z-index: 2;}
.hero-container	.inner a.scroll-more		{position:absolute; bottom:37px; width:200px; text-align: center; left: 50%; margin-left: -100px; font-weight: 500; font-family: 'Roobert'; display: block;}
.hero-container	.inner a.scroll-more:hover img	{transform:translateY(5px)}
.hero-container	.inner a.scroll-more span		{display:block; width:100%; margin-top: 15px;}
.hero-container	.inner a.scroll-more img		{display:block; margin: auto}

.hero-container	.inner a.download-btn 		{left:20px; bottom: 40px; position: absolute}
.hero-container	.inner a.download-btn img	{width:25px;}
.hero-container	.inner a.download-btn span	{font-size:18px;}

.hero-container .header-text			{width:38%;}
.shape									{width:45%; height: 100%; position: absolute; background-repeat: no-repeat; left: 0; top: 0; background-position: right; background-size: auto 100%; display: none}

.hero-container h1		{font-size:3.7vw; color: #ffffff; font-weight: 500; font-family: 'Roobert';}
.hero-container h2		{font-size:2.5vw; color: #ffffff; font-weight: 200; font-family: 'Roobert';}
.hero-container h1 span	{font-size:4.3vw; display: block; margin-bottom:10px}

/* HERO CONTAINER CONTENT PAGE */
.content-page-hero-container h1						{font-size:40px;}
.content-page-hero-container h2						{font-size:29px; margin-bottom: 0.2em;}
.content-page-hero-container .header-text			{width:45%; margin-top: -50px;}
.content-page-hero-container .header-text img		{width:60px; margin-bottom: 15px;}
.content-page-hero-container .shape	{width:50%;}

/* HERO CONTAINER BUTTONS */
.buttons-np					{position:absolute; bottom: 25px; display: flex; justify-content: space-between; width: calc(100% - 40px);}
.buttons-np .previous-btn 	{margin-right: auto; width:300px;}
.buttons-np .next-btn 		{margin-left: auto; width:300px; justify-content: flex-end;}
.buttons-np .next-btn span	{text-align:right;}

.buttons-np .next-btn span,	
.buttons-np .previous-btn span	{line-height:1.2em;}	

/* SECTION STYLES */
a.down-arrow		{position:absolute; left: 50%; margin-left: -20px; display: block; width: 40px; font-size: 0; bottom: -20px; transition:0.2s ease-out; z-index: 20}
a.down-arrow img	{width:40px; height: auto;}
a.down-arrow:hover	{transform:translateY(3px);}

section		{padding:60px 0; text-align: center; position: relative;}
.grey		{background-color:#F0F0F0;}

.left-aligned	{text-align:left;}

/* TEXT */
.text h2		{font-size:30px; margin-bottom: 1.2em; color: #4D5357; font-weight: 200; font-family: 'Roobert';}
.text p			{font-size:20px; line-height: 1.4em; margin-bottom: 1.2em;}

.text.blue h2	{color:#243508;}
.text.purple h2	{color:#31032C;}

.expanded		{display:none;}
.toggle-text.clicked img	{transform:rotate(45deg)}

/* TILE SECTION */
.col-container	{width:calc(100% + 20px); margin-left: -10px; font-size: 0}
.col			{width:auto; display: inline-block; vertical-align: top; padding: 10px;}
.col.span-2		{width:50%;}
.col.span-1		{width:25%;}

.col-1			{width:100%; display: inline-block; vertical-align: top; padding: 10px; font-size:16px;}
.col-2			{width:50%; display: inline-block; vertical-align: top; padding: 10px; font-size:16px;}
.col-3			{width:33.333%; display: inline-block; vertical-align: top; padding: 10px; font-size:16px;}
.col-4			{width:25%; display: inline-block; vertical-align: top; padding: 10px;}

.col-left		{width:70%; display: inline-block; vertical-align: top; padding: 10px;}
.col-right		{width:30%; display: inline-block; vertical-align: top; padding: 10px;}

.listing-panel						{position: relative; min-height: 310px; background-size: cover; transition: .2s ease-in; background-position: center;}
.listing-panel .table-cell			{vertical-align:bottom}
.hover-text							{text-align:left; padding: 25px; position:absolute; left: 0; top: 0; width:100%; height: 100%; z-index: 5; visibility: hidden; opacity: 0; transition: 0.2s ease-out}
.hover-text img						{width:40px; margin-bottom: 15px;}
.hover-text p						{margin:0; font-size: 24px; color: #ffffff; font-weight: 200; font-family: 'Roobert'; min-height:66px;}

.listing-panel:hover {transform: scale(1.05); }
	

.listing-panel:after			{/*mix-blend-mode: multiply; background-color: rgba(77,83,87,0.8);*/ content: ''; background-color: rgba(0,0,0,0.5); width:100%; height: 100%; display: block; position: absolute; left: 0; top: 0; /*opacity: 0; visibility: hidden;*/ transition: 0.2s ease-out}


.listing-panel:hover:before,
.listing-panel:hover:after		{opacity: 1; visibility: visible;}

.listing-panel:after,
.listing-panel .hover-text {opacity: 1; visibility: visible;}

.listing-panel:before	{width:100%; height: 5px; position: absolute; top:0; left: 0; content: ''; background-color: #bed600; z-index: 5; opacity: 0; visibility: hidden; transition: 0.3s ease-out}

/* WELCOME TEXT */
.popup-background 		{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-image:url(/_uploads/header-images/bg-header-splash.jpg); background-color: #000000; background-size: cover; z-index: 99; display: block; padding-bottom: 100px;}
.welcome-text .inner    {width:1230px; text-align: left; max-width: 100%; position: fixed; left: 50%; margin-left: -560px; top: 400px; margin-top: -330px; font-size: 0; z-index: 100; height: 85%; max-height:920px;}
.text-scroll			{height:100%; overflow-y: auto}
.logo-popup				{width:62px; margin-bottom: 40px; display: block}

/* SAME AS THE PANEL ABOVE BUT THE HOVER EFFECT IS VISIBLE...BECAUSE...ERM...BECUASE...*/
.listing-panel-alt.listing-panel.active:hover .hover-text,
.listing-panel-alt.listing-panel.active:hover:after,
.listing-panel-alt.listing-panel .hover-text,
.listing-panel-alt.listing-panel:after	{opacity: 1; visibility: visible;}

.listing-panel-alt.listing-panel:hover .hover-text,
.listing-panel-alt.listing-panel:hover:after,
.listing-panel-alt.listing-panel.active .hover-text,
.listing-panel-alt.listing-panel.active:after	{opacity: 0; visibility: hidden;}

.listing-panel.active:hover:after {opacity: 0 !important; visibility: hidden !important;}
.listing-panel.active:after	{opacity: 0 !important; visibility: hidden !important;}


/* FOUR PILLARS */
.four-pillars .inner	{width:1100px;}
.four-pillars h3		{font-size:20px; font-weight: 500; font-family: 'Roobert'; margin: 1em 0; color: #4D5357; margin-bottom: 0px;}
.four-pillars h4		{font-size:18px; font-weight: 200; font-family: 'Roobert'; margin: 1em 0; color: #4D5357; margin-top: 8px; }

.four-pillars p			{font-weight: 200; font-family: 'Roobert'; font-size: 18px; padding-left: 20px; padding-right: 20px;}
.four-pillars p:last-child	{margin-bottom:0}
.four-pillars img		{width:155px;}

.four-pillars-alt h3	{font-size:35px; font-weight: 200; font-family: 'Roobert'; color: #243508;}

.four-pillars .col-1 p 		{font-size:18px; font-family:Georgia, Times New Roman, serif;}
.four-pillars .col-1 p a	{ font-style: italic}

.four-pillars-small		{padding-top:30px; padding-bottom: 30px;}
.four-pillars-small img	{width:77px;}

section.four-pillars-alt	{padding:35px 0 25px}

section.four-pillars-alt .col-1	{padding-bottom:25px;}

/* TWO COL TEXT SECTION */
section.two-col	{padding-bottom:25px}
.two-col	{text-align:left;}
.two-col p	{font-size:18px;}

.two-col .col-left	{padding-right:75px;}
.two-col .col-right	{padding-left:70px; border-left:1px solid #4D5357}

.stat h3		{font-family:Georgia, Times New Roman, serif; font-size: 60px; margin-bottom: 10px; color: #4D5357}
.stat h3 strong	{color:#B9D229; font-weight: normal;}

/* SUB HEADER */
.expander-panels	{padding-top:0px;}

.expander-title p	{padding-top:0; padding-bottom: 0; font-size: 30px; font-weight: 200; font-family: 'Roobert'; line-height: 1.3em; margin-bottom: 20px;}

/* EXPANDER PANELS SECTIONS */
.panel-text-center		{height:300px; background-size: cover; position: relative; text-align: center}
.panel-text-center p	{color:#ffffff; font-size: 22px; margin-bottom: 20px; line-height: 1.3em; padding-left: 20px; padding-right: 20px;}
.panel-text-center img	{width:26px; margin-left: auto; margin-right: auto;}
.panel-text-center .content {display: none;}

.expander-popup 					{display: none; position: absolute; top: 0px; /*height: 310px; max-height: 310px;*/ width: calc(100% - 20px); overflow: hidden; z-index: 20}
.expander-popup-inner				{font-size:16px; background-color: #F0F0F0; text-align: left; padding: 50px; padding-right: 200px; padding-left: 60px; min-height: 300px; background-position: right; background-repeat: no-repeat; background-size: cover;}
.expander-popup-inner h2			{font-size:30px; font-weight: 200; font-family: 'Roobert'; color: #ffffff; margin-bottom: 1em}
.expander-popup-inner p				{color:#263A3C; line-height: 1.4em; margin-bottom: 1em; color: #ffffff}
.expander-popup-inner p:last-child	{margin-bottom:0}

.expander-popup-inner				{position:relative}
.expander-popup-inner .image-cutout	{width:91px; height: 100%; background-repeat: no-repeat; background-size: auto 100%; position: absolute; right:0; top:0; background-position: right;}

.expander-popup-inner .close	{right:45px; top: 50px;}

/* PULLOUT QUOTE */
section.pullout-quote			{padding-top:0px;}
section.pullout-quote .col-1	{padding-top:0}

section.pullout-quote.grey		{padding-top:35px; padding-bottom: 25px;}


.pullout-quote p				{width:748px; max-width: 100%; margin-left: auto; margin-right: auto; color: #243508; font-size: 26px; margin-bottom: 15px;}
.pullout-quote p strong			{font-weight:normal; font-size: 20px; color: #4D5357;}
.pullout-quote p:last-child		{margin-bottom:0}

/* CAROUSELS */
.carousel-nav .slick-arrow,
.carousel-arrows .slick-arrow				{width:40px; height: 40px; position: absolute; top:50%; margin-top: -20px; z-index: 5; background-color: transparent}

.carousel-nav .slick-arrow.slick-prev,
.carousel-arrows .slick-arrow.slick-prev	{background-image:url(/_assets/arrow-left.png); background-size: cover; left: 30px;}

.carousel-nav .slick-arrow.slick-next,
.carousel-arrows .slick-arrow.slick-next	{background-image:url(/_assets/arrow-right.png); background-size: cover; right: 30px;}

.carousel-container	{position:relative;}

.feature-panel img	{margin-bottom:20px;}

/* QUARTER CAROUSEL*/
p.quarter			{width:40px; height: 40px; line-height: 34px; border-radius: 40px; margin-bottom: 0; border:2px solid #4D5357; font-size: 16px;}

.event-q a {text-decoration:none}

ul.quarters-list 						{display: flex; align-content: center; margin-left: 0; justify-content: center; margin-bottom: 25px;}
ul.quarters-list li						{margin:0 10px; text-align: center}
ul.quarters-list li.active p.quarter	{border-color:#BED53A; color: #ffffff; background-color: #3F1031}
ul.quarters-list li:hover p.quarter		{background-color:#BED53A}
ul.quarters-list li a					{text-decoration:none}

ul.icon-list 						{display: flex; align-content: center; margin-left: 0; justify-content: center; margin-bottom: 25px;}
ul.icon-list li						{margin:0 5px;}
ul.icon-list li a					{text-decoration:none; display: inline-flex; width:49px; height: 49px; border:2px solid #BED53A; border-radius: 49px; font-size: 22px; justify-content: center; align-items: center; transition: 0.2s ease-out}
ul.icon-list li.active a,	
ul.icon-list li a:hover				{background-color:#3F1031; color: #ffffff;}

.quarter-panel				{text-align: left; background-color: #3F1031; min-height: 310px; padding: 30px; height: 100%;}
.quarter-panel p.quarter	{color:#ffffff; border-color:#BED53A; text-align: center; margin-bottom: 40px;}
.quarter-panel h3			{font-size:18px; color: #ffffff; margin-bottom: 0;}
.quarter-panel h4			{font-size:30px; color: #ffffff; margin-bottom: 0; border-top:1px solid #ffffff; padding-top: 20px; margin-top: 20px; padding-right:80px; max-width: 100%;}

.big-quarter-panel				{text-align: center;}
.big-quarter-panel p.quarter	{width:176px; height: 176px; border-radius: 176px; border-width: 5px; margin-bottom: 0; margin-left: auto; margin-right: auto; font-size: 86px; line-height: 165px;}


.quarter-panel	.table-cell {vertical-align: top;}
.big-quarter-panel	.table-cell {vertical-align: middle;}

.carousel-nav								{position: relative; height: 40px; margin-top: 20px;}
.carousel-nav .slick-arrow.slick-prev		{left:10px; top:0; margin-top: 0; background-image:url(/_assets/arrow-left-grey.png);}
.carousel-nav .slick-arrow.slick-next		{right:10px; top:0; margin-top: 0; background-image:url(/_assets/arrow-right-grey.png);}
.carousel-nav .slick-dots					{font-size:0; width: 100%; text-align: center; padding: 12px 0 0 0;}
.carousel-nav .slick-dots li				{display:inline-block; width:16px; height: 16px; border:1px solid #707070; border-radius: 16px; margin: 0 5px;}
.carousel-nav .slick-dots li.slick-active	{background-color:#4D5357;}

.col-left,
.col-right	{font-size:16px;}

/* IMAGE SECTION */
.image-section .col-right		{width:40%; padding-left: 50px; text-align:left;}
.image-section .col-right p		{line-height:1.4em; font-size: 22px; font-family:'berlingske_sans_roundlight', sans-serif; margin-bottom: 1em;}
.image-section .col-right a.icon-text-btn	{font-size:22px;}

.image-section .col-left		{width:60%; text-align: center;}
.image-section .col-left img	{width:80%;}

/* NEWS PANEL */
.news-panel				{background-color:#ffffff; border-top:0px solid #3F1031; height: 100%; position: relative; padding-bottom: 0px;}
.news-panel-text		{padding:24px; padding-right: 24px; padding-bottom: 40px; text-align: left;}
.news-panel-text p.tag	{font-size:13px;}
.news-panel-text h4		{font-size:29px; border-top:1px solid #4D5357; padding-top: 18px;}
.news-panel-image		{width:100%; height:165px; background-size: cover; background-position: center; position: relative; left: 0; top: 0; border-bottom:20px solid #3F1031;}


.news-image 					{width: 100%; max-width: 100%; margin: auto; height: 500px;}
.news-image .news-panel			{border-top: 0px; background-color: transparent;}
.news-image .news-panel-text 	{display: none;}
.news-image .news-panel-image 	{height: 100%; background-size: contain; background-repeat: no-repeat;}

/* THEME BG */
.theme-bg		{background-color:#243508}
.theme-bg h1,
.theme-bg h2,
.theme-bg h3,
.theme-bg h4,
.theme-bg h5,
.theme-bg h6,
.theme-bg p,
.theme-bg ol,
.theme-bg ul	{color:#ffffff;}

/* COUNTRY CONTAINER */
.country-container			{text-align: left; position: relative; width:100%; margin-left: 0; /*min-height: 650px;*/ min-height: 550px;}
.country-container h2		{font-size:30px; color: #3F1031; font-family:'berlingske_sans_roundmedium', sans-serif;}
.country-container h3		{font-size:22px; color: #4D5357; border-bottom:1px solid #4D5357; padding-bottom: 10px; margin-bottom: 15px;}
.country-container span		{display:inline-block; width:16.667%; font-size: 18px; padding-right: 5px; vertical-align: top}
.country-container span p	{font-size: 16px; font-style: italic}
.country-container span p strong	{font-family:'berlingske_sans_roundmedium', sans-serif; display: block; font-style: normal}

.country-table-container		{border-left:20px solid #3F1031; padding:40px 25px 20px 75px; position: absolute; background-color: #F0F0F0; left: 0; top: 0; z-index: 100; display: none; width:100%; min-height: 550px;}
.country-table-container.active	{}

.partners	{font-size:0; margin-bottom: 15px;}

.col-2.country-left			{width:calc(100% - 125px); padding-right: 60px; position: relative;}
.col-2.country-left	a.close	{top:0}

.col-2.country-right			{width:125px; border-left:1px solid #4D5357;}
.col-2.country-right a			{width:78px; height: 78px; border-radius: 78px; overflow: hidden; display: block; text-align: right; margin-bottom: 30px; position: relative; margin-left: auto;}
.col-2.country-right a:after	{background-color:rgba(77,83,87,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content:''; transition: 0.2s ease-out}
.col-2.country-right a img		{}

.col-2.country-right a.active:after	{display:none}
.col-2.country-right a:hover:after	{background-color:rgba(77,83,87,0.5);}

/* MAP */
.map					{padding-bottom:10px;}
.world-map			    {background-color: #ffffff; position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 10; text-align: center}
.world-map area:hover   {cursor:pointer}
.world-map p		    {width:330px; position: absolute; /*bottom: 0;*/ bottom: 55px; left:40px; margin: 0; text-align: left;}
.world-map p img	    {position: absolute; right:-30px; bottom:5px; width:30px; height: auto;}

.regions-accordion			{display:none}
.accordion-item 			{padding-left:20px; padding-right: 20px;}
.accordion-button a			{display:flex; text-decoration: none; justify-content: space-between; align-items: center; align-content: center; padding: 27px 0;}
.accordion-button a span	{font-size:18px; color: #3F1031; text-decoration: none; margin: 0 20px;}

.accordion-button div		{display:inline-flex; align-items: center; align-content: center;}
.accordion-text				{display:none; padding: 10px 20px;}
.accordion-item				{border-bottom:1px solid #4D5357;}

.accordion-item .accordion-button img.plus			{transition:0.2s ease-out}
.accordion-item.active .accordion-button img.plus	{transform:rotate(45deg);}

.accordion-item.active	{background-color:#F0F0F0}

.accordion	{width:calc(100% + 40px); margin-left: -20px;}


/* COLOUR THEMES */

.purple-theme .four-pillars-alt h3,
.purple-theme .pullout-quote p	{color:#31032C;}
.purple-theme .theme-bg			{background-color: #31032C;}

.purple-theme .stat p			{color:#31032C;}
.purple-theme .stat p.p1			{color:#4D5357}

/* BUTTON */
a.icon-text-btn				{display:inline-flex; align-content: center; align-items: center; font-size: 18px; color: #ffffff; text-decoration: none; transition: 0.2s ease-out}
a.icon-text-btn img			{width:40px; margin-right: 15px; transition: 0.5s ease-out}
a.icon-text-btn:hover		{color:#bed600}

.close	{position:absolute; right:20px; top:20px;}


/** FOOTER **/
footer								{background-color:#fff; padding: 55px 0; text-align: center}
footer ul							{margin-left:0;}
footer ul.social-list				{float: left;}
footer ul.social-list li a			{width:auto; height: auto; border:none}
footer ul.social-list li a:hover	{background-color:transparent;} 

ul.social-list				{display:inline-block; list-style: none; font-size: 0;}
ul.social-list li			{display:inline-block; margin-right: 20px; width:45px;}
ul.social-list li a			{display:block;}
ul.social-list li a	img		{width:100%;}
ul.social-list li a:hover	{background-color:#bed600;}

ul.footer-list				{font-size:14px; display: inline-block; font-family:'berlingske_sans_roundmedium', sans-serif; margin-top: 15px; float: left;}
ul.footer-list li			{display:inline-block; margin: 0 10px;}
ul.footer-list li a			{text-decoration:none; transition:  color 0.2s ease-out}
ul.footer-list li a:hover p	{color:#bed600}
ul.footer-list li a i		{display:none}
p.sign-off					{color:#94979A; width:100%; font-size: 10px; font-family: Georgia, Times New Roman, serif; text-align: left; margin-top: 70px; line-height: 1.4em;}

/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

/* SHARE LIGHTBOX */
.share-page         {float:right;cursor:pointer; margin-bottom:20px;}
.share-page i.fa    {font-size:18px;color:#ab0063;}
.share-page span    {display:inline-block; padding-left:10px; font-size:15px; position:relative; top:-2px; color:#ab0063;}

ul.social-list						{}
ul.social-list li					{display:inline-block; font-size: 0; margin: 0 5px;}
ul.social-list li a					{display:block; background-color: #fff; width: 70px; height: 70px; line-height: 70px; font-size: 28px; color: #00addd; transition:0.2s ease-out}
ul.social-list li a:hover			{color:#fff;}
ul.social-list li.facebook a:hover	{background-color:#3B5998 !important;}
ul.social-list li.twitter a:hover	{background-color:#1da1f2 !important;}
ul.social-list li.linkedIn a:hover	{background-color:#0077b5 !important;}
ul.social-list li.google a:hover	{background-color:#dd4b39 !important;}
ul.social-list li.email a:hover	    {background-color:#828282 !important;}

.share-toggle                       {cursor:pointer;}

.share-fade			{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(142, 142, 142, 0.95); z-index: 105; display: none;}
.share-popup		{position:fixed; left: 50%; margin-left: -181px; top: 50%; margin-top: -151px;  width: 363px; height: 303px; z-index: 110; background-color: #fff; border-left:none; text-align: center; display: none}
.share-header		{background-color:#af005f; padding: 27px;}
.share-header h1	{font-size:19px; color: #FFF; font-weight: bold; display: inline-block; position: relative;}

.share-popup ul.social-list			{margin-top:30px;}
.share-popup ul.social-list li a	{width:50px; height: 50px; line-height: 50px; color: #fff; background-color:#bfb9b2; font-size: 20px;}

a.share-close		{display: block; margin-top: 115px; color: #af005f; font-size: 15px; font-weight: bold; text-decoration: none;}

/* SPINNER - loading.io */

.lds-ring { display: inline-block; position: fixed; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #4b2942; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #4b2942 transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}


/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}


/* MOBILE STYLES */

@media (max-width: 1250px) 
{
	/* NAV POPUP */
	.inner-nav-toggle	{left:auto; margin-left: 0; width:100%;}
	.nav-popup .inner	{padding-top:25px;}
}

@media (max-width: 1170px) 
{
	
	/* SEARCH */
	nav.icon-nav li.search-nav-item.active .search-box	{width:175px;}
	nav.icon-nav li.search-nav-item	{margin-left:10px;}
	
	/* HEADER NAV */
	nav ul li		{padding:0 10px;}
	
	/* HEADER ICON NAV */
	.icon-nav ul	{margin-left:0}
	.icon-nav ul li	{margin-right:0}
}

@media (max-width: 1024px) 
{
	/* NAV POPUP */
	.nav-popup		{padding-left:20px; padding-right: 20px;}
	.nav-popup h3	{font-size:20px;}
	
}

@media (max-width: 960px) 
{
	/* NAV POPUP */
	.nav-popup ul	{font-size:14px;}
	
	/* HEADER */
	nav				{display:none}
	nav.icon-nav	{display:block}

	/* FOOTER */
	footer	{text-align:center;}
	footer ul.social-list	{float:none; margin: auto; margin-bottom: 15px;}
	ul.footer-list			{float:none; width: 100%;}
	p.sign-off				{margin-top:30px; text-align: center;}

}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */
 	/* NAV */
	.col.nav-1,
	.col.nav-2,
	.col.nav-3			{width:100%; padding-left: 0; padding-right: 0; border:none}
	.inner-nav-toggle	{height:100vh;}
	.nav-popup h3		{padding-bottom:0}
	
	
	
}

@media (max-width: 600px) 
{
	
	.hero-container .inner a.download-btn	{position:relative; bottom: auto; left: auto; margin-top: 20px;}
	
	.buttons-np .previous-btn, 	
	.buttons-np .next-btn 		{font-size:14px; width:40%}
	
		
}

@media (max-width: 700px)
	
{
	ul.footer-list li		{margin-bottom:10px;}
}


@media (max-width: 414px) 
{
    /* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
		a.icon-text-btn img			{width:30px;}

}

@media (max-width: 374px) 
{
	.buttons-np .previous-btn, 	
	.buttons-np .next-btn 		{font-size:12px;}
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}