/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
    font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
    font-weight: normal;
	/* -webkit-font-smoothing: antialiased; */
}

html {
	background: #f1f1f1;
    font-size: 17px;
    line-height: 1.3;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* treat search box as normal */
[type="search"] {
	-moz-appearance:    textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}

/* change the place hover colour for the search field (needs to be separated to work) */
#quick-search-panel ::-webkit-input-placeholder { /* WebKit browsers */
    color: white;
	opacity: 0.5;
}
#quick-search-panel :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
	opacity: 0.5;
}
#quick-search-panel ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
	opacity: 0.5;
}
#quick-search-panel :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white;
	opacity: 0.5;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* use border box model */
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box
}
*:before, *:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box
}

/* heading styles */
h1 { font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; line-height: 1.1; margin: 14px 0; color: #3F3E3E; }
h2 { font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.1; margin: 14px 0; color: #3F3E3E; }
h3 { font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.1; margin: 14px 0; color: #3F3E3E; }
h4 { font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; margin: 14px 0; color: #3F3E3E; padding: 20px 36px 25px 36px; background: #DEE4EA; }
h5 { font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; margin: 7px 0 10px 12px; color: #3F3E3E; padding: 20px 36px 25px 36px; background: #DEE4EA; float: right; width: 50%; }
strong { font-weight: 600; }
p { margin: 24px 0; }
/* not themeable headings */
h1.not-themeable { color: #3F3E3E !important; }
h2.not-themeable { color: #3F3E3E !important; }

/* link styles */
a { text-decoration: none; color: #257CC0; }
a:hover { text-decoration: none; color: #154A73; }
.not-themeable a,
a.not-themeable { text-decoration: none; color: #257CC0 !important; }
.not-themeable a:hover,
a.not-themeable:hover { text-decoration: none; color: #154A73 !important; }
a:active,
a:focus { outline: none; }

/* view all links */
a.view-all { font-size: 19px; text-transform: uppercase; }
span.view-all-sep { color: #257CC0; vertical-align: top; margin: 0 9px; }

/* back to top link */
a.back-to-top { display: block; margin: 20px 0; text-transform: uppercase; }

/* back link */
a.back-link { display: block; margin: 20px 0; text-transform: uppercase; color: #878686 !important; }

h1 a.rss { display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url(../img/buttons/rss-feed.png) no-repeat 0 0; text-indent: -99999px; }
h1 a.rss:hover { background-position: 0 -22px; }
.page-heading h1 a.rss { position: relative; top: -3px; }

/* tables */
table { border: 1px solid #222; border-collapse: collapse; }
table th,
table td { border: 1px solid #222; padding: 2px 5px; vertical-align: top; text-align: left; }

/* ==========================================================================
   Common items
   ========================================================================== */

/* common */
.content-wrapper { position: relative; width: 984px; margin: 0 auto; z-index: 10; }

/* header */
header .content-wrapper { z-index: 50; }
header #dla-piper-africa-logo { float: left; width: 130px; }
header #logo { position: absolute; right: 0; top: 1px; }
header .top-panel { padding: 1px; width: 984px; margin-top: 33px; background: transparent; background: white; }
/* top navigation */
header .top-panel .top-navigation-panel { position: relative; height: 45px; }
header #menu-top ul { position: absolute; right: 200px; top: 2px; list-style: none; }
header #menu-top ul li { display: inline-block; margin: 0 8px; }
header #menu-top a { font-size: 16px; text-transform: uppercase; color: #959697; }
header #menu-top a:hover { color: #044E7E; text-decoration: none; }
/* main navigation */
header .top-panel .main-navigation-panel { height: 56px; }
header #menu { float: left; position: relative; left: 12px; top: 0; width: 624px; z-index: 3000; }

/* full width drop down */
.full-width-drop-down { display: none; position: absolute; left: 0; top: 103px; width: 984px; padding: 1px 29px 27px; background: #F1F1F1; z-index: -1; }
.full-width-drop-down {
	-webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    4px 4px 15px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         4px 4px 15px 0px rgba(0, 0, 0, 0.4);
}
.full-width-drop-down ul { float: left; width: 48.5%; list-style: none; margin: 0; padding: 0; }
.full-width-drop-down ul.drop-down-col1 { margin-right: 1.5%; }
.full-width-drop-down ul.drop-down-col2 { margin-left: 1.5%; }
.full-width-drop-down ul li { display: block; margin: 0 0 5px; }
.full-width-drop-down ul li a { display: block; line-height: 37px; padding: 0 13px; color: white; background: #0588da; }
.full-width-drop-down ul li a:hover { background: #03629e; text-decoration: none; }

/* quick search form */
#quick-search-panel { position: absolute; right: 200px; top: 56px; z-index: 2000; }
#quick-search-panel a.close-button { display: block; position: absolute; right: 0; top: 0; width: 34px; height: 45px; line-height: 34px; text-align: center; font-size: 24px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; color: white; background: #0181D2; opacity: 1; }
#quick-search-panel a.close-button:hover { text-decoration: none; }
#quick-search-panel .quick-search-form { position: absolute; right: 0; top: 45px; width: 225px; height: 44px; padding: 8px 0 8px 8px; background: #0181D2; }
#quick-search-panel .input { width: 217px; overflow: hidden; }
#quick-search-panel input.text-field { width: 208px; height: 24px; line-height: 24px; padding: 2px 4px; border: none; font-size: 14px; color: white; background: #0181D2; }
#quick-search-panel .quick-search-button { position: absolute; right: 0; top: 0; width: 34px; height: 34px; }
#quick-search-panel .quick-search-button:hover { /*background: #240045;*/ }
#quick-search-panel .quick-search-button:hover .search-button { background-position: 0 -34px; }
#quick-search-panel .search-button { display: block; position: absolute; left: 0; top: 5px; border: none; width: 34px; height: 34px; background: url(../img/buttons/search-button.png) no-repeat 0 0; text-indent: -99999px; cursor: pointer; z-index: 5; opacity: 0; }
#quick-search-panel .search-button:hover { background-position: 0 -34px; }
#quick-search-panel input.search-button { background-image: url(../img/buttons/search-button2.png); opacity: 1; }
.lt-ie9 #quick-search-panel .search-button { visibility: hidden; }
.lt-ie9 #quick-search-panel input.search-button { visibility: visible; }
/* collapsed state */
#quick-search-panel .input.collapsed { width: 0; }
#quick-search-panel a.close-button.collapsed { height: 28px; opacity: 0; }
#quick-search-panel .quick-search-form.collapsed { width: 28px; padding: 0; top: 0; background: transparent; }
#quick-search-panel input.text-field.collapsed { opacity: 0; }
#quick-search-panel .search-button.collapsed { top: 0; opacity: 1; }
#quick-search-panel .search-button.collapsed:hover { background-position: 0 -34px; }
#quick-search-panel input.search-button.collapsed { opacity: 0; }
.lt-ie9 #quick-search-panel a.close-button.collapsed { visibility: hidden; }
.lt-ie9 #quick-search-panel input.text-field.collapsed { visibility: hidden; }
.lt-ie9 #quick-search-panel .search-button.collapsed { visibility: visible; }
.lt-ie9 #quick-search-panel input.search-button.collapsed { visibility: hidden; }


/* pager */
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: -25px; overflow: hidden; }
.cycle-pager span { font-family: Arial; font-size: 38px; width: 16px; height: 16px; display: inline-block; color: #83888B; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #0073cf; }
.cycle-pager > * { cursor: pointer; }

/* footer */
footer { padding: 16px 0 30px; font-size: 15px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; color: #9D9797; }
footer {
	background: #dddddd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dddddd 0%, #e8e8e8 27%, #f1f1f1 58%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(27%,#e8e8e8), color-stop(58%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#e8e8e8 27%,#f1f1f1 58%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#e8e8e8 27%,#f1f1f1 58%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#e8e8e8 27%,#f1f1f1 58%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddddd 0%,#e8e8e8 27%,#f1f1f1 58%,#f1f1f1 100%); /* W3C */
}
.lt-ie9 footer { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */ }
footer .copyright-notice {  }
footer .footer-links { font-size: 14px; text-transform: uppercase; }
footer a { color: #9D9797; }
footer a:hover { color: #222; }

/* ==========================================================================
   Sub page
   ========================================================================== */

/* fixed sub page banner */
.sub-page header { width: 100%; height: 203px; position: fixed; left: 0; top: 0; z-index: 50; }
.sub-page { padding-top: 203px; }
.sub-page .header-bottom-panel { position: relative; height: auto; padding-bottom: 16px; background: white url(../img/elements/sub-page-header-shadow.png) no-repeat center bottom; }
.sub-page .header-bottom-panel .content-wrapper { min-height: 60px; }
.sub-page .header-bottom-panel .page-heading { width: 770px; padding: 1px 0; }
.sub-page .header-bottom-panel .page-heading h1 { font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }
.about-us-page .header-bottom-panel,
.careers-page .header-bottom-panel { background: #F1F1F1; }
.global-reach-page .header-bottom-panel,
.corporate-responsibility-page .header-bottom-panel,
.contact-us-page .header-bottom-panel { background: #FFFFFF; }
.about-us-page .header-bottom-panel .content-wrapper,
.global-reach-page .header-bottom-panel .content-wrapper,
.careers-page .header-bottom-panel .content-wrapper,
.corporate-responsibility-page .header-bottom-panel .content-wrapper,
.contact-us-page .header-bottom-panel .content-wrapper { min-height: 48px; }

/* banner */
#banner { position: absolute; left: 0; top: 0; width: 100%; height: 203px; z-index: 20; overflow: hidden; }
#banner .banner-item { width: 100%; height: 100%; }

/* banner */
.sub-page #banner .banner-item img { position: absolute; left: 0; top: 0; min-width: 2000px; width: 100%; }
.lt-ie9 .sub-page #banner .banner-item img { width: 2000px; }
@media screen and (max-width: 2000px) { /* Specific to these particular images */
	.sub-page #banner .banner-item img {
		left: 50%;
		margin-left: -1000px;   /* 50% */
	}
}

/* banner text */
.sub-page .banner-text { width: 700px; margin-top: 150px; }
.sub-page .banner-text h1 { font-size: 32px; font-weight: 400; line-height: 1; margin: 0; text-transform: uppercase; color: white; }

/* bottom panel */
.header-bottom-panel { position: relative; height: 51px; line-height: 51px; background: #F1F1F1; }
.no-js .bottom-panel .share-buttons { display: none; }

.header-bottom-panel .share-buttons { position: absolute; right: 0; top: 5px; height: 51px; line-height: 51px; font-size: 15px; font-weight: 400; color: #767674; text-transform: uppercase; }
.header-bottom-panel .share-buttons a { color: #767674; }
.header-bottom-panel .share-buttons a.print-button { display: inline-block; vertical-align: top; }
.header-bottom-panel .share-buttons .sep { margin: 0 7px; }
.header-bottom-panel .share-buttons .addthis-buttons { display: inline-block; vertical-align: top; height: 51px; }
.header-bottom-panel .share-buttons .addthis-buttons > div { display: inline-block; vertical-align: top; }
.header-bottom-panel .share-buttons .addthis-buttons .addthis-label { margin-right: 5px; }
.header-bottom-panel .share-buttons .addthis-buttons .addthis_toolbox { height: 51px; }
.header-bottom-panel .share-buttons .addthis-buttons .addthis_toolbox a { display: block; float: left; height: 51px !important; padding-top: 16px !important; }
.header-bottom-panel .share-buttons .addthis-buttons .addthis_toolbox a img { display: block; margin: 0 !important; }
.header-bottom-panel .share-buttons .addthis-buttons .addthis_toolbox a:hover img { opacity: 0.8; }


/* main panel */
.sub-page .header-bottom-panel .page-heading { margin-left: 214px; margin-left: 0; }
.sub-page #main { background: white; }
.sub-page .side-panel { display: block; float: left; width: 187px; margin-right: 27px; }
.sub-page .main-panel { display: block; float: left; width: 770px; padding-bottom: 30px; }
.long-scrolling-page .main-panel { float: none; margin-left: 214px; }

/* right aligned */
.right-aligned .header-bottom-panel .page-heading { margin-left: 0; }
.right-aligned .side-panel { float: right; margin-left: 27px; margin-right: 0; }
.right-aligned .main-panel { margin-left: 0; }

/* full width layout */
.full-width-layout .header-bottom-panel .page-heading { margin-left: 0; }
.full-width-layout .main-panel { width: auto; margin: 0; }
.full-width-layout .main-panel .text-panel { padding: 7px 26px 30px 24px; }

/* browse panel */
nav.browse-panel { margin: 19px 0 30px; }
nav.browse-panel ul { padding: 0; margin: 0; }
nav.browse-panel ul li a { display: block; font-size: 18px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; color: #257CC0; padding: 8px 10px; border-top: 1px solid #C3C2C2; background: #EDEDED; }
nav.browse-panel ul li:first-child a { border-top: none; }
nav.browse-panel ul li a.current,
nav.browse-panel ul li a:hover { color: white; background: #257CC0; text-decoration: none; }
/* sticky */
nav.browse-panel.sticky { position: fixed; top: 0; width: 187px; z-index: 10000; margin-top: 223px; }


/* side panel */
.side-panel .related-panel { margin: 13px 0 30px; }
.side-panel .related-panel h2 { padding: 6px 12px; font-size: 17px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; text-transform: uppercase; }

.side-panel .text-panel { margin: 19px 0 30px; padding: 17px 17px 30px; min-height: 218px; background: #E2E9EC url(../img/elements/text-panel.jpg) no-repeat left top; }
.side-panel .text-panel h3 { margin: 0; font-size: 19px; }
.side-panel .text-panel p { font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

/* related links panel */
.related-links-panel .related-links-list h3 { padding-top: 14px; margin-top: 14px; border-top: 1px solid #D3D3D3; }
.related-links-panel .related-links-list h3:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.related-links-panel .related-links-list ul.link-list { list-style: none; margin: 0; padding: 0; color: #434141; }
.related-links-panel .related-links-list div.link-list a { display: block; margin: 4px 0 9px; }

/* main panel */
.intro-text { font-size: 24px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

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

/* header */
.home-page header { padding: 1px; }
.home-page header .content-wrapper { height: 581px; }

/* banner */
.home-page #banner { height: 616px; overflow: hidden; }
.home-page #banner .banner-item img { position: absolute; left: 0; top: 0; min-width: 2000px; width: 100%; }
.lt-ie9 .home-page #banner .banner-item img { width: 2000px; }
@media screen and (max-width: 2000px) { /* Specific to these particular images */
	.home-page #banner .banner-item img {
		left: 50%;
		margin-left: -1000px;   /* 50% */
	}
}

/* banner text */
.home-page .banner-text { position: absolute; bottom: -36px; width: auto; padding: 13px 27px 14px 31px; font-size: 22px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; color: white; line-height: 1.2; margin: 0; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.75); }
.home-page .banner-text h1 { font-size: 55px; font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; text-transform: uppercase; color: white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); }
.home-page .banner-text h2 { font-size: 45px; font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; text-transform: uppercase; color: #EAB8E2; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); margin-top: -10px; }

/* headings */
.home-page section h2 { font-size: 32px; font-weight: 400; }

/* news section */
.news-section { padding: 1px 0 30px; }
.news-section .news-scroller { position: relative; margin-left: -6px; }
.news-section .news-scroller .news-scroller-inner { overflow: hidden; }
.news-section .news-scroller .scroller-buttons a { position: absolute; top: 76px; display: block; width: 15px; height: 22px; background: url(../img/buttons/news-prev.png) no-repeat 0 0; z-index: 1000; text-indent: -99999px; }
.news-section .news-scroller .scroller-buttons a.cycle-prev { left: -22px; }
.news-section .news-scroller .scroller-buttons a.cycle-next { right: -22px; background-image: url(../img/buttons/news-next.png); }
.news-section .news-scroller .scroller-buttons a:hover { background-position: 0 -22px; }
.news-section .news-scroller .row { width: 1002px; margin-left: 6px; margin-right: -18px; }
/* articles without teaser */
.news-section .publication-item { display: inline-block; vertical-align: top; position: relative; width: 182px; height: 376px; margin: 0 14px 14px 0; /* background: url(../modules/publications/publication-item-back.png) no-repeat left bottom; */ }
.news-section .publication-item a { display: block; height: 376px; }
.news-section .publication-item a:hover { text-decoration: none; }
.news-section .publication-item .publication-item-inner { display: block; position: relative; height: 376px; overflow: hidden; }
.news-section .publication-item img { display: block; position: relative; top: 0; width: 182px; height: 182px; }
.news-section .publication-item .details { display: block; position: relative; top: 0; height: 185px; font-size: 18px; font-weight: normal; margin: 5px 0 20px; overflow: hidden; }
.news-section .publication-item .details span { display: block; }
.news-section .publication-item .details .meta { font-style: italic; }
.news-section .publication-item .pdf-marker { display: block; position: absolute; left: -6px; top: 10px; width: 38px; height: 24px; font-size: 12px; font-weight: 200; color: white; text-decoration: none; text-indent: 9px; letter-spacing: 1px; background: url(../modules/publications/pdf-marker.png) no-repeat 0 0; }
.news-section .publication-item .teaser { display: none; height: 376px; position: absolute; top: 100%; padding: 10px 12px; font-size: 18px; }
.news-section .publication-item .teaser .teaser-text { display: block; height: 305px; overflow: hidden; }
.news-section .publication-item a:hover .details .title { color: #257cc0 !important; }


/* ==========================================================================
  jVectorMap
  ========================================================================== */
 
.jvectormap-label {
	position: absolute;
	display: none !important;
	border: solid 1px #CDCDCD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #292929;
	color: white;
	font-size: smaller;
	padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
	display: none;
	position: absolute;
	left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #292929;
	padding: 3px;
	color: white;
	width: 10px;
	height: 10px;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
}

.jvectormap-zoomin {
	top: 10px;
}

.jvectormap-zoomout {
	top: 30px;
}

/* qtip customization */
.qtip { max-width: 350px; }
.qtip-content { padding: 10px 14px !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.qtip em { font-weight: 200; }


/* ==========================================================================
   Features
   ========================================================================== */

/* people profile right panel item */
a.people-profile-item { display: block; margin: 0 0 20px; }
a.people-profile-item img { display: block; }
a.people-profile-item .title { display: block; margin-top: 6px; }

/* key contact */
.key-contact-panel .key-contact { margin: 0 0 20px; }
.key-contact-panel .key-contact .image { display: block; margin-bottom: 8px; }
.key-contact-panel .key-contact .name { font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-weight: bold; }
.key-contact-panel .key-contact a { display: block; }
.key-contact-panel a.view-all { font-size: 17px; }

/* news items (people and legal service detail pages) */
.news-items .news-item { margin: 10px 0 20px; }
.news-items .news-item a { display: block; }
.news-items .news-item .meta { display: block; font-style: italic; color: #818383; }


/* firm leadership page */
.firm-leadership-list .row { margin: 20px -10px 30px 0; }
.firm-leadership-list .profile-item { float: left; width: 185px; margin-right: 10px; }
.firm-leadership-list .profile-item .image { display: block; margin-bottom: 15px; }
.firm-leadership-list .profile-item .details .name { font-weight: bold; }

/* news detail page */
.news-detail .article-top { overflow: hidden; margin: 17px 0 24px; }
.news-detail .article-top .image { display: block; float: left; width: 182px; margin: 4px 21px 0 0; }
.news-detail .article-top .image img { width: 182px; height: 182px; }
.news-detail .article-top .details { display: block; margin-left: 203px; overflow: hidden; }
.news-detail .article-top .details h1 { margin-top: 0; line-height: 1; font-size: 30px; }
.news-detail .article-top .details h2 { line-height: 1; font-size: 24px; }
.news-detail .article-top .details .meta { color: #626260; font-size: 18px; font-style: italic; }
.news-detail .article-top .details .meta time { display: block; }
/* download button */
.news-detail .attachment-box { padding: 20px 25px; color: #4B4B49; background: url(../img/elements/shading.png) repeat 0 0; }
.news-detail a.download-button { display: block; width: 194px; height: 44px; line-height: 41px; margin: 16px 0 10px; color: #4B4B49 !important; font-size: 14px; font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; font-weight: bold; text-indent: 47px; text-transform: uppercase; background: url(../img/buttons/download-button.png) no-repeat 0 0; }
.news-detail a.download-button:hover { color: black; text-decoration: none; background-position: 0 -44px; }
/* related news articles */
.related-news-articles h3 { font-size: 24px; }

/* brochure display */
.brochure-items .row { margin: 10px -20px 20px 0; }
.brochure-items .brochure-item { float: left; display: block; width: 25%; /* width: 152px; margin-left: 30px; */ margin-bottom: 10px; }
.brochure-items .brochure-item:first-child { margin-left: 0; }
.brochure-items .brochure-item .image img {
	display: block;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.5);
}
.brochure-items .brochure-item .title { display: block; width: 152px; margin-top: 10px; }

/* sliding image tour */
.sliding-image-tour {
	position: relative;
	width: 748px; width: 723px; padding: 13px; margin: 0 0 40px;
	-webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    3px 3px 15px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         3px 3px 15px 0px rgba(0, 0, 0, 0.4);
}
.lt-ie9 .sliding-image-tour { background: white; box-shadow: 3px 3px 15px 0px rgb(100,100,100); zoom: 1; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.sliding-image-tour .cycle-pager { bottom: -45px; }
.sliding-image-tour .tour-pages { width: 722px; width: 697px; overflow: hidden; }
.sliding-image-tour .tour-page { width: 722px; width: 697px; font-size: 17px; }
.sliding-image-tour .tour-page .image { position: relative; }
.sliding-image-tour .tour-page .image img { display: block; }
.sliding-image-tour .tour-page .buttons a { display: block; position: absolute; top: 50%; left: 0; width: 33px; height: 56px; margin-top: -28px; background: url(../img/buttons/tour-prev.png) no-repeat 0 0; text-indent: -99999px; }
.sliding-image-tour .tour-page .buttons a:hover { background-position: 0 -56px; }
.sliding-image-tour .tour-page .buttons a.cycle-next { left: auto; right: 0; background-image: url(../img/buttons/tour-next.png); }
.sliding-image-tour h3 { font-size: 23px; color: #257CC0; margin: 20px 0 -9px; }

/* simple sliding image tour */
.sliding-image-tour-simple { position: relative; width: 772px; height: 461px; margin: 25px 0 40px; }
.sliding-image-tour-simple .cycle-pager { bottom: -55px; }
.sliding-image-tour-simple .tour-pages { width: 722px; height: 461px; overflow: hidden; }
.sliding-image-tour-simple .tour-page { width: 722px; height: 461px; font-size: 22px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }
.sliding-image-tour-simple .tour-page img { display: block; }
.sliding-image-tour-simple .tour-page .description { position: absolute; left: 0; top: 0; padding: 90px 0 0 50px; width: 356px; color: white; }

/* social media page */
.social-media-page .social-media-links { margin: 5px -12px 20px 0; }
.social-media-page .social-media-links a.social-media-link { float: left; width: 377px; height: 244px; margin: 0 12px 12px 0; background: url(../img/elements/social-media-back.jpg) no-repeat 0 0; }
.social-media-page .social-media-links a.social-media-link .image { display: block; width: 54px; margin: 59px auto 25px; }
.social-media-page .social-media-links a.social-media-link .text { display: block; width: 200px; margin: 0 auto; text-align: center; }
.social-media-page .social-media-links a.social-media-link:hover { text-decoration: none; }

/* ==========================================================================
   About us page
   ========================================================================== */
   
/* background images */
.background-images { position: absolute; left: 0; top: 0; width: 100%; height: 567px; overflow: hidden; z-index: 20; }
.background-images .background-image { width: 100%; }
.background-images .background-image img { position: absolute; left: 0; top: 0; min-width: 2000px; width: 100%; }
.lt-ie9 .background-images .background-image img { width: 2000px; }
@media screen and (max-width: 2000px) { /* Specific to these particular images */
	.background-images .background-image img {
		left: 50%;
		margin-left: -1000px;   /* 50% */
	}
}

/* headings */
.about-us-page h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }


/* overview section */
.about-us-page #overview-section .background-images { height: 567px; }
.about-us-page #overview-section { position: relative; height: 567px; }
.about-us-page #overview-section .content-wrapper { padding: 24px 0; z-index: 30; height: 567px; }
.about-us-page #overview-section .text-panel { position: absolute; left: 0; bottom: 0; padding: 6px 33px 6px 214px; color: white; font-size: 22px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.84); }
.about-us-page #overview-section .text-panel h1 { color: white; }
.about-us-page #overview-section .text-panel a:hover { color: white; }


/* stat section */
.about-us-page #stats-section { padding: 10px 0; background: #C8D1D6 url(../img/elements/stats-back.jpg) repeat-y center top; }
.about-us-page #stats-section .main-panel { position: relative; }
/* pager */
.about-us-page #stats-section .cycle-pager { z-index: 500; position: absolute; left: 5px; bottom: 25px; }
/* stat scroller */
.stat-scroller { margin: 30px -14px 30px -20px; overflow: hidden; }
.stat-scroller .row { width: 801px; height: 223px; }
.stat-scroller .stat-item { display: inline-block; vertical-align: top; position: relative; width: 256px; height: 223px; padding: 0 0 19px 20px; margin-right: 11px; line-height: 1.3; font-size: 17px; overflow: hidden; background: url(../img/elements/stat-item.png) no-repeat left top; }
.stat-scroller .stat-item .stat-image { position: absolute; left: 20px; top: 0; z-index: 1; }
.stat-scroller .stat-item .stat-text { position: absolute; left: 20px; bottom: 39px; width: 160px; margin: 0 38px; text-align: center; z-index: 2; }


/* four pillars section */
.about-us-page #four-pillars-section { padding: 10px 0; background: white; }
/* values diagram */
.about-us-page .values-diagram { position: relative; height: 183px; margin: 42px 0 36px; }
.about-us-page .values-diagram .values-item { display: block; position: absolute; left: 0; bottom: 0; width: 183px; height: 183px; color: white; background: #FFBB42; overflow: hidden; transition: all 0.2s ease; }
.about-us-page .values-diagram .values-item .number { display: block; position: absolute; left: 0; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #F39E2C; }
.about-us-page .values-diagram .values-item .title,
.about-us-page .values-diagram .values-item .description {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-us-page .values-diagram .values-item .description p {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}
.about-us-page .values-diagram .values-item .title { text-align: center; width: 189px; height: 183px; padding: 10px; line-height: 1; font-size: 30px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }
.about-us-page .values-diagram .values-item .description { position: absolute; left: 0; top: 0; width: 257px; height: 224px; padding: 0 20px 0 48px; text-align: left; line-height: 1.2; background: #FFBB42; opacity: 0; transition: opacity 0.2s ease; }
.lt-ie9 .about-us-page .values-diagram .values-item .title,
.ie9 .about-us-page .values-diagram .values-item .title { display: block; padding-top: 60px; }
.lt-ie9 .about-us-page .values-diagram .values-item .description,
.ie9 .about-us-page .values-diagram .values-item .description { top: 183px; padding-top: 50px; }
/* hover effect */
.about-us-page .values-diagram .values-item:hover { width: 257px; height: 224px; margin-left: -37px; text-decoration: none; }
.about-us-page .values-diagram .values-item:hover .number { z-index: 101; }
.about-us-page .values-diagram .values-item:hover .description { top: 0; z-index: 100; opacity: 1; }
/* other items */
.about-us-page .values-diagram .values-item-2 { left: 183px; background: #8EC641; }
.about-us-page .values-diagram .values-item-2 .description { background: #8EC641; }
.about-us-page .values-diagram .values-item-2 .number { background: #5DAE29; }
.about-us-page .values-diagram .values-item-3 { left: 366px; background: #0D964D; }
.about-us-page .values-diagram .values-item-3 .description { background: #0D964D; }
.about-us-page .values-diagram .values-item-3 .number { background: #067238; }
.about-us-page .values-diagram .values-item-4 { left: 549px; background: #0DAFE4; }
.about-us-page .values-diagram .values-item-4 .description { background: #0DAFE4; }
.about-us-page .values-diagram .values-item-4 .number { background: #069DCE; }


/* our values section */
.about-us-page #our-values-section { position: relative; height: 500px; }
.about-us-page #our-values-section .background-images { height: 500px; }
.about-us-page #our-values-section .content-wrapper { padding: 24px 0; z-index: 20; height: 500px; }
.about-us-page #our-values-section .text-panel { position: absolute; left: 214px; bottom: 42px; width: 480px; padding: 9px 26px 9px 33px; color: white; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.74); }
.about-us-page #our-values-section .text-panel h2 { color: white; font-size: 37px; }
.about-us-page #our-values-section .text-panel ul { margin-left: 0; padding-left: 18px; }
.about-us-page #our-values-section .text-panel a:hover { color: white; }


/* client care section */
.about-us-page #client-care-section { padding: 10px 0 25px; background: white; }


/* knowledge management section */
.about-us-page #knowledge-management-section { background: url(../img/elements/knowledge-management-background.jpg) center top no-repeat, url(../img/elements/knowledge-management-repeat.png) center top repeat-y, #B0BDC4; }
.lt-ie9 .about-us-page #knowledge-management-section { -pie-background: url(../img/elements/knowledge-management-background.jpg) center top no-repeat, url(../img/elements/knowledge-management-repeat.png) center top repeat-y, #B0BDC4; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.about-us-page #knowledge-management-section .content-wrapper { padding: 10px 0; }
/* knowledge management diagram */
.about-us-page .knowledge-management-diagram { position: relative; height: 386px; margin: 30px 0 0 4px; background: url(../img/elements/knowledge-management-diagram.png) no-repeat 0 0; }
.about-us-page .knowledge-management-diagram .knowledge-management-item { position: absolute; width: 181px; height: 105px; font-size: 16px; text-align: center; text-transform: uppercase; overflow: hidden; }
.about-us-page .knowledge-management-diagram .knowledge-management-item .title { position: relative; left: 50%; float: left; }
.about-us-page .knowledge-management-diagram .knowledge-management-item .title .title-inner { position: relative; left: -50%; float: left; }
.about-us-page .knowledge-management-diagram .text-white { color: white; }
.about-us-page .knowledge-management-diagram .text-grey { color: #434141; }
.about-us-page .knowledge-management-diagram .col-1 { left: 17px; }
.about-us-page .knowledge-management-diagram .col-2 { left: 229px; }
.about-us-page .knowledge-management-diagram .col-3 { left: 440px; }
.about-us-page .knowledge-management-diagram .row-1 { top: 42px; }
.about-us-page .knowledge-management-diagram .row-2 { top: 226px; }
.about-us-page .knowledge-management-diagram .col-1.row-2 { left: 124px; }
.about-us-page .knowledge-management-diagram .col-2.row-2 { left: 336px; }
.about-us-page .knowledge-management-diagram .col-3.row-2 { left: 547px; }


/* key awards section */
.about-us-page #market-recognition-section { padding: 10px 0; background: white; }
.about-us-page #market-recognition-section .main-panel { position: relative; }
.about-us-page #market-recognition-section .cycle-pager { bottom: 35px; }
/* key awards scroller */
.about-us-page .key-award-scroller { margin: 20px -36px 15px 0; width: 816px; overflow: hidden; }
.about-us-page .key-award-scroller .row { width: 816px; overflow: hidden; }
.about-us-page .key-award-scroller .key-award-item { display: block; float: left; width: 270px; height: 395px; padding: 34px 66px 77px 34px; color: #414141; background: url(../img/elements/key-award-frame.jpg) no-repeat 0 0; }
.about-us-page .key-award-scroller a.key-award-item:hover { color: #1364a3; text-decoration: none; }
.about-us-page .key-award-scroller .key-award-item .image { height: 122px; }
.about-us-page .key-award-scroller .key-award-item .text { height: 162px; overflow: hidden; }
.about-us-page .key-award-scroller .key-award-item .text .title { font-style: italic; }


/* history section */
.about-us-page #history-section { background: white; }
.about-us-page #history-section .content-wrapper { padding: 10px 0 5px; }
/* history timeline */
#history-timeline { width: 770px; height: 350px; overflow: hidden; margin: 12px auto; position: relative; background: url('../img/timeline/dot.gif') repeat-x left 62px; }
#history-timeline .dates { width: 770px; height: 60px; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; }
#history-timeline .dates li { list-style: none; float: left; width: 100px; height: 50px; font-size: 26px; text-align: center; background: url('../img/timeline/biggerdot.gif') center bottom no-repeat; color: #95928F; }
#history-timeline .dates a { line-height: 38px; padding-bottom: 10px; color: inherit; text-decoration: none; }
#history-timeline .dates .selected { color: #0181d2; }
#history-timeline .issues { width: 770px; height: 350px; overflow: hidden; margin-top: -28px; }
#history-timeline .issues li { width: 770px; height: 350px; list-style: none; float: left; }
#history-timeline .issues .year h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 44px; font-weight: normal; margin: 14px 0; color: #0181d2; }
#history-timeline .issues .year { float: left; width: 200px; text-align: center; margin: 26px 0px; }
.lt-ie7 #history-timeline .issues .year { margin: 13px 0px; }
#history-timeline .issues .description { float: left; width: 350px; margin: 24px 0; }
.lt-ie7 #history-timeline .issues .description { margin: 12px 0px; }
#history-timeline .gradient-left, #history-timeline .gradient-right { width: 111px; height: 350px; position: absolute; top: 0; }
.lt-ie7 #history-timeline .gradient-left, .lt-ie7 #history-timeline .gradient-right { display: none; }
#history-timeline .gradient-left { left: 0; background: url('../img/timeline/gradient-left.png') repeat-y left top; }
#history-timeline .gradient-right { right: 0; background: url('../img/timeline/gradient-right.png') repeat-y right top; }
#history-timeline .next-button, 
#history-timeline .prev-button { position: absolute; top: 0; font-size: 70px; top: 30px; width: 30px; height: 158px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
#history-timeline .next-button:hover, 
#history-timeline .prev-button:hover { background-position: 0 -158px; }
#history-timeline .next-button { right: 0; background-image: url('../img/timeline/next.png'); }
#history-timeline .prev-button { left: 0; background-image: url('../img/timeline/prev.png'); }
#history-timeline .disabled { opacity: 0.2; }


/* ==========================================================================
   Global reach page
   ========================================================================== */

/* headings */
.global-reach-page h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

/* overview section */
.global-reach-page #overview-section { position: relative; height: 607px; }
.global-reach-page #overview-section .background-images { height: 607px; }
.global-reach-page #overview-section .content-wrapper { padding: 24px 0; z-index: 30; height: 607px; }
.global-reach-page #overview-section .text-panel { position: absolute; left: 0; bottom: 0; padding: 6px 33px 6px 214px; color: white; font-size: 22px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.84); }
.global-reach-page #overview-section .text-panel h1 { color: white; }
.global-reach-page #overview-section .text-panel a:hover { color: white; }

/* international alliance section */
.global-reach-page #international-alliance-section {
  padding: 10px 0;
  background: #E8ECEF;
  background:
	url(../img/elements/international-alliance-back.jpg) center top no-repeat,
	url(../img/elements/international-alliance-repeat.jpg) center top repeat-y,
	#E8ECEF;
}

/* doing business in africa section */
.global-reach-page #doing-business-section { padding: 10px 0; background: white; }
.global-reach-page #doing-business-section .main-panel { padding-bottom: 0; }

/* african alliance section */
.global-reach-page #african-alliance-section { padding: 10px 0; background: white; }

/* africa map */
.map-container { position: relative; height: 615px; margin: 30px 0; padding: 15px 35px 15px 0; background: url(../img/elements/africa-map-shadow.jpg); }
#africa-map { position: relative; width: auto; height: 585px; }
#africa-map path[fill="#0FAAB9"] { cursor: pointer; }

/*
#africa-map path[fill="#0FAAB9"] { cursor: pointer; }
#africa-map path[fill="#0FAAB9"]:hover { fill: #001a72; }
*/


/* ==========================================================================
   Corporate responsibility page
   ========================================================================== */

/* headings */
.corporate-responsibility-page h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

/* overview section */
.corporate-responsibility-page #overview-section { position: relative; height: 607px; }
.corporate-responsibility-page #overview-section .background-images { height: 607px; }
.corporate-responsibility-page #overview-section .content-wrapper { padding: 24px 0; z-index: 30; height: 607px; }
.corporate-responsibility-page #overview-section .text-panel { position: absolute; left: 0; bottom: 0; padding: 6px 33px 6px 214px; color: white; font-size: 22px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.84); }
.corporate-responsibility-page #overview-section .text-panel h1 { color: white; }
.corporate-responsibility-page #overview-section .text-panel a:hover { color: white; }

/* csr programme section */
.corporate-responsibility-page #csr-programme-section {
  padding: 15px 0 20px;
  background: #E8ECEF;
  background: 
	url(../img/elements/csr-programme-back.jpg) center top no-repeat,
	url(../img/elements/csr-programme-repeat.jpg) center top repeat-y,
	#E8ECEF;
}
/* csr programme diagram */
.corporate-responsibility-page .csr-programme-diagram { position: relative; height: 326px; margin: 30px -2px 0 0; background: url(../img/elements/csr-programme-diagram.png) no-repeat 0 0; }
.corporate-responsibility-page .csr-programme-diagram .csr-programme-item { position: absolute; width: 119px; height: 119px; font-size: 16px; line-height: 1; text-align: center; overflow: hidden; }
.corporate-responsibility-page .csr-programme-diagram .csr-programme-item .title {
	width: 119px;
	height: 119px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lt-ie9 .corporate-responsibility-page .csr-programme-diagram .csr-programme-item .title,
.ie9 .corporate-responsibility-page .csr-programme-diagram .csr-programme-item .title { display: block; padding-top: 30px; }
.corporate-responsibility-page .csr-programme-diagram .col-1 { left: 51px; }
.corporate-responsibility-page .csr-programme-diagram .col-2 { left: 272px; }
.corporate-responsibility-page .csr-programme-diagram .col-3 { left: 493px; }
.corporate-responsibility-page .csr-programme-diagram .row-1 { top: 51px; }
.corporate-responsibility-page .csr-programme-diagram .row-2 { top: 155px; }
.corporate-responsibility-page .csr-programme-diagram .col-1.row-2 { left: 161px; }
.corporate-responsibility-page .csr-programme-diagram .col-2.row-2 { left: 382px; }
.corporate-responsibility-page .csr-programme-diagram .col-3.row-2 { left: 602px; }

/* csr projects section */
.corporate-responsibility-page #csr-projects-section { padding: 10px 0; background: white; }


/* ==========================================================================
   Careers page
   ========================================================================== */
   
/* headings */
.careers-page h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

/* overview section */
.careers-page #overview-section { position: relative; height: 609px; }
.careers-page #overview-section .background-images { height: 609px; }
.careers-page #overview-section .content-wrapper { padding: 24px 0; z-index: 30; height: 609px; }
.careers-page #overview-section .text-panel { position: absolute; left: 0; bottom: 0; padding: 6px 33px 6px 214px; color: white; font-size: 22px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.84); }
.careers-page #overview-section .text-panel h1 { color: white; }
.careers-page #overview-section .text-panel a:hover { color: white; }


/* people section */
.careers-page #our-people-section { background: white; }
.careers-page #our-people-section .content-wrapper { padding: 24px 0; }


/* training section */
.careers-page #training-section {
  padding: 24px 0;
  background: #E8ECEF;
  background: 
	url(../img/elements/training-back.jpg) center top no-repeat,
	url(../img/elements/training-repeat.jpg) center top repeat-y,
	#E8ECEF;
}


/* objectives section */
.careers-page #objectives-section { position: relative; height: 500px; }
.careers-page #objectives-section .background-images { height: 500px; }
.careers-page #objectives-section .content-wrapper { padding: 24px 0; z-index: 20; height: 500px; }
.careers-page #objectives-section .text-panel { position: absolute; left: 214px; bottom: 42px; width: 480px; padding: 9px 26px 9px 33px; color: white; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.74); }
.careers-page #objectives-section .text-panel h2 { color: white; font-size: 37px; }
.careers-page #objectives-section .text-panel ul { margin-left: 0; padding-left: 18px; }
.careers-page #objectives-section .text-panel a:hover { color: white; }


/* initiatives */
.careers-page #initiatives-section { background: url(../img/elements/initiatives-background.jpg) center top no-repeat, url(../img/elements/initiatives-repeat.png) center top repeat-y, #B0BDC4; }
.lt-ie9 .careers-page #initiatives-section { -pie-background: url(../img/elements/initiatives-background.jpg) center top no-repeat, url(../img/elements/initiatives-repeat.png) center top repeat-y, #B0BDC4; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.careers-page #initiatives-section .content-wrapper { padding: 10px 0; }
/* initiative diagram */
.careers-page .initiatives-diagram { position: relative; height: 479px; margin: 30px 0 0 4px; }
.careers-page .initiatives-diagram .initiative-item { position: absolute; width: 188px; height: 188px; font-size: 16px; text-align: center; text-transform: uppercase; overflow: hidden; background: white; border-radius: 94px; }
.careers-page .initiatives-diagram .initiative-item {
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.25);
}
.lt-ie9 .careers-page .initiatives-diagram .initiative-item { box-shadow: 4px 4px 8px 0px rgba(150, 150, 150, 0.25); zoom: 1; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.careers-page .initiatives-diagram .initiative-item .title {
	width: 188px;
	height: 188px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lt-ie9 .careers-page .initiatives-diagram .initiative-item .title,
.ie9 .careers-page .initiatives-diagram .initiative-item .title { display: block; padding-top: 50px; }
.careers-page .initiatives-diagram .initiative-item .title .title-inner { text-align: center; line-height: 1.2; }
.careers-page .initiatives-diagram .initiative-item a { color: #434141; }
.careers-page .initiatives-diagram .col-1 { left: 0; }
.careers-page .initiatives-diagram .col-2 { left: 182px; }
.careers-page .initiatives-diagram .col-3 { left: 362px; }
.careers-page .initiatives-diagram .col-4 { left: 545px; }
.careers-page .initiatives-diagram .row-1 { top: 0; }
.careers-page .initiatives-diagram .row-2 { top: 202px; }
.careers-page .initiatives-diagram .col-2.row-1,
.careers-page .initiatives-diagram .col-4.row-1 { top: 90px }
.careers-page .initiatives-diagram .col-2.row-2,
.careers-page .initiatives-diagram .col-4.row-2 { top: 292px }
/* colours */
.careers-page .initiatives-diagram .col-2.row-1 a,
.careers-page .initiatives-diagram .col-3.row-1 a,
.careers-page .initiatives-diagram .col-1.row-2 a,
.careers-page .initiatives-diagram .col-2.row-2 a,
.careers-page .initiatives-diagram .col-4.row-2 a { color: white; }
.careers-page .initiatives-diagram .col-2.row-1 { background: #631D76; }
.careers-page .initiatives-diagram .col-3.row-1 { background: #BF2297; }
.careers-page .initiatives-diagram .col-1.row-2 { background: #F68A1E; }
.careers-page .initiatives-diagram .col-2.row-2 { background: #26A146; }
.careers-page .initiatives-diagram .col-4.row-2 { background: #00A9E0; }

/* join us section */
.careers-page #join-us-section { padding: 24px 0 30px; background: white; }


/* ==========================================================================
   People detail page
   ========================================================================== */

.default-people-profiles .default-profile-list { margin: -15px 0 36px; }
.default-people-profiles h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

/* general stuff */
.people-detail-page { background: white; }
.people-detail-page nav.browse-panel { margin-top: 16px; }
.people-detail-page nav.browse-panel.sticky { margin-top: 223px; }
.people-detail-page h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }

/* overview section */
.people-detail-page #overview-section .content-wrapper { z-index: 30; }
.people-detail-page .profile-top { margin: 13px 0 20px; height: 231px; }
.people-detail-page .profile-top .image { float: left; width: 243px; padding-top: 2px; }
.people-detail-page .profile-top .details { margin-left: 243px; line-height: 1.5; }
.people-detail-page .profile-top .details h1 { margin: 0; line-height: 1; }
.people-detail-page .profile-top .details h2 { font-size: 17px; margin: 5px 0; line-height: 1; }
.people-detail-page .profile-top .social-media-links { margin: 5px 0; }
.people-detail-page .profile-top .social-media-links a { display: inline-block; width: 32px; height: 32px; background: url(../img/buttons/social-linkedin.png) no-repeat 0 0; text-indent: -99999px; }
.people-detail-page .profile-top .social-media-links a:hover { background-position: 0 -32px; }
.people-detail-page .profile-top .social-media-links a.googleplus { background-image: url(../img/buttons/social-google-plus.png); }

/* career section */
.people-detail-page .background-images { height: 500px; }
.people-detail-page #career-section { position: relative; height: 500px; }
.people-detail-page #career-section .content-wrapper { padding: 24px 0; z-index: 21; height: 500px; }
.people-detail-page #career-section .text-panel { position: absolute; left: 214px; bottom: 30px; width: 479px; padding: 9px 64px 9px 35px; color: white; background: rgb(0, 109, 192); background: rgba(0, 109, 192, 0.74); }
.people-detail-page #career-section .text-panel h2 { color: white; }
.people-detail-page #career-section .text-panel a:hover { color: white; }

/* credentials section */
.people-detail-page #credentials-section {
  background: #DFE3E6;
  background: 
	url(../img/elements/credentials-back.jpg) center top no-repeat,
	url(../img/elements/credentials-repeat.jpg) center top repeat-y,
	#DFE3E6;
}
.people-detail-page #credentials-section .content-wrapper { padding: 24px 0 1px; }
.people-detail-page #credentials-section h2 { margin-bottom: 20px; }
.people-detail-page #credentials-section h3 { font-size: 17px; font-weight: bold; margin-bottom: -12px; }

/* key experience section */
.people-detail-page #key-experience-section .content-wrapper { padding: 24px 0; }
.people-detail-page #key-experience-section h2 { margin-bottom: 20px; }

/* history timeline */
.people-detail-page #experience-record-section { margin-bottom: -10px; }
.people-detail-page #experience-record-section .content-wrapper { padding: 10px 0 0; }

/* languages section */
.people-detail-page #languages-section {
  background: #E1E5E8;
  background: 
	url(../img/elements/languages-back.jpg) center top no-repeat,
	url(../img/elements/languages-repeat.jpg) center top repeat-y,
	#E1E5E8;
}
.people-detail-page #languages-section .content-wrapper { padding: 24px 0; }
.people-detail-page #languages-section h2 { margin-bottom: 20px; }

/* market recognition section */
.people-detail-page #market-recognition-section .content-wrapper { padding: 24px 0 60px; }
.people-detail-page #market-recognition-section h2 { text-align: center; }
.people-detail-page #market-recognition-section .market-recognition-content { position: relative; width: 480px; margin: 0 auto; text-align: center; }
.people-detail-page #market-recognition-section .market-recognition-item .title { margin-top: -22px; }
.people-detail-page #market-recognition-section .cycle-pager { bottom: -50px; }

/* history section (reduced height) */
.people-detail-page #history-timeline,
.people-detail-page #history-timeline .issues,
.people-detail-page #history-timeline .issues li,
.people-detail-page #history-timeline .gradient-left,
.people-detail-page #history-timeline .gradient-right { height: 250px; }


/* ==========================================================================
   Contact us page
   ========================================================================== */


/* background images */
.contact-us-page .background-images { position: absolute; left: 0; top: 0; width: 100%; height: 697px; overflow: hidden; z-index: 20; }
.contact-us-page .background-images .background-image { width: 100%; }
.contact-us-page .background-images .background-image img { position: absolute; left: 0; top: 0; min-width: 2000px; width: 100%; }
.lt-ie9 .contact-us-page .background-images .background-image img { width: 2000px; }
@media screen and (max-width: 2000px) { /* Specific to these particular images */
	.contact-us-page .background-images .background-image img {
		left: 50%;
		margin-left: -1000px;   /* 50% */
	}
}
/* page content */
.contact-us-page .contact-us-page-content { position: relative; height: 697px; }
.contact-us-page .content-wrapper { z-index: 30; }
.contact-us-page .text-panel { position: absolute; left: 0; top: 31px; width: 583px; padding: 20px 44px 16px; background: white; }
.contact-us-page h2 { font-size: 32px; font-family: "Gill Sans Light", "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif; }
/* office */
.contact-us-page .office { margin: 20px 0 20px; }
.contact-us-page .office h3 { font-size: 18px; font-weight: bold; margin: 0; line-height: 1.5; }
.contact-us-page .office .details { line-height: 1.6; }
.contact-us-page .office .details .col { float: left; padding-right: 30px; }
.contact-us-page .office .details .col-1 { width: 262px; }
.contact-us-page .office .details .col-2 { width: 233px; }
.contact-us-page .office .details .detail-title { display: inline-block; vertical-align: top; font-weight: bold; width: 35px; }
.contact-us-page .office .map { margin: 20px 0 0; }
.contact-us-page .office .map img { display: block; margin-bottom: 12px; border: 1px solid #B5B5B5; }


/* ==========================================================================
   Plugins
   ========================================================================== */

/* doughnut chart */
div[data-type="chart"] { display: inline-block; vertical-align: top; position: relative; width: 153px; height: 153px; margin: 0 30px 5px 0; }
div[data-type="chart"] ul { list-style: none; margin: 0; padding: 0; }
div[data-type="chart"] ul li .language { font-weight: bold; text-transform: uppercase; }
div[data-type="chart"] .canvas-holder { position: relative; width: 153px; height: 153px; }
div[data-type="chart"] .chart-legend { position: absolute; left: 40px; left: 20px; top: 55px; width: 114px; z-index: 100; text-align: center; }
/* language chart alternative */
.people-detail-page .language-chart-alt { display: none; }
.people-detail-page .language-chart-alt .language { font-weight: bold; text-transform: uppercase; }
.lt-ie9 .people-detail-page .language-chart { display: none; }
.lt-ie9 .people-detail-page .language-chart-alt { display: block; margin: 12px 0; }

/* ==========================================================================
   Themes
   ========================================================================== */

/* people page */
.people-page .header-bottom-panel { width: 100%; position: fixed; left: 0; top: 203px; background-image: url(../img/elements/people-header-shadow.png); z-index: 20; }
.people-page .header-bottom-panel .content-wrapper { background: white; min-height: 55px; height: 55px; }
.people-page .people-letter-links { margin-left: 214px; }
.people-page .people-letter-links a { display: inline-block; margin-right: 14px; }
.people-page #main { margin-top: 55px; padding-top: 20px; }

/* orange theme */
.theme-orange .cycle-pager span.cycle-pager-active,
.theme-orange .themeable h1,
.theme-orange .themeable h2,
.theme-orange .accordion .ui-accordion-header { color: #f35104; }
.theme-orange .themeable .text-panel a,
.theme-orange .themeable .related-panel a,
.theme-orange .text-panel a.back-to-top { color: #f35104; }
.theme-orange .jp-flat-audio .jp-control,
.theme-orange .jp-flat-video .jp-control,
.theme-orange .side-panel .related-panel h2 { background-color: #f35104; color: white; }
.theme-orange .themeable .text-panel a:hover,
.theme-orange .themeable .related-panel a:hover,
.theme-orange .text-panel a.back-to-top:hover { color: #af2100; }

/* red theme */
.theme-red .cycle-pager span.cycle-pager-active,
.theme-red .themeable h1,
.theme-red .themeable h2,
.theme-red .accordion .ui-accordion-header { color: #f14537; }
.theme-red .themeable .text-panel a,
.theme-red .themeable .related-panel a,
.theme-red .text-panel a.back-to-top { color: #f14537; }
.theme-red .jp-flat-audio .jp-control,
.theme-red .jp-flat-video .jp-control,
.theme-red .side-panel .related-panel h2 { background-color: #f14537; color: white; }
.theme-red .themeable .text-panel a:hover,
.theme-red .themeable .related-panel a:hover,
.theme-red .text-panel a.back-to-top:hover { color: #ac0f03; }

/* magenta */
.theme-magenta .cycle-pager span.cycle-pager-active,
.theme-magenta .themeable h1,
.theme-magenta .themeable h2,
.theme-magenta .accordion .ui-accordion-header { color: #a51e55; }
.theme-magenta .themeable .text-panel a,
.theme-magenta .themeable .related-panel a,
.theme-magenta .text-panel a.back-to-top { color: #a51e55; }
.theme-magenta .jp-flat-audio .jp-control,
.theme-magenta .jp-flat-video .jp-control,
.theme-magenta .side-panel .related-panel h2 { background-color: #a51e55; color: white; }
.theme-magenta .themeable .text-panel a:hover,
.theme-magenta .themeable .related-panel a:hover,
.theme-magenta .text-panel a.back-to-top:hover { color: #750633; }

/* purple */
.theme-purple .cycle-pager span.cycle-pager-active,
.theme-purple .themeable h1,
.theme-purple .themeable h2,
.theme-purple .accordion .ui-accordion-header { color: #5c2781; }
.theme-purple .themeable .text-panel a,
.theme-purple .themeable .related-panel a,
.theme-purple .text-panel a.back-to-top { color: #5c2781; }
.theme-purple .jp-flat-audio .jp-control,
.theme-purple .jp-flat-video .jp-control,
.theme-purple .side-panel .related-panel h2 { background-color: #5c2781; color: white; }
.theme-purple .themeable .text-panel a:hover,
.theme-purple .themeable .related-panel a:hover,
.theme-purple .text-panel a.back-to-top:hover { color: #3a1256; }

/* blue */
.theme-blue .cycle-pager span.cycle-pager-active,
.theme-blue .themeable h1,
.theme-blue .themeable h2,
.theme-blue .accordion .ui-accordion-header { color: #1f71ad; }
.theme-blue .themeable .text-panel a,
.theme-blue .themeable .related-panel a,
.theme-blue .text-panel a.back-to-top { color: #1f71ad; }
.theme-blue .jp-flat-audio .jp-control,
.theme-blue .jp-flat-video .jp-control,
.theme-blue .side-panel .related-panel h2 { background-color: #1f71ad; color: white; }
.theme-blue .themeable .text-panel a:hover,
.theme-blue .themeable .related-panel a:hover,
.theme-blue .text-panel a.back-to-top:hover { color: #094a79; }

/* light blue */
.theme-light-blue .cycle-pager span.cycle-pager-active,
.theme-light-blue .themeable h1,
.theme-light-blue .themeable h2,
.theme-light-blue .accordion .ui-accordion-header { color: #0593c3; }
.theme-light-blue .themeable .text-panel a,
.theme-light-blue .themeable .related-panel a,
.theme-light-blue .text-panel a.back-to-top { color: #0593c3; }
.theme-light-blue .jp-flat-audio .jp-control,
.theme-light-blue .jp-flat-video .jp-control,
.theme-light-blue .side-panel .related-panel h2 { background-color: #0593c3; color: white; }
.theme-light-blue .themeable .text-panel a:hover,
.theme-light-blue .themeable .related-panel a:hover,
.theme-light-blue .text-panel a.back-to-top:hover { color: #00679c; }

/* green */
.theme-green .cycle-pager span.cycle-pager-active,
.theme-green .themeable h1,
.theme-green .themeable h2,
.theme-green .accordion .ui-accordion-header { color: #008446; }
.theme-green .themeable .text-panel a,
.theme-green .themeable .related-panel a,
.theme-green .text-panel a.back-to-top { color: #008446; }
.theme-green .jp-flat-audio .jp-control,
.theme-green .jp-flat-video .jp-control,
.theme-green .side-panel .related-panel h2 { background-color: #008446; color: white; }
.theme-green .themeable .text-panel a:hover,
.theme-green .themeable .related-panel a:hover,
.theme-green .text-panel a.back-to-top:hover { color: #014c29; }

/* yellow theme */
.theme-yellow .cycle-pager span.cycle-pager-active,
.theme-yellow .themeable h1,
.theme-yellow .themeable h2,
.theme-yellow .accordion .ui-accordion-header { color: #f68920; }
.theme-yellow .themeable .text-panel a,
.theme-yellow .themeable .related-panel a,
.theme-yellow .text-panel a.back-to-top { color: #f68920; }
.theme-yellow .jp-flat-audio .jp-control,
.theme-yellow .jp-flat-video .jp-control,
.theme-yellow .side-panel .related-panel h2 { background-color: #f68920; color: white; }
.theme-yellow .themeable .text-panel a:hover,
.theme-yellow .themeable .related-panel a:hover,
.theme-yellow .text-panel a.back-to-top:hover { color: #da4a03; }

/* lime */
.theme-light-green .cycle-pager span.cycle-pager-active,
.theme-light-green .themeable h1,
.theme-light-green .themeable h2,
.theme-light-green .accordion .ui-accordion-header { color: #529708; }
.theme-light-green .themeable .text-panel a,
.theme-light-green .themeable .related-panel a,
.theme-light-green .text-panel a.back-to-top { color: #529708; }
.theme-light-green .jp-flat-audio .jp-control,
.theme-light-green .jp-flat-video .jp-control,
.theme-light-green .side-panel .related-panel h2 { background-color: #529708; color: white; }
.theme-light-green .themeable .text-panel a:hover,
.theme-light-green .themeable .related-panel a:hover,
.theme-light-green .text-panel a.back-to-top:hover { color: #014c29; }

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

/* dialog box */
.dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
	/* css3 border radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: white;
	width: 458px;
	position: absolute;
	left: 45px;
	top: 60px;
	z-index: 5000;
	/* display: none; */
	left: -999999px;
}
.lt-ie9 .dialog-box { box-shadow: 0px 0px 10px rgba(150, 150, 150, 0.5);  zoom: 1; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.dialog-box .dialog-title { padding: 7px 25px; border-bottom: 1px solid #E1E1E1; font-size: 17px; color: #257CC0; }
.dialog-box .dialog-message { padding: 2px 23px 12px; color: #1d1d1d; font-weight: 200; }
.dialog-box .dialog-message a { font-weight: 400; }
.dialog-box a.close-button { display: block; position: absolute; right: 12px; top: 12px; text-align: center; background-color: white; width: 16px; height: 16px; line-height: 15px; color: #999999 !important; text-decoration: none; font-family: Arial, Helvetica, sans-serif !important; font-size: 125% !important; font-weight: normal !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.dialog-box a.close-button:hover { background-color: #ddd; color: #222 !important; }

/* ==========================================================================
   Overwrite jQuery UI styling
   ========================================================================== */
.ui-front {
    z-index: 1000000 !important; /* The default is 100 */
}
   
.ui-widget {
	font-family: "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.ui-widget .ui-widget {
	font-size: 18px;
}
.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: 18px;
	font-weight: normal;
}

.ui-accordion .ui-accordion-content { padding-top: 1px !important; padding-bottom: 1px !important; }
.accordion .ui-accordion-content h2 { font-size: 20px; }
.accordion { margin: 24px 0; }
.accordion .ui-accordion-header-active { border-bottom: none; }

.tabs .ui-tabs-active a,
.accordion .ui-accordion-header,
.accordion .ui-accordion-header-active { /* color: #1989bc; */ padding-top: 10px !important; padding-bottom: 10px !important; font-size: 20px; font-weight: 400; }
.accordion .ui-accordion-header-active { color: #222222 !important; }

.ui-accordion .ui-accordion-header { padding-top: 5px; padding-bottom: 5px; }
.accordion :active,
.accordion :focus { outline: none; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        /*background: transparent !important;
        color: #000 !important;*/
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: none;
    }
	
	/*
    a[href]:after {
        content: " (" attr(href) ")";
    }
	*/

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	/* hide panels */
    header, aside, footer, .share-buttons, .people-letter-links, .search-and-filter-panel, .cycle-pager { display: none !important; }
    .background-images { display: none !important; }
	/* auto width */
    .content-wrapper, #main, .main-panel, .main-panel .text-panel { width: 100%; padding: 0; margin: 0; }
	
	/* header bottom panel */
	.sub-page .header-bottom-panel { margin: 0; padding: 0; background: none; }
	.sub-page .header-bottom-panel .content-wrapper { min-height: 0; }
	.sub-page .header-bottom-panel .page-heading { width: 100%; }
	.sub-page .header-bottom-panel .page-heading { margin-left: 0; }

	/* people page */
	.people-page #main { margin-top: 0; padding-top: 0; }
	
	/* accordion */
	.ui-accordion .ui-accordion-header { padding: 0; border: none; background: white; }
	.ui-accordion .ui-accordion-header-icon { display: none; }
	.ui-accordion .ui-accordion-content { display: block !important; border: none; padding: 1em 0; }
	
	/* sliding image tour */
	.sliding-image-tour .tour-pages { height: auto !important; overflow: visible !important; }
	.sliding-image-tour .tour-page { display: block !important; position: static !important; }
	.sliding-image-tour .tour-page .buttons { display: none; }
	
	/* simple sliding image tour */
	.sliding-image-tour-simple .tour-pages { height: auto !important; overflow: visible !important; }
	.sliding-image-tour-simple .tour-page { display: block !important; position: static !important; }
	
	/* about us page */
	.long-scrolling-page .main-panel { float: none; margin-left: 0; }
	.about-page-content > div,
	.people-detail-page > div { background: white !important; }
	.about-us-page #overview-section { position: static; height: auto; }
	.about-us-page #overview-section .content-wrapper { padding: 0; height: auto; }
	.about-us-page #overview-section .text-panel { position: static; padding: 0; color: #222; background: none; }
	.about-us-page #overview-section .text-panel h1 { color: #222; }
	.about-us-page #overview-section .text-panel a { color: #222; }
	/* stat scroller */
	.stat-scroller { overflow: visible !important; height: auto !important; }
	.stat-scroller .row { display: block !important; position: static !important; margin-bottom: 14px; }
	/* global alliance section */
	.about-us-page #global-alliance-section { position: static; height: auto; }
	.about-us-page #global-alliance-section .content-wrapper { padding: 0 !important; }
	.about-us-page #global-alliance-section .text-panel { padding: 0; color: #222; background: white; }
	.about-us-page #global-alliance-section .text-panel h1 { color: #222; }
	.about-us-page #global-alliance-section .text-panel a { color: #222; }
	/* image tour */
	.about-us-page .about-image-tour { margin-top: 0; }
	.about-us-page .about-image-tour .tour-pages { overflow: visible !important; height: auto !important; }
	.about-us-page .about-image-tour .tour-page { display: block !important; position: relative !important; top: 0 !important; left: 0 !important; margin-bottom: 14px; }
	.about-us-page .about-image-tour .tour-page .buttons { display: none; }
	/* market recognition */
	.about-us-page .key-award-scroller { overflow: visible !important; height: auto !important; }
	.about-us-page .key-award-scroller .row { display: block !important; position: relative !important; top: 0 !important; left: 0 !important; margin-bottom: 14px; }
	
	/* careers page */
	.careers-page-content > div { background: white !important; }
	.careers-page #overview-section { position: static; height: auto; }
	.careers-page #overview-section .content-wrapper { padding: 0; height: auto; }
	.careers-page #overview-section .content-wrapper .text-panel { position: static; padding: 0; color: #222; background: none; }
	.careers-page #overview-section .content-wrapper .text-panel h1 { color: #222; }
	.careers-page #overview-section .content-wrapper .text-panel a { color: #222; }
	
	/* contact us page */
	.contact-us-page-content .map { margin-top: 16px; }
}