/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1 }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:none; }
ul ul { margin-top:10px; }
ul ul li { margin-left:20px !important; }
li.empty { list-style:none; }
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
    border:none;
    outline:none;
    color: #f26729;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
a:before {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
a:hover {
    color:#f26729;
    border-bottom:1px solid #f26729;
}
a:visited { color: #f26729; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }
del { text-decoration:line-through; }
abbr[title],dfn[title] { border-bottom:1px solid; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #e1e1e1; margin:2em 0; padding:0; }
input,select { vertical-align:middle; outline:0; }
::-moz-selection { color:#fff; background:#252d59; }
::selection { color:#fff; background:#252d59; }
/* inputs */
::-webkit-input-placeholder { color:#aaa; font-style:italic; }
::-moz-placeholder { color:#aaa; font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder { color:#aaa; font-style:italic; } /* ie */
input:-moz-placeholder { color:#aaa; font-style:italic; }


/***** Global *****/

/* GLOBAL COLORS

    darkest blue    #0d1020
    blue            #252d59
    orange          #f26729
    Footer border   #2a3f7f
    text            #4d4d4f
    lines           #e1e1e1

*/

html, body { height: 100%; }
body { background: #252d59; color:#4d4d4f; font-family:'HelveticaLight', Helvetica, Arial, sans-serif; font-size:16px; line-height:1.4em; min-height:100%; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-family:'HelveticaLight',Helvetica, Arial, sans-serif; line-height:1.1em; font-weight:normal; }
h1 { font-size:60px; color:#252d59; line-height:1em; margin-bottom: 20px; font-weight:normal; }
h1 span { color:#fff; }
h2 { font-size:44px; color:#252d59; padding:15px 0; }
h3 { font-size:30px; color:#252d59; padding:15px 0; }
h4 { font-size:22px; padding-bottom:10px; color:#252d59; }
p { padding-bottom:10px; }
.clear { clear:both; }
.bold { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; font-weight:normal; }
strong { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; font-weight:normal; }
.normal { font-weight:normal; }
.italic { font-style:italic; }
.orange { color: #f26729; }
.column .blue { color:#252d59 }
.nav-blurb { display:block; padding:10px 0 0 0; color:#ccc; font-family:'HelveticaLight', Helvetica, Arial, sans-serif; font-style:italic; border:none; }
.noPaddingTop { padding-top:0 !important; }
.extraPaddingTop { padding-top:25px !important; }

.tableStyle { width:100%; margin:0 0 20px 0; }
.tableStyle th { padding:10px 0; border-bottom:1px solid #e1e1e1; vertical-align:middle; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; text-align:left; font-weight:normal; }
.tableStyle td { padding:10px 0; border-bottom:1px solid #e1e1e1; vertical-align:middle; text-align:left; }
td.pdf:before { font-family:'fontAwesome'; content:'\f1c1'; padding-right:10px; font-size:22px; }

.sup-class { font-size: 12px; position: relative; top: -0.5em; }
    .sup-class.personal-information-sup { display: block; margin-bottom: 10px; }
.indent { padding-left: 40px; }

a.btn {
    padding:10px 30px;
    background:#f26729;
    border:none;
    color:#fff;
    text-decoration:none;
    font-family:'HelveticaBold', Helvetica, Arial, sans-serif;
}
a.btn:hover {
    border:none;
    text-decoration:none;
    opacity:0.85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity:0.85;
    zoom:1;
}


/***** Fonts *****/
@font-face { 
    font-family: 'HelveticaLight'; 
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot'); 
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-lt-webfont.svg#helveticaneueltstd-lt-webfont') format('svg'); 
         
    font-weight:normal; 
    font-style:normal; 
 }

@font-face { 
    font-family: 'HelveticaBold'; 
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot'); 
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#helveticaneueltstd-bd-webfont') format('svg'); 
         
    font-weight:normal; 
    font-style:normal; 
 }


/***** Header *****/
header { background:#fff; border-bottom:1px solid #e1e1e1; }
#headerTop { width:1000px; margin:0 auto; padding: 0; }
#logo { float:left; padding:27px 0 20px 0; border:none; outline:none; }
#logo img { width:120px; border:none; outline:none; }
#headerTopRight { float:right; width:78%; }
#socialMediaHeader { float:left; margin-left:10px; }


/*** Nav ***/
nav#nav-main { width:100%; margin: 45px 0 0 0; }
nav#nav-main > ul { margin:0; }

nav#nav-main > ul > li { float:left; display:block; font-size:16px; *font-size:14px; _font-size:14px; }
nav#nav-main > ul > li:hover a.parent { color:#f26729; }
nav#nav-main > ul > li > a { display:block; color:#808285; border:none; text-decoration:none; padding:10px 10px 5px 10px; }
nav#nav-main > ul > li > a:hover, nav > ul > li > a.active { color:#f26729; }
nav#nav-main > ul > li > a.last { padding-right: 0; }
nav#nav-main > ul > li > a.parent:after { position:relative; font-family:'fontAwesome'; content:'\f0d7'; padding-left:5px; font-size:12px; }

nav#nav-main > ul.leftNav { float:left; }
nav#nav-main > ul.leftNav > li > a { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; color:#252d59; }
nav#nav-main > ul.leftNav > li > a:hover { color:#f26729; }
nav#nav-main > ul.leftNav > li > a.active, nav#nav-main > ul.rightNav > li > a.active { color:#f26729; }
nav#nav-main > ul > li a.title { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }
nav#nav-main > ul.rightNav { float:right; }

nav#nav-main li.hiddenMobile, nav#nav-main > ul > li.hiddenMobile { display:none; }


/*** Sub Nav ***/
nav#nav-main ul li .sub { display:none; }
nav#nav-main ul li.hover .sub { display:block; }

.sub { width:100%; position:absolute; top:76px; *top:72px; left:0px; background:url('../img/subMenu-bg.png'); padding:60px 0 20px 0; z-index:999; }
ul.sub-nav { width:1000px; margin:0 auto; }
ul.sub-nav > li { float:none; display:block; }
ul.sub-nav > li > a { display:block; padding:5px 0; color:#4d4d4f; border:none; text-decoration:none; }
ul.sub-nav > li > a:hover { color:#f26729; }

ul.sub-nav > ul > li.max { padding-top:10px; }
ul.sub-nav > ul > li.mini { margin:0 0 0 30px !important; font-size:13px; line-height:1.5em; color:#f26729; list-style-type:disc; }
ul.sub-nav > ul > li.mini > a { padding:0 !important; }

.colPush { float:left; width:230px; height:168px; }
.about-col { float:left; width:17%; margin:0 2% 0 0; text-align:left; }
.about-col.col.col1 { width:34%; margin:0 2% 0 0; }
.divisions-col { float:left; width:17%; margin:0 2% 0 0; text-align:left; }
.divisions-col.col.col1 { width:34%; margin:0 2% 0 0; }
.investors-col { float:left; width:17%; margin:0 2% 0 0; text-align:left; }
/* PHASE 1 .investors-col.col.col1 { width:34%; margin:0 2% 0 0; } */
.investors-col.col.col1 { width:20%; }
.investors-col.col.col4 { margin:0; }
.companies-col { float:left; width:17%; margin:0 2% 0 0; text-align:left; }
.companies-col.col.col1 { width:20%; }
.companies-col.col.col4 { margin:0; }

.search-col { position: relative; float:right; }
.sub-nav.search-sub { margin:0 auto; }
.sub-nav.search-sub ul li { margin:0 !important; }
.sub.search { *text-align:right; }
.search-col input.search { width:330px; margin:0; *margin:0 10px 0 0; padding:10px 10px 10px 30px; *padding:10px 10px 10px 50px; background:none; border:none; border-bottom:1px solid #808285; color:#fff; }
.btn.btn-search { position: absolute; top: 0px; left: 0px; margin:0; padding: 8px 0 !important; color:#fff !important; background: none; border:none !important; }
.btn.btn-search:hover { opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; zoom:1; }
.btn-search span { display:none; *display:block; }
#nav-mobile .btn-search { position:absolute; top:0px; left:0px; margin:0; padding: 0 !important; }
.fa.fa-search { *display:none; padding: 0; color: #fff; }

ul.sub-nav > ul > li { margin:0 !important; }
ul.sub-nav > ul > li.title { padding:5px 0; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; color:#fff; cursor:default; }
ul.sub-nav > ul > li > a { display:block; padding:5px 0; border:none; color:#fff; text-decoration:none; }
ul.sub-nav > ul > li > a:hover { color:#f26729; }
ul.sub-nav > ul > li > span.noLink { display:block; padding:5px 0; color:#fff; cursor:default; }


/*** Mobile Nav ***/
#nav-trigger { display:none; position:absolute; top:33px; right:5%; text-align:center; font-family:'HelveticaLight', Helvetica, Arial, sans-serif; z-index:999; }
#nav-trigger span { display:block; }
#nav-trigger span:before { position:relative; font-family:'fontAwesome'; content:'\f0c9'; color: #f26729; font-size:28px; cursor:pointer; }
#nav-trigger span.open:before { content:'\f00d'; }

nav#nav-mobile { display:none; width:100%; height:auto; position:absolute; top:0px; left:0px; }
nav#nav-mobile li a.parent:after { font-family:'fontAwesome'; content:'\f0d7'; padding-left:5px; font-size:12px; vertical-align:middle; }
nav#nav-mobile li a.parent.click:after { content:'\f0d8'; }
nav#nav-mobile .sub { display:none; position:relative; padding:0; top:0px; left:0px; background:none; }
nav#nav-mobile .sub ul.sub-nav { position:relative; width:auto; }
nav#nav-mobile .sub ul.sub-nav li a, nav#nav-mobile span.noLink { font-size:14px !important; }

nav#nav-mobile > ul { display:none; list-style:none; position:relative; z-index: 10; width:100%; margin-left:auto; margin-right: auto; text-align:left; background:#252d59; }
nav#nav-mobile > ul > ul { position:relative; background:none; }
nav#nav-mobile li { padding:0; margin: 0; }
nav#nav-mobile a, nav#nav-mobile span.noLink { display: block; color:#fff; margin:0 30px; padding: 10px 0; text-decoration:none; font-size:18px; border:none; }
nav#nav-mobile a:hover, nav#nav-mobile a.active { color: #f26729; }

nav#nav-mobile ul.col { float:none; }

nav#nav-mobile ul.about-col.col1 { display:none !important; }
nav#nav-mobile ul.about-col { width:100%; }

nav#nav-mobile ul.divisions-col.col1 { display:none !important; }
nav#nav-mobile ul.divisions-col { width:100%; }

#nav-mobile ul.investors-col.col1 .nav-blurb { display:none !important; }
#nav-mobile ul.investors-col { width:100%; }

nav#nav-mobile ul.companies-col.col1 { display:none !important; }
nav#nav-mobile ul.companies-col { width:100%; }

nav#nav-mobile li.title { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; margin:0 30px !important; padding:10px 0; font-size:14px; border-bottom: 1px solid #2a3f7f; }

#nav-mobile .sub ul.sub-nav ul li.mini.last { padding-bottom:10px; }

.leftNav.expanded { padding-top:25px; }
.rightNav.expanded { padding-bottom:25px; }


/***** Main Content *****/
#page-wrap { background: #fff url(../img/body-bg.png) 650px -50px no-repeat; }
.contentContainer { width:100%; margin:0 auto; clear:both; padding:0; }
.contentInner.home { width: 1000px; margin:0 auto; padding:0; border:none; }
.contentHeader { width:100%; min-height:300px; margin:0 auto; clear:both; }
.headerInner { width: 1000px; margin:0 auto; padding:130px 0; }
.headerInner p { width: 50%; }

.contentWrapper {
    width:100%;
    background:url(../img/content-bg.png) top left repeat-x;
    background-color:transparent;
}
.contentInner { width: 1000px; margin:0 auto; padding:40px 0; border-top:1px solid #e1e1e1; }
.contentInner.tabs { padding:0 0 40px 0; }

.contentContainer.homeContent .contentHeader { width:100%; padding:120px 0; background:#252d59 url(../img/fluidPattern.jpg) 75% 115% no-repeat; }
/* WITHOUT BUTTON padding: 160px 0; background: 75% 130%; */

.contentContainer.homeContent .contentHeader h1 { margin-bottom:30px; color:#f26729; }
.contentContainer.homeContent .contentHeader p { width:50%; color: #fff; }

.contentLeft { float:left; width:48%; margin:0 4% 0 0; padding:0; }
.contentRight { float:right; width:48%; margin:0; padding:0; }

.contentContainer.internalContent .headerInner { *height:195px; min-height:195px; }

.internalContent ul { margin-bottom:25px; }
.internalContent ul li { margin-left:20px; line-height:1.5em; margin-bottom:10px; color:#f26729; }
.internalContent ul li .listColor { color:#4d4d4f; }

.reduced { width:800px !important; margin:0 auto; }

.hidden-title { display:none; }

.btn.ipo { display:inline-block; margin: 10px 0 0 0; padding: 20px 30px 20px 100px; font-size: 18px; line-height: 1.2em; background: #f26729 url(../img/pencil.png) 30px center no-repeat; }


/***** Buttons *****/
a.lgBtn { background: url('../img/btn.jpg'); border-bottom:2px solid #f26729!important; color: #FFFFFF; clear: both; padding: 5px 10px; }
a.lgBtn:hover { background: #FFF; color: #f26729; }
 

/***** Jobs Tile *****/
.jobsTile { margin-bottom:25px; }
.jobsTile a:hover { color: #f26729 }


/***** Promotion Section *****/
.promoContainer .contentInner { min-height:370px; padding:60px 0; border:none; }
.promoContainer.companies .contentInner { min-height:200px; }
.promoContainer { background:#fff; }
.column { width:100%; margin:0; padding:0; }

.one-third.column { float: left; width: 30.6666666667%; margin-left: 4%; }
.one-third.column:first-child { margin-left: 0; }

.promo { display:none; margin:0 auto; }
.promoImg { *float:left; display:inline-block; width:auto; margin:0 3% 0 0; vertical-align:top; }
.promoImg a { display:block; margin:0; padding:0; background:none; border:none; }

.column p { color:#4d4d4f; text-align:left; }
.column p a { color:#f26729; text-decoration:none; }
.column p a:hover { border-bottom:1px solid #f26729; }

.promoBlurb { display:inline-block; width:83%; margin:0; vertical-align:middle; }

p.readMore { padding-bottom:0; }


/* What We Do */
.whatWeDo ul { margin:40px 0 60px 0; padding: 10px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align:center; }
.whatWeDo ul li { position:relative; display:inline-block; *display:inline; margin:0; padding:10px 17px; }
.whatWeDo ul li a { margin:0; padding:0; color:#252d59; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; font-size:18px; border:none; }
.whatWeDo ul li a:hover { color:#f26729; font-size:18px; }
.whatWeDo ul li a.active { color:#f26729; }
.whatWeDo ul li a.active:before { position:absolute; font-family:'fontAwesome'; content:'\f111'; top:10px; left:0px; font-size:13px; vertical-align:middle; }


/* Media */
.promoContainer.media { background:#dcddde; }
.media h4 { padding-top:20px; }
.media h4 a { color:#252d59; border:none !important; }
.media p { padding-bottom:0; }
.media p.pb { padding-bottom:10px; }

a.latestmedia img { width:100%; }
a.latestmedia { display:block; margin:0; padding:0; background:none; border:none; }

.tableStyle.media th.left { width:30%; }
.tableStyle.media th.right { width:70%; }

.internalContent .reduced.ourCompanies ul.accordion li { padding:5px 0; border:none; }
.internalContent .reduced.ourCompanies ul.accordion li h4 { padding:20px 0 0 0; }

/* Investors */
.promoContainer.investors .contentInner { border-top: 1px solid #e1e1e1; }
.promoContainer.investors .contentInner { min-height: 200px; }
.promoContainer.investors .contentInner .contentLeft, .promoContainer.investors .contentInner .contentRight { margin-top: 2% !important; }
.promoContainer.investors .contentInner .contentRight { margin: 0; }

.promoContainer.investors .contentInner .column { position: relative; }
.promoContainer.investors .contentInner .column h4:before {
	  position: relative;
	  font-family: 'fontAwesome';
	  content: '\f111';
	  padding-right: 10px;
	  color: #f26729 !important;
	  font-size: 13px;
	  vertical-align: middle;
}

#SP-iFrame { width: 100%; height: 185px; max-height: 215px; overflow: hidden; }

.share-box, .announcements-box, .document-box {
	position: relative;
	height: 215px;
	margin: 20px 0;
	padding: 0;
}
.share-box { height: 185px; border: 15px solid #252d59; }

.document-box .fa.fa-envelope-o {
	color: #252d59;
	font-size: 44px;
	margin: 0 0 10px 0;
}
.document-box { width: 220px; }
.box.document-box.manage { background: url(../img/manage-cover.png) left center no-repeat; border: 1px solid #252d59; cursor: pointer; }
.box.document-box.prospectus { background: url(../img/prospectus-cover.png) left center no-repeat; border: 1px solid #e1e1e1; cursor: pointer; }
.box.document-box.results { background: url(../img/ar17-cover.jpg) left center no-repeat; border: 1px solid #e1e1e1; cursor: pointer; }
.box.document-box.webcast { background: url(../img/webcast-cover.png) left center no-repeat; border: 1px solid #e1e1e1; cursor: pointer; }

p.manage-text {
	width: 180px;
	padding: 63px 20px;
	text-align: center;
	color: #fff;
}
.manage-text.inverse{
	color: #4d4d4f;
}
.box.results .manage-text {
  padding: 20px;
  text-align: right;
}
.box.webcast .manage-text { padding: 25px 20px;}
img.portrait { height: 100%; }
img.landscape { width: 100%; }

.homeWrapper { margin: 0; padding: 0; }
.homeWrapper img { width: 100%; margin: 0; }
.IPO { margin:10px 0 0 0; background:#252d59; cursor: pointer; }
.IPO h4 { float:left; margin:0; padding:30px 20px; color:#fff;  }
.IPO p { float:right; margin:21px 20px; padding:0; }
.IPO a { display:block; }

.column.left { float:left; width:46%; margin:0 8% 0 0; }
.column.right { float:right; width:46%; margin:0; }

.sustainability .column { float:left; width:auto; margin:5% 5% 0 0; }
.sustainability .document-box { margin: 0 0 20px 0; }
.sustainabilityTable { margin-top: 20px; }

.btn.call { display:inline-block; }

.modules { margin: 30px 0 !important; }
.module-inner {
	width: 100%;
	*width: auto;
	display: table-cell;
	*display: block;
	height: 220px;
	*height: 160px;
	vertical-align: middle;
	padding: 20px 5%;
	*padding: 50px 5%;
	text-align: center;
	border: 1px solid #e1e1e1;
}
@media screen\0 {
   .module-inner { display: block !important; width: auto !important; height: 160px !important; padding: 50px 5% !important; } 
}
.module-inner a { display: inline-block; }


/* Slider
===================================*/
.bx-wrapper {
	position: relative;
	margin: 40px auto;
	padding: 0 40px;
    *zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* PAGER */
    .bx-wrapper .bx-pager { display: none !important; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 0px;
	background: url(../img/direction-arrows.png) no-repeat 0px 0px;
}
.bx-wrapper .bx-next {
	right: 0px;
	background: url(../img/direction-arrows.png) no-repeat -23px 0px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	outline: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	z-index: 9999;
    border:none;
}
.bx-wrapper .bx-controls-direction a:hover {
    opacity:0.85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity:0.85;
    zoom:1;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/***** About Us *****/
#timelineContainer p { border-bottom:1px solid #e1e1e1; padding-top:10px; }
.executiveContainer { border-bottom:1px solid #e1e1e1; padding:20px 0px 10px; }
#responsibilityGraphic { width:407px; margin:10px auto; }
#theLinkStory { width:100%; margin:30px 0 20px; }


#tabInfo { display:none }
ul.resp-tabs-list { float:left; width:100%; margin:0 0 20px 0; padding:10px 0; *padding:20px 0; border-bottom:1px solid #e1e1e1; text-align:center; }
.internalContent .resp-tabs-list li { position:relative; display:inline-block; *display:inline; margin:0; padding:10px 17px; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; list-style:none; *list-style-type:circle; cursor:pointer; font-size:18px; color:#252d59; }
.internalContent .resp-tabs-list li:hover { color: #f26729; }

.resp-tabs-container { margin:0; padding:0; clear:left; }
h2.resp-accordion { cursor:pointer; display:none }
.resp-tab-content { display:none; padding:15px 0 }
.resp-tab-active { color:#f26729 !important; }
.resp-tab-active:before { position:absolute; font-family:'fontAwesome'; content:'\f111'; top:10px; left:0px; color:#f26729 !important; font-size:13px; vertical-align:middle; }
.resp-accordion-active,.resp-content-active { display:block }
h2.resp-accordion { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; font-size:16px; color:#252d59; border-bottom: 1px solid #e1e1e1; margin:0; padding:10px 0; }
h2.resp-tab-active,h2.resp-accordion:hover { color:#f26729; }
h2.resp-accordion:hover .resp-arrow { color:#f26729; }
h2.resp-tab-active:hover .resp-arrow { border-top:0; }
.resp-vtabs ul.resp-tabs-list { float:left; width:30% }
.resp-vtabs .resp-tabs-list li { display:block; padding:15px!important; margin:0; cursor:pointer; float:none; }
.resp-vtabs .resp-tabs-container { padding:0; float:left; width:68%; min-height:250px; clear:none; }
.resp-vtabs .resp-tab-content { border:none }
.resp-vtabs li.resp-tab-active { position:relative; z-index:1; margin-right:-1px!important; padding:14px 15px 15px 14px!important; }
.resp-arrow { width:0; height:0; float:right; margin-top:5px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #e1e1e1; }

h2.resp-tab-active span.resp-arrow { border:none; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:10px solid #e1e1e1; border-top:0; }
.resp-easy-accordion h2.resp-accordion { display:block }
.resp-jfit { width:100%; margin:0 }
.resp-tab-content-active { display:block }

.promoContainer.manager { background: #dcddde; display: none; }
.promoContainer.manager.about { display:block !important; }
.promoContainer.manager .contentInner { min-height:150px; background:url(../img/JohnM-quote2.png) right top no-repeat; background-size: 30%; }
/*.promoContainer.manager.fundadministration .contentInner { min-height:150px; background:url(../img/JohnM-quote.png) right 20px no-repeat; }
.promoContainer.manager.corporatemarkets .contentInner, 
.promoContainer.manager.informationdigitaldataservices .contentInner {
    min-height:150px;
    background:url(../img/JohnM-quote.png) right 20px no-repeat;
}*/
.promoContainer.manager .contentInner .contentLeft { width: 70%; }
.promoContainer.manager .contentInner .contentRight { display: none; }
.promoContainer.manager .contentInner .contentLeft .column { position:relative; *position:static; padding-left:20px; *padding-left:0; }
.promoContainer.manager .contentInner .contentLeft .column:before {
    position: absolute;
    font-family: 'fontAwesome';
    content: '\f111';
    top: 2px;
    left: 0px;
    color: #f26729 !important;
    font-size: 13px;
    vertical-align: middle;
}

.contentInner.relatedContent { border:none; }
.contentInner.relatedContent h2 { padding-bottom:30px; }

.relatedCol { float:left; width: 31%; margin:1% 3% 3% 0; padding:0; }
.relatedCol a.btn { display:inline-block; margin:0; padding:0; background:none; }
.relatedCol.col3 { margin-right:0; }
.relatedCol p.relatedTitle a { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }
.relatedInner { margin:0; padding:0; }
.relatedTitle { padding:20px 0 5px 0; }

.image-holder { width:100%; margin:0; padding:0; text-align:center; }
.image-holder ul li { display:block; float:left; margin:10px 25px 10px 0; padding:0; }
.image-holder ul li.last { margin:10px 0 10px 0; }
.image-holder ul li a { font-size:14px; border:none; }

.company-logo { padding:15px 0; }
.company-logo a { border:none !important; }

.box.document-box.sustainabilityStatement { background: url(../img/2016-sustainability-cover.png) left center no-repeat; border: 1px solid #e1e1e1; cursor: pointer; }
.box.document-box.sustainabilityReport { background: url(../img/sustainability-cover.png) left center no-repeat; border: 1px solid #252d59; cursor: pointer; }
.box.document-box.supplementaryReport { background: url(../img/sustainability-supplementary-cover.png) left center no-repeat; border: 1px solid #e1e1e1; cursor: pointer; }

.box.document-box.sustainabilityReport2016 { background: url(../img/sustainability-2016-cover.png) left center no-repeat; border: 1px solid #e1e1e1; cursor: pointer; }
.sustainabilityReport img{ border: 1px solid #e1e1e1; cursor: pointer; }

/***** Careers *****/
.careers .column { margin-top: 20px; }
.careers .column a { display: block; padding: 20px; background: #fff; border: 1px solid #e1e1e1; text-align: center; text-decoration: none !important; }
.careers .column img { display: block; width: 100%; margin: 0 0 20px 0; }
.careers .column h3 { padding: 0; font-size: 18px; text-align: center; margin: auto; }
.careers .column h3:before {
    position: relative;
    font-family: 'fontAwesome';
    content: '\f111';
    padding-right: 10px;
    color: #f26729 !important;
    font-size: 13px;
    vertical-align: top;
}

.btn.back { display: inline-block; margin: 40px 0 0 0; }
.btn.back:before {
    position: relative;
    font-family: 'fontAwesome';
    content: '\f0d9';
    padding-right: 10px;
    color: #fff !important;
    font-size: 12px;
    vertical-align: top;
}


.careers-img { width: 100%; margin: 0 0 10px 0; }
.btn-row { margin: 40px 0; }
.accordion.faq ul li { color: #4d4d4f !important; }

.career-callout { position: relative; display: table; padding: 0; border: none !important; }
.career-callout img { display: table-cell; vertical-align: middle; padding-right: 20px; }
.career-callout h4 { display: table-cell; vertical-align: middle; padding: 0; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; color: #f26729; }

/***** Contact *****/
.contactTable { width:100%; margin-bottom:10px; }

.row { display:table-row; }
.rowGroup { display:table-row-group; }
.cell { display:table-cell; width:50%; padding:5px 0; }

.locations ul li { display:inline-block; width:23%; margin:0 2% 2% 0 !important; padding:0; color:#4d4d4f !important; list-style:none; vertical-align:top; }
.locations ul li.last { margin:0 !important; }


/***** Companies *****/
.png-reg { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; border:none !important; cursor:default; }


/***** Accordion *****/
ul.accordion .title { padding:0; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }
ul.accordion .title:hover { border:none; }
ul.accordion .title:after { position: relative; font-family: 'fontAwesome'; content: '\f0d7'; padding-left: 5px; font-size: 12px; }
ul.accordion .title.expanded:after { position: relative; font-family: 'fontAwesome'; content: '\f0d8'; padding-left: 5px; font-size: 12px; }
ul.accordion .title:hover, .title.expanded { *text-decoration:underline; }
ul.accordion .blurb { display:none; padding:5px 0 15px; color: #4d4d4f; }


.internalContent ul.accordion p { color:#4d4d4f; }
.internalContent ul.accordion li { position:relative; overflow:hidden; margin:0; padding:5px 0; }
.internalContent ul.accordion li ul li { padding: 0; margin-left: 15px; line-height: 1.5em; margin-bottom: 0; color: #f26729; overflow: visible; }
.internalContent ul.accordion .securityAnswer ul li { margin-left:40px; padding:0; border:none; list-style:disc !important; overflow:visible; }
.security.reduced ul.accordion li h4 { padding:20px 0 0 0; }

/***** Boards ******/
#accordion { margin: 20px 0 0 0; }

.profile { float: left; width: 100%; margin: 0 0 10px 0; padding: 20px 0; }
.profile img { float: left; margin: 0 15px 0 0; }

.profile h4 { padding-top:0; font-size:16px; color:#f26729; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; cursor:pointer; }
.profile h4:hover, .profile h4.expanded { *text-decoration:underline; }
.profile h4:after { content: '\f0d7'; font-family: 'FontAwesome'; padding-left: 10px; font-size: 12px; vertical-align:middle; }
.profile h4.expanded:after { content: '\f0d8'; font-family: 'FontAwesome'; padding-left: 10px; }

.profile p.title { padding:0; font-style:italic; }

.accordion-content { float: left; width: 100%; margin-top: 20px; }

.image-holder { width: 85px; height: 85px; float: left; margin: 0 15px 0 0; }


/***** Global Reach *****/
.mapWrapper { margin:20px 0; }
ul.countries { display:inline-block; *display:inline; list-style-type:none; *list-style-type:disc; cursor:pointer; width:20%; margin:0 2% 0 0; padding:0; vertical-align:top; zoom:1; }
ul.countries li { position:relative; margin:5px 0; padding:0 0 0 20px; *padding:0; }
ul.countries li:before { position:absolute; font-family:'fontAwesome'; content:'\f111'; top:0px; left:0px; color:#f26729 !important; font-size:13px; vertical-align:middle; }
ul.countries li a { margin:0; padding:0; }
ul.countries li a.active { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }

ul.country-map { display:inline-block; *display:inline; zoom:1; list-style-type:none; width:76%; margin:0; padding:0; vertical-align:top; }
ul.country-map li { margin:0; padding:0; *display:inline; }
ul.country-map a { margin:0; padding:0; }
ul.country-map img { width:100%; background:#fff; }

.addresses ul li { display:inline-block; width:23%; margin:0 2% 2% 0; padding:0; color:#4d4d4f; list-style:none; vertical-align:top; }
.addresses ul li.last { margin:0; }


/***** Search *****/
.searchContent { clear:both; }
.searchContent ul li { list-style:none; border-bottom:1px solid #e1e1e1; margin-left:0; color:#4d4d4f; }
.searchContent h3 { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; font-size:16px; }


/***** Toolbar *****/
#toolBar p { padding-bottom:5px; }
#toolBar p a { color:#4f6ab0; text-decoration:none; }
#toolBar p a:hover { color:#f26729; }
#emailToolBar a { background:url('../img/email-icon.png') no-repeat left center; padding:5px 0 5px 25px; }
#shareToolBar a { background:url('../img/share-icon.png') no-repeat left center; padding:5px 0 5px 25px; }
#printToolBar a { background:url('../img/print-icon.png') no-repeat left center; padding:5px 0 5px 25px; }


/***** Footer *****/
#footer { width:100%; clear:both; margin:0; padding:40px 0 15px 0; background:#252d59; font-size:14px; }
#footerContainer { width:1000px; margin:0 auto; }
#footerContainer p { color:#fff; }
#footerContainer li { list-style:none; line-height:20px; }
#footerContainer li a { margin:0; padding:0; color:#fff; text-decoration:none; }
#footerContainer li a:hover { border-bottom: 1px solid #fff; }
#footerContainer li.title { margin-bottom:20px; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }

.footer-col.mobile { display:none; }
.footer-col { float:left; width:15%; margin:0 2% 0 0; }
.footer-col.col5 ul li a { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }
.footer-col.col6 { margin:0; }

.footerTop { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #2a3f7f; }
.footerLeft { float:left; }
.footerLeft a { border:none; }
.footerRight { float:right; }
img.logoFooter { width:150px; border:none; }

.footer-link { color: #fff !important; font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }
.footer-link:hover { border-bottom: 1px solid #fff; }

.social { float: right; margin:0; }
.social span { float:left; padding:8px 0; *padding:3px 0; color:#fff; }
.social a { display:block; float:left; *width:30px; *height:30px; margin:0 0 0 7px; border:none; }

.social .linkedIn:after { position:relative; display:block; float:right; content:'\f0e1'; font-family:'fontAwesome'; position:relative; font-size:20px; color:#252d59; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:8px 10px; }
.social .linkedIn { *background:url(/FormBuilder/_Resource/_module/YfKsMKLWK0WisyLm5uTWZA/img/social-icons-ie.png) -30px 0px no-repeat; }

.subscribe-footer { float: right; clear: both; margin: 20px 0 0 0; text-align: right; }
.subscribe-footer a { display: inline-block; font-size: 16px; }

/** Privacy **/
.privacy-tables table { margin-bottom: 10px; }
.privacy-tables td:first-child { width: 100px; }
.privacy-tables b { font-family: 'HelveticaBold', Helvetica, Arial, sans-serif; font-weight: normal; }

/***** Media Queries *****/
@media only screen and (max-width : 1024px) { 

#headerTop { width:90%; padding:0 5%; }
.headerInner { width:100%; padding:20px 0; }
.headerInner p { width:100%; }

nav#nav-main > ul > li > a { font-size:14px; }

.sub-nav.search-sub { float:right; }

.contentContainer.homeContent .contentHeader { width:90%; padding:100px 5%; background-size:150% 145%; }
.contentContainer.homeContent .contentHeader p { width:100%; }

.contentContainer { width:90%; padding:0 5%; }
.contentInner { width:100%; padding:20px 0; }

.contentLeft.investors, .contentRight.investors { width: 100%; }

.contentContainer.homeContent { width:100%; margin:0; padding:0; }
.contentInner.home { width:100%; }
.promoContainer { width:90%; margin:0; padding:0 5%; }
.promoContainer .contentInner { padding:20px 0; }
.promoContainer.manager .contentInner {background-size: 40% }

#footerContainer  { width:90%; padding:0 5%; }
.register a.btn { padding-left:10px; padding-right:10px; }

}


@media only screen and (max-width : 1000px) { 

/*** Header ***/
#logo { width:auto; padding: 20px 0 10px 0; }
#logo img { width: 90px; }
#headerTopRight { float:none; width:100%; height:auto; margin-top:0; }
#socialMediaHeader { margin-bottom:42px; }

.contentHeader { min-height:initial; }

/*** Nav ***/
#nav-trigger { display: block; }
nav#nav-main { display: none; }
nav#nav-mobile { display: block; }
#nav-mobile li.mini { margin: 0 0 0 60px !important; }
#nav-mobile li.mini a { margin: 0 !important; }

.colPush { display:none !important; }
.sub-nav.search-sub { float:none; padding:10px 30px; }
.search-col input.search { width:85%; padding:5px 20px; border-bottom: 1px solid #fff; }
.fa.fa-search { padding: 5px 0; }

/*** Footer ***/
.footer-col.col1,
.footer-col.col2,
.footer-col.col3,
.footer-col.col4, 
.footer-col.col5 { display:none; }
.footer-col.col6 { width: auto; }

.footer-col.mobile { display:block; }
.footer-col.mobile { width:20%; }

/*** Home ***/
.whatWeDo-nav { display:none; }
.promo { display:block !important; width:100%; margin:0 0 20px 0; }
.promoImg { vertical-align:middle; }
.promoImg img { width:70px; }
.promoBlurb { width:100%; padding-top:10px; }
.hidden-title { display:inline-block; font-family: 'HelveticaBold', Helvetica, Arial, sans-serif; }

.reduced { width:100% !important; }

#responsibilityGraphic,#responsibilityGraphic img { width:100%; }

/*** About us ***/
.tabs {}
.tab_drawer_heading { border-bottom: 2px solid #e1e1e1; color:#4d4d4f; margin:0; padding:10px; display:block; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.tab_drawer_heading:hover { color:#fff; background: url('../img/nav-active.jpg'); border-bottom:2px solid #f26729; -webkit-transition: all 0.2s; transition: all 0.2s; }
.d_active { color:#fff; background: url('../img/nav-active.jpg'); border-bottom:2px solid #f26729; -webkit-transition: all 0.2s; transition: all 0.2s; }
.overflow { width: auto; overflow-x: scroll; overflow-y:hidden; margin-bottom:20px; }

ul.resp-tabs-list { display:none; }
h2.resp-accordion { display:block; position:relative; padding:10px 17px; }
.resp-vtabs .resp-tab-content { border:1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border:none; float:none; width:100%; min-height:initial; clear:none; }
.resp-accordion-closed { display:none!important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom:1px solid #c1c1c1!important; }

/*** Investors ***/
.promoContainer.investors .contentInner .contentLeft { margin-bottom: 40px; }

}


@media only screen and (max-width : 800px) { 

/*** Board ***/
.profile img { float:none; margin:0 15px 15px 0; }
.profile h3 { padding-top: 15px; }
.image-holder { float:none; margin:0 15px 15px 0; }
 
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) { 

/*** Main Content ***/
.contentContainer { margin:0; }
.contentLeft, .contentRight { float:none; width:100%; margin:0; }
.contentLeft.media { float:left; }
.contentRight.media { float:left; margin:0 0 0 0; text-align:left; }
h1 { font-size:30px; }
.contentContainer.homeContent .contentHeader h1 { font-size:30px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:16px; }

.split { margin-bottom:0 !important; }

#responsibilityGraphic,#responsibilityGraphic img { width:auto; }

ul.countries { width:100%; margin-bottom:20px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
ul.countries li { text-align:center; }
ul.countries li:before { display:none; }
ul.countries a { font-family:'HelveticaBold', Helvetica, Arial, sans-serif; }

ul.country-map { display:inline-block; zoom:1; list-style-type:none; width:100%; margin:0; padding:0; vertical-align:top; }
ul.country-map li { margin:0; padding:0; }
ul.country-map a { margin:0; padding:0; }

.addresses ul li { width:100%; text-align:center; }

.locations ul li { width:46%; }

/*** Promotion Section ***/
#promoContainer { padding:15px 0; }
.pensions { clear:both; padding-top:15px; }
.property { padding-top:15px; }

.promoContainer.manager .contentInner .contentLeft { width:50%; }
.promoContainer.manager .contentInner .contentLeft h4, .promoContainer.manager .contentInner .contentLeft p { font-size:16px; line-height:1.4em; }
.promoContainer.manager .contentInner .contentLeft .column { width:auto; }
.promoContainer.manager .contentInner .contentLeft .column:before { top:0px; }

.one-third.column { float: none; width: 100%; margin-left: 0 }

/*** Footer ***/
#footerContainer,#sitemap-inner { width:90%; padding:0 5%; }
#headerTop { width:90%; padding:0 5%; }
#footerContainer #footerLeft,#footerContainer #footerRight { float:none; text-align:center; }
#footerLeft ul { margin-bottom:20px; }
#footerRight p { margin-bottom:15px; }
#socialMediaFooter ul { margin:0; }
 
}


@media only screen and (max-width : 600px) {

.relatedCol { width:100%; }
.relatedCol a.btn img { width:70px; }
.relatedInner { margin:10px 0 0 0; }
p.relatedTitle { display:inline-block; padding:0; }
.relatedCol a.btn { margin:0 3% 0 0; vertical-align:middle; }

.contentContainer.homeContent .contentHeader { background-size: 400% 140%; background-position: 80% 140%; }

.column.left { float: none; width: 100%; margin: 0 0 40px 0; }
.column.right { float: none; width: 100%; }

}


@media only screen and (max-width : 480px) {

/*** Home ***/
.promoContainer.manager .contentInner { background:none !important; }
.promoContainer.manager .contentLeft { width:100% !important; }
.promoContainer.manager .contentInner .contentLeft .column { width:auto; }
.promoImg { width:auto; }
.promoImg img { width:40px; }
.hidden-title.long { padding:0; }

.internalContent { width:90%; padding:10px 5%; }

a.latestmedia img { width:100%; }

#responsibilityGraphic,#responsibilityGraphic img { width:100%; }

.locations ul li { width:100%; margin-right: 0 !important; }

.relatedCol a.btn img { width:40px; }

.footer-col { width:100% !important; margin:0 0 20px 0; }
.footer-col.col5 { text-align:left; }
.footerLeft, .footerRight { float:left; width:100%; }

.social, .subscribe-footer { float:left; margin:0 0 20px 0; text-align: left; }

.subscribeWrap { float:left; }

}




/* -------------------------------- 

HISTORY TIMELINE

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #f26729;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline { margin: 0; }
  #cd-timeline::before { left: 50%; margin-left: -2px; }
}

.cd-timeline-block { position: relative; margin: 2em 0; }
.cd-timeline-block:after { content: ""; display: table; clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-block { margin: 4em 0; }
  .cd-timeline-block:first-child { margin-top: 0; }
  .cd-timeline-block:last-child { margin-bottom: 0; }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background:#f26729;
}
.cd-timeline-img p {
    padding:20px 0;
    color:#fff;
    font-family:'HelveticaBold', Helvetica, Arial, sans-serif;
    text-align:center;
}
.cd-timeline-content p { position:relative; padding-left:20px; *padding-left:0; }
.cd-timeline-content p:before {
    position: absolute;
    font-family: 'fontAwesome';
    content: '\f111';
    top: 0px;
    left: 0px;
    color: #f26729 !important;
    font-size: 13px;
    vertical-align: middle;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
  /*.cd-timeline-img.year.display, .cd-timeline-content.display {
      visibility: visible !important;
  }*/
}

@-webkit-keyframes cd-bounce-1 {
  0% { opacity: 0; -webkit-transform: scale(0.5); }
  60% { opacity: 1; -webkit-transform: scale(1.2); }
  100% { -webkit-transform: scale(1); }
}

@-moz-keyframes cd-bounce-1 {
  0% { opacity: 0; -moz-transform: scale(0.5); }
  60% { opacity: 1; -moz-transform: scale(1.2); }
  100% { -moz-transform: scale(1); }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 80px;
  border:1px solid #e1e1e1;
  padding: 1em;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content:after, .cd-timeline-content:before {
	right: 100%;
	top: 30px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.cd-timeline-content:before {
	border-color: rgba(225, 225, 225, 0);
	border-right-color: #e1e1e1;
	border-width: 11px;
	margin-top: -11px;
}
.cd-timeline-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 { font-size: 20px; }
  .cd-timeline-content p { font-size: 16px; }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 35%;
  }
  .cd-timeline-content:before {
    top: 30px;
    left: 100%;
    border-color: rgba(225, 225, 225, 0);
	border-left-color: #e1e1e1;
  }
  .cd-timeline-content:after {
    top: 30px;
    left: 100%;
    border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content:before {
    top: 30px;
    left: auto;
    right: 100%;
    border-color: rgba(225, 225, 225, 0);
    border-right-color: #e1e1e1;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content:after {
    top: 30px;
    left: auto;
    right: 100%;
    border-color: rgba(225, 225, 225, 0);
    border-right-color: #fff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% { opacity: 0; -webkit-transform: translateX(-100px); }
  60% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes cd-bounce-2 {
  0% { opacity: 0; -moz-transform: translateX(-100px); }
  60% { opacity: 1; -moz-transform: translateX(20px); }
  100% { -moz-transform: translateX(0); }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% { opacity: 0; -webkit-transform: translateX(100px); }
  60% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes cd-bounce-2-inverse {
  0% { opacity: 0; -moz-transform: translateX(100px); }
  60% { opacity: 1; -moz-transform: translateX(-20px); }
  100% { -moz-transform: translateX(0); }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* campaigns */
.campaigns {background: #f26729; }
.campaigns__content { min-height: auto; padding: 30px 20px; border: 0; width: 90%; }
.campaigns__text { display: inline-block; width: 60%;}
.campaign__text--heading { font-size: 30px; color: #FFFFFF; margin: 7px 0;}
.campaign__text--para { color: #FFFFFF; margin: 0;}
.campaigns__action { display: inline-block;    width: 30%;    text-align: right;    vertical-align: top;    margin-top: 30px;}
.btn.btn-blue { background: #252d59;    padding: 15px 50px;}

@media only screen and (max-width : 768px) {
	.campaigns__content { padding: 30px 20px; width: 80%; }
	.campaigns__text { display: block; width: 100%}
	.campaigns__action { display: block; width: 100%; text-align: left}
}