/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=c1516a43-8e61-4378-8ef3-bf7ddcc4a209"); /* group 2 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

#main table td,
#main table th {
	padding: 0 12px;
}

/* Fonts */
@font-face {
  font-family: "Gill Sans Light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix");
  src: url("../fonts/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix") format("eot"), url("../fonts/bef137ae-8972-46a3-9a77-f0453736e755.woff") format("woff"), url("../fonts/c4072f74-697b-4348-a99d-a43bc92d5416.ttf") format("truetype"), url("../fonts/2f1959a9-36af-4490-bdb5-aec3ca90bbb2.svg#2f1959a9-36af-4490-bdb5-aec3ca90bbb2") format("svg");
}
@font-face {
  font-family: "Gill Sans";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/0fed87fb-0dbf-41e8-a0d1-72f798cdba00.eot?#iefix");
  src: url("../fonts/0fed87fb-0dbf-41e8-a0d1-72f798cdba00.eot?#iefix") format("eot"), url("../fonts/7e6e1775-e8fa-4a7b-87ed-ba0247747274.woff") format("woff"), url("../fonts/195f67f2-28ab-44dd-a756-ee4efcd46111.ttf") format("truetype"), url("../fonts/9d7c8564-0429-4d4f-943a-7cb35892db69.svg#9d7c8564-0429-4d4f-943a-7cb35892db69") format("svg");
}
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/e55f9afb-8c92-4a61-ad1a-7f5788bd9c1d.eot?#iefix");
  src: url("../fonts/e55f9afb-8c92-4a61-ad1a-7f5788bd9c1d.eot?#iefix") format("eot"), url("../fonts/1063b047-48b7-4f7c-876b-f93d4ab62b2c.woff") format("woff"), url("../fonts/382d3153-8f7f-4011-9915-0c65e8af150a.ttf") format("truetype"), url("../fonts/f80f42c9-7401-4415-a8d1-575179869201.svg#f80f42c9-7401-4415-a8d1-575179869201") format("svg");
}
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix");
  src: url("../fonts/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix") format("eot"), url("../fonts/39ede25d-544d-4537-8668-3e9af68a26ec.woff") format("woff"), url("../fonts/fe7e264f-3a4a-40c8-85eb-f9e2cb4b6f21.ttf") format("truetype"), url("../fonts/f45aa0ef-7101-4ac6-84f9-fce14d01e189.svg#f45aa0ef-7101-4ac6-84f9-fce14d01e189") format("svg");
}
/* Fonts IE 8*/
@font-face {
  font-family: "Gill Sans Light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix");
  src: url("../fonts/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix") format("eot"), url("../fonts/bef137ae-8972-46a3-9a77-f0453736e755.woff") format("woff"), url("../fonts/c4072f74-697b-4348-a99d-a43bc92d5416.ttf") format("truetype"), url("../fonts/2f1959a9-36af-4490-bdb5-aec3ca90bbb2.svg#2f1959a9-36af-4490-bdb5-aec3ca90bbb2") format("svg");
}
@font-face {
  font-family: "Gill Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix");
  src: url("../fonts/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix") format("eot"), url("../fonts/39ede25d-544d-4537-8668-3e9af68a26ec.woff") format("woff"), url("../fonts/fe7e264f-3a4a-40c8-85eb-f9e2cb4b6f21.ttf") format("truetype"), url("../fonts/f45aa0ef-7101-4ac6-84f9-fce14d01e189.svg#f45aa0ef-7101-4ac6-84f9-fce14d01e189") format("svg");
}
/* /Fonts */
body { font-family: "Gill Sans", sans-serif; min-width: 320px; color: #3A393A; background: #dceaee; font-size: 16px; line-height: 1.35; }

/* link styles */
a { text-decoration: none; color: #105f8d; }
a:hover { color: #043d5e; }
a:focus { outline: none; }

/* containers */
.container { position: relative; width: 1445px; margin: 0 auto; }

/* responsive embed */
.responsive-embed { position: relative; padding-bottom: 67%; height: 0; overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }


/* Texts and headlines */
h1 { font-size: 22px; color: #3A393A; font-style: normal; font-weight: normal; margin-top: 0; margin-bottom: 14px; }
/* heading styles */
h2 { font-size: 21px; font-size: 19px; line-height: 1.1; color: #0e3c67; font-weight: normal; margin: 14px 0; }
h3 { font-size: 20px; font-size: 19px; line-height: 1.1; color: #0e3c67; font-weight: normal; font-style: italic; margin: 14px 0; }
h4 { font-size: 18px; line-height: 1.1; color: #0e3c67; font-weight: normal; font-style: normal; margin: 14px 0; }
h5, div.highlight { font-size: 16px; line-height: 1.1; line-height: 1.35; color: #3A393A; font-weight: normal; font-style: normal; margin: 20px 0; padding: 18px 26px; background: #ECF1F4; }
strong { font-weight: bold; }

/* footnotes */
.footnotes { padding-top: 9px; margin-top: 29px; border-top: 1px solid #d6d6d6; }
.footnotes h4 { font-size: 16px; font-weight: bold; color: #3A393A; }

/* banner text */
.main-headline { font-family: 'Gill Sans'; font-size: 25px; color: #C7DAEA; font-weight: bold; margin: 5px 0; line-height: 1; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); }
.main-headline br { display: none; }
/* sub page banner text */
.main-headline-subpage { color: #167BBC; }


/* main menu */
nav.main { position: absolute; right: 248px; top: 0; display: block; color: white; font-size: 15px; height: 39px; line-height: 39px; z-index: 301; }
nav.main ul { padding: 0; margin: 0; list-style: none; }
nav.main ul li { display: inline-block; margin: 0 15px; }
nav.main ul li a { text-transform: uppercase; color: white; font-weight: bold; }
nav.main ul li a:hover { color: #77bfe5; }


/* /Texts and headlines */
/* Style for header */
header {
  background: url("../img/elements/banner.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 101;
}

.header-subpage {
  background: url("../img/elements/banner-subpage.jpg");
  background-size: cover;
  background-position: center;
}

/* navigation menu */
.menu {
  min-width: 320px;
  text-align: right;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 201;
}

.menu.sticky {
  background: white;
  position: fixed;
  z-index: 200;
  -moz-box-shadow: -4px 3px 32px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: -4px 3px 32px rgba(0, 0, 0, 0.19);
  box-shadow: -4px 3px 32px rgba(0, 0, 0, 0.19);
  behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc);
}
.menu.sticky .menu-bottom a { color: #68378b; }
.menu.sticky .menu-bottom a:hover { color: #3c1a53; }
.menu.sticky .menu-top a { color: #535555; }
.menu.sticky .menu-top a:hover { color: #68378b; }
.menu.sticky .logo { display: none; }
.menu.sticky .logo-sticky { display: block; float: left; }
.menu-top, .menu-bottom { padding-left: 0; list-style: none; margin: 0; }
.menu-top a, .menu-bottom a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.menu-top a:hover, .menu-bottom a:hover { color: #167BBC; }
.menu-top li, .menu-bottom li { display: inline-block; padding-left: 30px; letter-spacing: 1px; }
.menu-top { padding-bottom: 9px; padding-top: 10px; }
.menu-top a { color: #167BBC; }
.menu-top a:hover { color: white; }

/* main logo */
.logo { display: block; float: left; position: relative; z-index: 5; }

/* intelligence drop down */
.intelligence-drop-down-button { position: absolute; right: 0; top: 0; display: block; color: white; font-size: 14px; height: 39px; line-height: 39px; background-color: rgba(0, 0, 0, 0.33); z-index: 300; }
.intelligence-drop-down-button .button-text { display: inline-block; vertical-align: top; padding: 0 23px 0 24px; }
.intelligence-drop-down-button span.caret-icon { display: inline-block; vertical-align: top; width: 40px; height: 39px; background: rgba(0, 0, 0, 0.41) url(../img/icons/intelligence-caret.png) no-repeat center center; }
.intelligence-drop-down-button:hover { color: #CCC; }

/* intelligence popup */
#intelligence-popup { display: none; position: absolute; right: 0; top: 51px; width: 1040px; padding: 31px 36px; color: white; background: #0A5674; z-index: 501; }
#intelligence-popup a.close-button { display: block; position: absolute; right: 27px; top: 22px; font-size: 38px; font-weight: normal; color: white; line-height: 1; }
#intelligence-popup h2 { color: white; font-family: "Gill Sans"; font-size: 24px; margin: 0; }
#intelligence-popup h3 { color: white; font-size: 17px; font-style: normal; margin: 0; text-transform: uppercase; }
#intelligence-popup .intelligence-links { margin: 35px 0 50px; }
#intelligence-popup .intelligence-links .link-list { float: left; width: 30%; }
#intelligence-popup .intelligence-links .link-list ul { list-style: none; margin: 0; padding: 0; }
#intelligence-popup a { color: #88CEE9; }
#intelligence-popup a:hover { color: white; }
#intelligence-popup-overlay { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 500; background-color: rgba(0,0,0,0.5); }

/* handbook buttons */
.handbook-buttons { position: absolute; right: 0; top: 63px; z-index: 300; }
a.download-pdf-button { display: block; float: left; width: 215px; height: 58px; font-size: 16px; color: white; background: url(../img/buttons/download-current.png) no-repeat 0 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); margin-left: 11px; }
a.download-pdf-button:hover { background-position: 0 -58px; text-decoration: none; }
a.download-pdf-button span, a.download-pdf-button em { display: block; margin-left: 70px; line-height: 1; }
a.download-pdf-button span { font-size: 17px; line-height: 1; margin-top: 11px; }
a.download-full-button { width: 215px; background-image: url(../img/buttons/download-full.png); }
a.download-full-button span, a.download-full-button em { margin-left: 71px; }

/* hero */
.hero { text-align: left; text-transform: uppercase; padding-top: 92px; padding-bottom: 17px; }
.hero-subpage { padding-top: 61px; padding-bottom: 140px; }
/* page title below header */
.page-title { padding: 11px 0 12px; background: white; }
.page-title h1 { font-size: 22px; font-family: "Gill Sans"; line-height: 1; margin: 0; }


/* /Buttons */
/* Style section about*/
.about {
  position: relative;
  padding-bottom: 50px;
  background: white;
}
.about:after {
  position: absolute;
  width: 80%;
  left: 50%;
  margin-left: -40%;
  background: white;
  bottom: 0px;
  content: '';
  height: 50px;
  z-index: -1;
  box-shadow: 0px 1px 40px rgba(197, 197, 197, 0.6);
  border-radius: 100px / 20px;
  behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc);
}


/* Footer */
footer { }
.footer-content { padding-bottom: 30px; color: #2c4357; margin-top: -12px; }
.footer-content a { text-decoration: none; color: #2c4357; font-size: 15px; }
.footer-content a:hover { color: #2c4357; }
.footer-list { list-style: none; padding-left: 0; margin-bottom: 2px; }
.footer-list li { display: inline-block; position: relative; padding-right: 19px; }
.footer-list li:after { position: absolute; content: ''; width: 1px; height: 15px; background: #2c4357; top: 50%; margin-top: -7px; right: 5px; }
.footer-list li:last-child:after { content: none; }
/* copyright text */
.copy { font-size: 15px; margin: 0; margin-bottom: 3px; color: #2c4357; }


/* Footer */
/* Surveys page */
.left-subpage {
  width: 63.5%;
  float: left;
  background: white;
  border-right: 1px solid #e3e3e3;
  padding-bottom: 60px;
}


/* main panels */
.fluid-width-layout .side-panel { position: absolute; width: 59px; /*z-index: 100;*/ z-index: 3; margin-top: 0; }
.fluid-width-layout .side-panel { position: relative; float: left; }
.fluid-width-layout .main-panel { width: auto; margin: 20px 0 0 74px; padding-bottom: 30px; }
.fluid-width-layout .main-panel .text-panel { padding: 7px 26px 30px 24px; padding-bottom: 0; }
.fluid-width-layout .browse-panel { width: 59px; overflow: hidden; }
.browse-panel.expanded { width: 260px; }
.browse-panel.sticky { position: fixed; top: 0; /*z-index: 100;*/ margin-top: 0; }

/* browse panel */
nav.browse-panel { background: #314A66; }
nav.browse-panel ul { padding: 0; margin: 0; }
nav.browse-panel ul li { position: relative; }
nav.browse-panel ul li .spacer { display: block; height: 88px; border-top: 1px solid #5A7491; border-bottom: 1px solid #242730; }
nav.browse-panel ul li a { display: block; font-size: 15px; color: #C6D8EB; padding: 12px 16px 12px 10px; border-top: 1px solid #5A7491; border-bottom: 1px solid #242730; background: #314A66; }
nav.browse-panel ul li:first-child a { border-top: none; }
nav.browse-panel ul li a span.browse-icon { display: inline-block; position: absolute; left: 18px; top: 12px; width: 24px; height: 24px; margin-right: 7px; vertical-align: top; /*background-image: url(../img/icons/browse-icons.png);*/ background-repeat: no-repeat; background-size: 24px 48px; }
nav.browse-panel ul li a span.browse-text { display: block; width: 198px; margin: 2px 0 2px 49px; }
nav.browse-panel ul li a.current,
nav.browse-panel ul li a:hover { color: #C6D8EB; background: #22293A; text-decoration: none; border-top-color: #22293A; }
/* for testing */
/*nav.browse-panel ul li a:hover span.browse-icon { background-position: 0 -24px; }*/



#main { padding: 1px 0; }


/* ==========================================================================
  Home page
  ========================================================================== */

.home-page {
	background: #fbfcfd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYmZjZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZGY0ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGFlOGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #fbfcfd 0%, #edf4f6 50%, #dae8ed 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #fbfcfd 0%,#edf4f6 50%,#dae8ed 100%);
	background: radial-gradient(ellipse at center,  #fbfcfd 0%,#edf4f6 50%,#dae8ed 100%);
}
.lt-ie9 .home-page { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfd', endColorstr='#dae8ed',GradientType=1 ); }

/* country selection form */
.country-selection-form { background: #EEF4F7; background: #F9FBFC; border: 1px solid #A8BFC6; padding: 17px 20px 5px; font-size: 16px; overflow: hidden; }
.country-selection-form .country-selection-form-outer { float: left; position: relative; left: 50%; margin: 0 auto; }
.country-selection-form .country-selection-form-inner { float: left; position: relative; left: -50%; margin: 0 auto; }
.country-selection-form .country-drop-down { float: left; width: 420px; margin-bottom: 14px; }
.country-selection-form .country-submit-button { float: left; margin-bottom: 14px; }
.country-selection-form .country-submit-button input[type="submit"] { line-height: 30px; width: 93px; height: 30px; border-radius: 3px; }
.country-selection-form .country-submit-button input[type="submit"] {
	border: 1px solid #C3C3C3;
	background: #fbfbfb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 4%, #fcfcfc 22%, #ececec 96%, #e7e7e7 100%);
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%);
	background: linear-gradient(to bottom,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%);
}
.lt-ie9 .country-selection-form .country-submit-button input[type="submit"] { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e7e7e7',GradientType=0 ); }
.country-selection-form .country-submit-button input[type="submit"]:hover {
	border: 1px solid #BABABA;
	background: #efefef;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #efefef 0%, #f3f3f3 4%, #f0f0f0 22%, #e1e1e1 96%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top,  #efefef 0%,#f3f3f3 4%,#f0f0f0 22%,#e1e1e1 96%,#dcdcdc 100%);
	background: linear-gradient(to bottom,  #efefef 0%,#f3f3f3 4%,#f0f0f0 22%,#e1e1e1 96%,#dcdcdc 100%);
}
.lt-ie9 .country-selection-form .country-submit-button input[type="submit"]:hover { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dcdcdc',GradientType=0 ); }
.country-selection-form .country-drop-down label { display: inline-block; vertical-align: top; line-height: 31px; margin-right: 16px; }
.country-selection-form .country-drop-down .select-box { display: inline-block; vertical-align: top; width: 290px; }
.country-selection-form .country-drop-down .select-box select { width: 100%; height: 31px; border: 1px solid #D4D9DC; }

/* world map */
.map-container { position: relative; height: auto; margin-top: 20px; }
#world-map { position: relative; width: 100%; height: 580px; z-index: 2; }
#map-legend { position: absolute; right: 27%; bottom: 0; width: 182px; min-width: 125px; width: 13.28%; z-index: 1; }
#map-legend img { width: 100%; }

/* vector map */
svg { touch-action: none; }
.jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; }
.jvectormap-tip { position: absolute; display: none !important; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; }
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #7E99A7; padding: 10px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; }
.jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; }
.jvectormap-zoomin { top: 10px; }
.jvectormap-zoomout { top: 30px; top: 45px; }
.jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; }
.jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif; base64,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); }
.jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; }
.jvectormap-legend-cnt { position: absolute; }
.jvectormap-legend-cnt-h { bottom: 0; right: 0; }
.jvectormap-legend-cnt-v { top: 0; right: 0; }
.jvectormap-legend { background: black; color: white; border-radius: 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; }
.jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; }
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; }
.jvectormap-legend-tick-text { font-size: 12px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; }
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; }

/* country list (mobile) */
#country-list { background: white; }

/* list legend */
.list-legend { font-style: italic; margin-bottom: 20px; }
.list-legend .legend-text { line-height: 36px; text-align: center; } 
.list-legend .legend-items .legend-item { float: left; width: 25%; line-height: 32px; text-align: center; color: white; background: #DB2F55; }
.list-legend .legend-items .legend-item-heavy { background: #E83147; }
.list-legend .legend-items .legend-item-robust { background: #FF775A; }
.list-legend .legend-items .legend-item-moderate { background: #FFE274; }
.list-legend .legend-items .legend-item-limited { background: #2AAD9B; }

#country-list .country-list { list-style: none; padding: 0 0 20px; }
#country-list .country-list li { margin-bottom: 5px; }
#country-list .country-list li a { display: block; line-height: 36px; background: #EAEEEE; color: #3A393A; }
#country-list .country-list li a:hover { background: #D8DBDB; }
#country-list .country-list li a span { display: inline-block; vertical-align: top; width: 35px; height: 36px; margin-right: 10px; background: #DB2F55; }
#country-list .country-list li a .item-heavy { background: #E83147; }
#country-list .country-list li a .item-robust { background: #FF775A; }
#country-list .country-list li a .item-moderate { background: #FFE274; }
#country-list .country-list li a .item-limited { background: #2AAD9B; }


/* ==========================================================================
  Country Insight page
  ========================================================================== */

/* country insight box */
.insight-box { position: relative; padding: 19px 18px 60px; background: white; }
.insight-box {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
.insight-box .insight-text { font-size: 16px; }
.country-selection-form { margin-bottom: 14px; }
.country-banner img { width: 100%; }
.country-banner-pano img { width: 100%; }
.double-country .country-banner-pano { display: none; }
.single-country .country-banner { display: none; }
#mobile-view .country-banner { display: block; }

/* insight country selection form */
.insight-country-selection-form { background: #EEF4F7; border: 1px solid #E4E4E4; padding: 17px 20px 0; font-size: 16px; overflow: hidden; margin-bottom: 14px; }
.insight-country-selection-form2 .country-selection-form-outer { float: left; position: relative; left: 50%; margin: 0 auto; }
.insight-country-selection-form2 .country-selection-form-inner { float: left; position: relative; left: -50%; margin: 0 auto; }
.insight-country-selection-form .country-drop-down { float: left; width: 420px; width: auto; margin-bottom: 14px; }
.insight-country-selection-form .comparison-country-input { float: right; }
.insight-country-selection-form .country-drop-down label { display: inline-block; vertical-align: top; line-height: 31px; margin-right: 16px; }
.insight-country-selection-form .country-drop-down .select-box { display: inline-block; vertical-align: top; width: 290px; width: 200px; }
.insight-country-selection-form .country-drop-down .select-box select { width: 100%; height: 31px; border: 1px solid #D4D9DC; }

.insight-country-selection-form .country-flag { display: inline-block; vertical-align: top; margin: 2px 8px 0 0; }
.insight-country-selection-form .country-name { display: inline-block; vertical-align: top; width: 136px; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 1; margin-top: 9px; }
.insight-country-selection-form .country-name[data-code="CD"] { margin-top: 1px; } /* for long country names */
.insight-country-selection-form .country-name[data-code="NL"] { margin-top: 1px; } /* for long country names */

/* last modified date */
.insight-box .last-modified { position: absolute; bottom: 25px; color: #9E9E9E; font-style: italic; }
#mobile-view .last-modified { color: #9E9E9E; font-style: italic; margin-top: 25px; }


/* single country view */
.single-country .side-panel { position: relative; float: left; width: 28.5%; }
.single-country .main-panel { margin-left: calc(28.5% + 16px); }
.single-country .browse-panel { width: 100%; overflow: hidden; }

/* double country view */
.double-country .side-panel { position: relative; float: left; width: 307px; width: 21.3%; }
.double-country .main-panel { margin-left: calc(21.3% + 16px); }
.double-country .browse-panel { width: 100%; overflow: hidden; }
.double-country .insight-box { float: left; width: 49.1%; }
.double-country .comparison-insight-box { float: right; }
.double-country .insight-box-right { float: right; }

/* insight accordion (mobile) */
#mobile-view { padding: 13px 0 25px; background: white; }
#mobile-view .insight-country-selection-form { border-color: #DCE0E1; }
#mobile-view .country-banner { margin-top: 20px; }
.accordion .accordion-item { margin-bottom: 3px; }
.accordion .accordion-header { display: block; color: #C6D8EB; padding: 10px 15px; background: #335C72; }
.accordion span.accordion-icon { display: inline-block;  width: 24px; height: 24px; margin-right: 7px; vertical-align: top; background-repeat: no-repeat; background-size: 24px 48px; }
.accordion .accordion-content { display: none; padding: 1px 0 20px; }
.accordion .active .accordion-header { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; color: #206182; background: white; }
.accordion .active .accordion-content { display: block; }
.accordion .active span.accordion-icon { background-position: 0 -24px; }
.accordion .accordion-key-contacts { margin-top: 20px; }


/* key contacts */
.insight-key-contacts { overflow: hidden; margin-bottom: 123px; }
.key-contact { margin-bottom: 20px; overflow: hidden; }
.key-contact .contact-thumbnail { float: left; width: 148px; padding-top: 4px; }
.key-contact .contact-thumbnail img { width: 128px; }
.key-contact .contact-details { margin-left: 148px; }
.key-contact .contact-details .contact-name { font-weight: bold; }

/* country disclaimer */
.common-country-disclaimer { position: absolute; left: 0; bottom: 20px; width: -webkit-calc(100% - 36px); width: -moz-calc(100% - 36px); width: calc(100% - 36px); padding: 9px 18px 9px; margin: 30px 18px 0; background: #f1f4f7; }
.common-country-disclaimer h2 { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #3A393A; }
.common-country-disclaimer a { color: #105f8d; }

/* client testimonials */
.client-testimonials { margin-bottom: 20px; overflow: hidden; }
.client-testimonials .client-testimonial { display: none; padding: 9px 18px 9px; background: #f1f4f7; }
.client-testimonials .client-testimonial:first-child { display: block; }
.client-testimonials .client-testimonial-text { font-style: italic; }
.client-testimonials .client-testimonial-name { margin-top: 12px; }
.client-testimonials .client-testimonial-company { font-weight: bold; }


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

.mobile-show { display: none; }

.logo-blue { display: none; }
.close-menu { display: none; }

.menu-mobile {
  display: none;
  min-width: 320px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.menu-mobile .logo-mobile-sticky { display: none; }
.menu-mobile .hamburger-sticky { display: none; }

.menu-mobile.sticky {
  background: white;
  -moz-box-shadow: -4px 3px 24px rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: -4px 3px 24px rgba(0, 0, 0, 0.27);
  box-shadow: -4px 3px 24px rgba(0, 0, 0, 0.27);
  position: fixed;
  z-index: 3;
  behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc);
}
.menu-mobile.sticky .logo-mobile { display: none; }
.menu-mobile.sticky .logo-mobile-sticky { display: block; }
.menu-mobile.sticky .hamburger { display: none; }
.menu-mobile.sticky .hamburger-sticky { display: block; }

.logo-sticky { display: none; }
.opened-menu .menu-mobile.sticky { box-shadow: none; }

/* hide menu */
.menu .menu-top,
.menu .menu-bottom { display: none; }

/* ==========================================================================
  Multi Select
  ========================================================================== */

.ui-multiselect { display: block; width: 100% !important; padding: 4px 0 3px 10px; margin: 0 !important; text-align: left; font-size: 16px !important; background: white; border: 1px solid #C8C8C8; border-radius: 3px !important; }
.ui-multiselect {
	background: #fdfdfd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f5f5f5 100%); /* W3C */
}
.lt-ie9 .ui-multiselect { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */ }
.ui-multiselect span.ui-icon { float: right; width: 32px; height: 20px; background: url(../img/icons/caret-down-dark-grey.png) no-repeat 10px 7px; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important; }
.ui-multiselect-single .ui-multiselect-header { display: none; }

.ui-multiselect-header { margin-bottom: 3px; margin: -3px -3px 3px; padding: 3px 0 3px 4px; border: none; }
.ui-multiselect-header ul { font-size: 16px; font-weight: normal; padding: 10px 15px; }
.ui-multiselect-header ul li { float:left; padding: 0 10px 0 0; }
.ui-multiselect-header a { text-decoration: none; }
.ui-multiselect-header a:hover { text-decoration: underline; }
.ui-multiselect-header span.ui-icon { float: left; margin-top: 1px; margin-right: 2px; }
.ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0; }
/* clearfix hack on ul */
.ui-multiselect-header ul:before,
.ui-multiselect-header ul:after {
	content: ' '; /* 1 */
	display: table; /* 2 */
}
.ui-multiselect-header ul:after {
	clear: both;
}

.ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left; }
/* sticky */
.ui-multiselect-menu.sticky { position: fixed; }
.ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll; }
.ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px; }
.ui-multiselect-checkboxes label input { position: relative; top: 0; margin: 0 10px; }
.ui-multiselect-checkboxes li { clear: both; font-size: 15px; font-weight: normal; color: #474745; padding-right: 3px; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none; }

/* remove label borders in IE6 because IE6 does not support transparency */
.lt-ie7 .ui-multiselect-checkboxes label { border: none; }

.ui-multiselect-hasfilter ul { position: relative; top: 2px; }
.ui-multiselect-filter { float: left; margin-right: 10px; margin: 5px 15px 5px; font-size: 15px; font-weight: normal; color: #474745; }
.ui-multiselect-filter input { width: 146px; font-size: 15px; margin-left: 21px; height: 23px; padding: 4px 6px; border: 1px solid #B7B1B1; -webkit-appearance: textfield; -webkit-box-sizing: content-box; }

/* ==========================================================================
  QTip
  ========================================================================== */

/* qTip2 v2.2.1 | Plugins:  tips viewport svg | Styles:  core css3 | qtip2.com | Licensed MIT | Sat Sep 27 2014 09: 36: 10 */

.qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; }
.qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; }
.qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: 700; }
.qtip-titlebar+.qtip-content { border-top-width: 0!important; }
.qtip-close { position: absolute; right: -9px; top: -9px; z-index: 11; cursor: pointer; outline: 0; border: 1px solid transparent; }
.qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; }
* html .qtip-titlebar .qtip-close { top: 16px; }
.qtip-icon .ui-icon,.qtip-titlebar .ui-icon { display: block; text-indent: -1000em; direction: ltr; }
.qtip-icon,.qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
.qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: 400 bold 10px/13px Tahoma,sans-serif; color: inherit; background: -100em -100em no-repeat; }
.qtip-default { border: 1px solid #F1D031; background-color: #FFFFA3; color: #555; }
.qtip-default .qtip-titlebar { background-color: #FFEF93; }
.qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; }
.qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; }
.qtip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15); }
.qtip-bootstrap,.qtip-rounded,.qtip-tipsy { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.qtip-rounded .qtip-titlebar { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.qtip-youtube { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: #fff; border: 0 solid transparent; background: #4A4A4A; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000)); background-image: -webkit-linear-gradient(top,#4A4A4A 0,#000 100%); background-image: -moz-linear-gradient(top,#4A4A4A 0,#000 100%); background-image: -ms-linear-gradient(top,#4A4A4A 0,#000 100%); background-image: -o-linear-gradient(top,#4A4A4A 0,#000 100%); }
.qtip-youtube .qtip-titlebar { background-color: transparent; }
.qtip-youtube .qtip-content { padding: .75em; font: 15px 'Gill Sans'; filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000); -ms-filter: "progid: DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); "; }
.qtip-youtube .qtip-icon { border-color: #222; }
.qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030; }
.qtip-jtools { background: #232323; background: rgba(0,0,0,.7); background-image: -webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323)); background-image: -moz-linear-gradient(top,#717171,#232323); background-image: -webkit-linear-gradient(top,#717171,#232323); background-image: -ms-linear-gradient(top,#717171,#232323); background-image: -o-linear-gradient(top,#717171,#232323); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; }
.qtip-jtools .qtip-titlebar { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; }
.qtip-jtools .qtip-content { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; }
.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar { background: 0 0; color: #fff; border: 0 dashed transparent; }
.qtip-jtools .qtip-icon { border-color: #555; }
.qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333; }
.qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.4); -moz-box-shadow: 4px 4px 5px rgba(0,0,0,.4); box-shadow: 4px 4px 5px rgba(0,0,0,.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; }
.qtip-cluetip .qtip-titlebar { background-color: #87876A; color: #fff; border: 0 dashed transparent; }
.qtip-cluetip .qtip-icon { border-color: #808064; }
.qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952; }
.qtip-tipsy { background: #000; background: rgba(0,0,0,.87); color: #fff; border: 0 solid transparent; font-size: 15px; font-family: 'Gill Sans', sans-serif; font-weight: normal; line-height: 16px; text-shadow: 0 1px #000; }
.qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; }
.qtip-tipsy .qtip-content { padding: 6px 10px; }
.qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none; }
.qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030; }
.qtip-tipped { border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: 400; font-family: serif; }
.qtip-tipped .qtip-titlebar { border-bottom-width: 0; color: #fff; background: #3A79B8; background-image: -webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D)); background-image: -webkit-linear-gradient(top,#3A79B8,#2E629D); background-image: -moz-linear-gradient(top,#3A79B8,#2E629D); background-image: -ms-linear-gradient(top,#3A79B8,#2E629D); background-image: -o-linear-gradient(top,#3A79B8,#2E629D); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; }
.qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589; }
.qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555; }
.qtip-bootstrap { font-size: 14px; line-height: 20px; color: #333; padding: 1px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.qtip-bootstrap .qtip-titlebar { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.qtip-bootstrap .qtip-titlebar .qtip-close { right: 11px; top: 45%; border-style: none; }
.qtip-bootstrap .qtip-content { padding: 9px 14px; }
.qtip-bootstrap .qtip-icon { background: 0 0; }
.qtip-bootstrap .qtip-icon .ui-icon { width: auto; height: auto; float: right; font-size: 20px; font-weight: 700; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); }
.qtip-bootstrap .qtip-icon .ui-icon:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40); }
.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; }
.qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; }
.qtip .qtip-tip,x: -o-prefocus { visibility: hidden; }
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas { position: absolute; color: #123456; background: 0 0; border: 0 dashed transparent; }
.qtip .qtip-tip canvas { top: 0; left: 0; }
.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; }


/* qtip customization */
.qtip { max-width: 350px; }
.qtip-shadow { -webkit-box-shadow: 2px 3px 5px 5px rgba(0,0,0,.3); -moz-box-shadow: 2px 3px 5px 5px rgba(0,0,0,.3); box-shadow: 2px 3px 5px 5px rgba(0,0,0,.3); } /* 1px 1px 5px 0px rgba(0,0,0,.6); */
.qtip-content { padding: 15px 30px !important; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }

/* custom qtip colours */
.qtip-rating-2 { background: #2AAD9B; }
.qtip-rating-3 { background: #FFE274; }
.qtip-rating-4 { background: #FF775A; }
.qtip-rating-5 { background: #E83147; }


/* ==========================================================================
  Dialog box
  ========================================================================== */

/* dialog box */
.dialog-box {
	-moz-box-shadow: -4px 3px 43px rgba(0, 0, 0, 0.42);
	-webkit-box-shadow: -4px 3px 43px rgba(0, 0, 0, 0.42);
	box-shadow: -4px 3px 43px rgba(0, 0, 0, 0.42);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background: white;
	width: 780px;
	position: absolute;
	left: 45px;
	top: 60px;
	z-index: 5000;
	/* display: none; */
	left: -999999px;
}
.lt-ie9 .dialog-box { zoom: 1; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.dialog-box .dialog-title { padding: 10px 25px; border-bottom: 1px solid #e0e0e0; font-family: 'Gill Sans Light'; font-weight: normal; font-size: 37px; text-transform: none; }
.dialog-box .dialog-message { padding: 2px 23px 12px; max-height: 700px; overflow: auto; color: #3A393A; font-weight: normal; }
.dialog-box .dialog-message a { font-weight: 400; }
.dialog-box a.close-button { display: block; position: absolute; right: 20px; top: 20px; color: #3A393A; font-family: 'Gill Sans Light'; font-weight: normal; font-size: 37px; width: 16px; height: 15px; line-height: 15px; cursor: pointer; }
.dialog-box a.close-button:hover { color: black; }


/* cookie policy notice */
.cookie-notice-dialog, .cookie-notice-dialog a.close-button { background: #00365E; }
.cookie-notice-dialog { position: absolute; position: fixed; z-index: 40000; bottom: 30px; right: 60px; width: 378px; right: 10%; max-width: 80%;  padding: 12px 30px; color: white; border: 4px solid white; font-size: 14px; }
.cookie-notice-dialog a { color: white; text-decoration: none; font-weight: bold; }
.cookie-notice-dialog a.close-button { display: block; width: 28px; height: 28px; line-height: 18px; text-align: center; font-size: 20px; position: absolute; right: -14px; top: -14px; border: 4px solid white; }
/* rounded cornders */
.cookie-notice-dialog { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 1px 9px 1px rgba(68,68,68,0.6); -webkit-box-shadow: 0px 1px 9px 1px rgba(68,68,68,0.6); box-shadow: 0px 1px 9px 1px rgba(34,34,34,0.6); behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.cookie-notice-dialog a.close-button { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0px 1px 9px 1px rgba(68,68,68,0.6); -webkit-box-shadow: 0px 1px 9px 1px rgba(68,68,68,0.6); box-shadow: 0px 1px 9px 1px rgba(34,34,34,0.6); behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.cookie-notice-dialog { visibility: hidden; /* hide initially */ }


/* ==========================================================================
   IE8 hacks
   ========================================================================== */

.lt-ie9 .ticker:after { width: 30%; }
.lt-ie9 .ticker:before { width: 30%; }
.lt-ie9 .about { box-shadow: 0px 1px 40px rgba(197, 197, 197, 0.6); behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.lt-ie9 .about:after { border-radius: 0; }


/* ==========================================================================
   Overwrite jQuery UI styling
   ========================================================================== */

.ui-widget {
	font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.ui-widget .ui-widget {
	font-size: 16px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

/* break word */
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


/* Clearfix*/
.cf:before, .about .container:before, .footer-content:before, .subpage-content:before, .menu-mobile:before,
.cf:after,
.about .container:after,
.footer-content:after,
.subpage-content:after,
.menu-mobile:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after, .about .container:after, .footer-content:after, .subpage-content:after, .menu-mobile:after {
  clear: both;
}

.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }

/* Style responsive */
@media (max-width: 1550px) {
  .left-subpage {
    width: 64%;
  }

  .right-subpage {
    width: 36%;
  }
}
@media (max-width: 1500px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
  
  #intelligence-popup,
  .intelligence-drop-down-button,
  .handbook-buttons { margin-right: 20px; }
}
@media (max-width: 1399px) {
  /* map legend */
  #map-legend { right: 26%; }
}
@media (max-width: 1310px) {
  /* insight country selection form */
  .insight-country-selection-form .country-drop-down .select-box { width: 180px; }
  .single-country .insight-country-selection-form .country-drop-down .select-box { width: 200px; } /* keep wider on single country view */
}
@media (max-width: 1260px) {
  /* insight country selection form */
  .insight-country-selection-form .country-drop-down .select-box { width: 150px; }
  .ui-multiselect-menu { min-width: 150px; }
}
@media (max-width: 1180px) {
  /* insight country selection form */
  .insight-country-selection-form .country-drop-down .select-box { width: 40px; }
  .insight-country-selection-form .country-drop-down .ui-multiselect span:not(.ui-icon) { display: none; }
  /* single view (wider) */
  .single-country .insight-country-selection-form .country-drop-down .ui-multiselect span:not(.ui-icon) { display: inline; }
  .single-country .insight-country-selection-form .country-drop-down .select-box { width: 180px; } /* keep wider on single country view */
}
@media (max-width: 1140px) {
  /* double country view side panel (set minimum width) */
  .double-country .side-panel { width: 233px; }
  .double-country .main-panel { margin-left: 251px; }
}
@media (max-width: 1124px) {
  /* handbook buttons */
  a.download-current-button { width: 165px; background-position: 0 -116px; }
  a.download-current-button span, a.download-current-button em { margin-left: 30px; }
  a.download-full-button { width: 165px; background-position: 0 -116px }
  a.download-full-button span, a.download-full-button em { margin-left: 30px; }
  a.download-pdf-button:hover { background-position: 0 -174px; }
  
  /* map legend */
  #map-legend { right: 26%; }
  
  /* insight country selection form single view (wider) */
  .single-country .insight-country-selection-form .country-drop-down .select-box { width: 150px; } /* keep wider on single country view */
}
@media (max-width: 1090px) {
  /* intelligence popup */
  #intelligence-popup { width: auto; margin: 0 20px; }	

  /* country selection form */
  .country-selection-form .country-selection-form-inputs { width: 910px; }
  .country-selection-form .country-drop-down { float: left; width: 380px; }
  .country-selection-form .country-drop-down .select-box { width: 250px; }
  .country-selection-form .country-drop-down .select-box select { width: 250px; }
  
  /* map */
  #world-map { height: 440px; }
  #map-legend { right: 25.5%; }
}
@media (max-width: 1050px) {
  .left-subpage {
    width: 71%;
  }

  .right-subpage {
    width: 29%;
  }
  
  /* map legend */
  #map-legend { right: 25%; }
}
/*@media (max-width: 1024px) {*/
@media (max-width: 1024px) {
  .container { width: 100%; padding: 0 20px; }
  
  /* expand browse panel */
  /* main panels */
  .fluid-width-layout .side-panel { position: relative; float: left; width: 233px; }
  .fluid-width-layout .main-panel { margin-left: 251px; }
  .fluid-width-layout .browse-panel { width: 233px; overflow: hidden; }
  .browse-panel { width: 233px; }

  /* main headline */
  .main-headline { font-size: 25px; font-size: 20px; }

  /* country selection form */
  .country-selection-form .country-selection-form-inputs { width: 690px; }
  .country-selection-form .country-drop-down { width: 270px; }
  .country-selection-form .country-drop-down label { display: none; }
  .country-selection-form .country-submit-button input[type="submit"] { width: 73px; }
  
  /* map legend */
  #map-legend { right: 24%; }
  
  /* key contacts */
  .key-contact .contact-thumbnail { width: 105px; }
  .key-contact .contact-thumbnail img { width: 90px; height: 93px; }
  .key-contact .contact-details { margin-left: 105px; }
}
@media (max-width: 990px) {
  /* insight country selection form (single view) */
  .single-country .insight-country-selection-form .country-drop-down .select-box { width: 40px; }
  .single-country .insight-country-selection-form .country-drop-down .ui-multiselect span:not(.ui-icon) { display: none; }
  /* only show normal banner */
  .country-banner-pano { display: none; }
  .country-banner { display: block; }
}
@media (max-width: 945px) {
  /* country selection form */
  .country-selection-form .country-selection-form-inputs { width: 690px; }
  .country-selection-form .country-drop-down { width: 245px; }
  .country-selection-form .country-drop-down .select-box { width: 225px; }
  .country-selection-form .country-drop-down .select-box select { width: 225px; }
}
@media (max-width: 900px) {
  #intelligence-popup,
  #intelligence-popup-overlay { display: none !important; }
  .intelligence-drop-down-button,
  .page-title,
  .handbook-buttons { display: none; }
  
  /* country selection form (show only one country) */
  .country-selection-form .country-drop-down { width: 270px; }
  .country-selection-form .country-drop-down .select-box { width: 250px; }
  .country-selection-form .comparison-country-input { display: none; }
  
  /* insight country selection form and insight box (show only one country) */
  .insight-country-selection-form .country-drop-down .select-box { width: 200px; }
  .insight-country-selection-form .country-drop-down .ui-multiselect span:not(.ui-icon) { display: inline; }
  .insight-country-selection-form .comparison-country-input { display: none; }
  .insight-box { float: none !important; width: auto !important; height: auto !important; /* disable equal height */ margin-bottom: 20px; }
  .comparison-insight-box { display: none; }
  /* single country view */
  .single-country .insight-country-selection-form .country-drop-down .select-box { width: 200px; }
  .single-country .insight-country-selection-form .country-drop-down .ui-multiselect span:not(.ui-icon) { display: inline; }
  
  /* main menu */
  nav.main { display: none; }
  
  /* menu */
  .menu { display: none; background: white; text-align: left; padding-bottom: 0; z-index: 3; transition: none; }
  .menu .menu-top,
  .menu .menu-bottom { display: block; }
  .menu .menu-top a,
  .menu .menu-bottom a { display: block; }
  
  .menu-bottom { position: static; padding-bottom: 0; }
  .menu-bottom a { font-size: 20px; font-size: 16px; color: #167BBC; }
  .menu-bottom a:hover { color: #333131; }

  .menu-top { position: absolute; position: relative; bottom: 0; padding: 0; width: calc(100% - 40px); }
  .menu-top a { font-size: 20px; font-size: 16px; font-style: italic; text-transform: capitalize; }
  .menu-top a { color: #333131; }
  .menu-top a:hover { color: #167BBC; }
  .menu-top li, .menu-bottom li { display: block; padding: 15px 0; border-top: 1px solid #b7b7b7; }

  .logo { display: none; }
  .logo-blue { display: block; padding-bottom: 20px; }

  .close-menu { display: block; position: absolute; top: 23px; right: 25px; display: none; z-index: 5; }
  .menu-mobile { display: block; padding-bottom: 10px; position: absolute; width: 100%; top: 0; }

  .logo-mobile { float: left; padding-top: 10px; }
  .hamburger { float: right; padding-top: 22px; }
  .menu.sticky .logo-sticky { display: none; }

  .opened-menu { position: relative; z-index: 9; }
  .opened-menu:after { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); content: ''; top: 0; left: 0; position: absolute; z-index: 100; }
}
@media (max-width: 775px) {
  /* insight country selection form */
  .insight-country-selection-form .country-drop-down .select-box { width: 180px; }
  /* single country view */
  .single-country .insight-country-selection-form .country-drop-down .select-box { width: 180px; }
}
@media (min-width: 768px) {
  /*
  .menu {
    display: block !important;
  }
  */
}
@media (max-width: 767px) { /* portrait tablet */
  /* hero */
  .hero { text-align: center; }
  
  .mobile-hidden { display: none; }
  .mobile-show { display: block; }
  
  /* main panels */
  #main .container { background: white; margin-bottom: 10px; }
  .insight-box { margin: 0; padding: 12px 0; box-shadow: none; }
  #main .side-panel { display: none; }
  #main .main-panel { margin: 0; padding: 0; }
  
  /* main headline */
  .main-headline { font-size: 25px; }
  .main-headline br { display: none; }

  /* footer */
  .footer-content { text-align: center; }
  .footer-content .copy br { display: none; }
  
  /* country drop down alignment */
  .insight-country-selection-form .country-drop-down { float: none; width: 100%; }
  .insight-country-selection-form .country-drop-down .select-box { float: right; }
}
@media (max-width: 664px) {
  .main-headline { font-size: 20px; }
}
@media (max-width: 620px) {
  .main-headline { font-size: 20px; }
}
@media (max-width: 540px) {
  /* header */
  header {
    background-size: cover;
  }
  .hero { padding-top: 78px; padding-bottom: 40px; }
  .main-headline br { display: block; }
}
@media (max-width: 520px) {
  .menu { padding-top: 10px; }
  .menu-bottom a { font-size: 16px; }
  .menu-top a { font-size: 16px; }
  .menu-top li, .menu-bottom li { padding: 10px 0; }
  .close-menu { top: 20px; }

  .logo-blue { padding-bottom: 10px; }
}
@media (max-width: 470px) {
  /* insight country selection form */
  .insight-country-selection-form .country-drop-down .select-box { width: 150px !important; }	
}
@media (max-width: 440px) {
  /* insight country selection form (reduce size to minimum) */
  .insight-country-selection-form .country-drop-down .select-box { width: 40px !important; }
  .insight-country-selection-form .country-drop-down .ui-multiselect span:not(.ui-icon) { display: none !important; }
}
@media print {
  h1, h2, h3, h4, h5, h6, p {
    color: black;
  }

  h1,
  .section-headline {
    font-size: 20px;
  }
  
  h2 {
  	font-size: 17px;
  }

  p,
  .section-text {
    font-size: 12px;
    line-height: 14px;
  }

  .about {
    padding-bottom: 0;
  }

  .about:after {
    content: none;
  }

  .right--about {
    display: none;
  }

  header {
    display: none;
  }

  footer {
    display: none;
  }

  .hero {
    padding: 20px 0;
  }

  .main-headline {
    font-size: 20px;
    color: black;
  }

  .btn {
    background: white;
    color: black;
    border: 1px solid black;
  }

  .speakers--list li {
    width: 15%;
  }

  .speakers__caption {
    font-size: 8px;
    color: black;
  }

  .speakers--list li img {
    width: 100px;
    height: 100px;
  }

  .view-all {
    display: none;
  }

  .schedule-item {
    display: block;
    height: auto;
    width: 100%;
    padding: 0;
    margin-bottom: 4px;
  }

  .schedule-item.left {
    height: auto;
    float: none;
    width: 100%;
  }

  .schedule-item.right {
    height: auto;
    float: none;
    width: 100%;
  }

  .accommodation {
    background: white;
  }

  .hotel-accommodation-box {
    background: white;
  }

  .section-headline--accommodation {
    color: black;
    font-size: 20px;
  }

  .accommodation p,
  .accommodation .section-text {
    color: black;
    font-size: 12px;
  }

  .schedule-headline {
    font-size: 15px;
  }

  .accommodation {
    height: 150px;
  }

  .schedule {
    padding-bottom: 0;
  }

  .section-headline--testimonials {
    color: black;
    font-size: 20px;
  }

  .testimonial-author {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .hotel-accommodation-box {
    padding-top: 0;
    padding-bottom: 0;
  }

  .right-subpage {
    display: none;
  }

  .accordion-content {
    display: block !important;
  }

  .books-image {
    display: none;
  }

  .accordion-item {
    border: none;
  }
}