@charset "utf-8";
/* CSS Document */
@media (min-width: 768px), print{
	header{height:90px;}
	header .logo img{width:112px; height: 60px;}
	header .logo{padding: 15px 0 0 20px;}
	header .search-btn img{width:29px; height: 29px; position: absolute; right:30px; top: 30px;}
	.hamburger{margin: 20px 0 0 0;}
	
	
	
	.footer { padding: 80px 90px; }	
	.footer .disclaimer li, .footer .social li { display:inline-block; }
	
	.strip .title{ line-height: 70px; padding: 0;}
	
	.pageBanner { margin-top: 90px; }
	.pageBanner h1 { font-size: 70px; bottom: 75px; padding: 0 90px; line-height: 70px; }
	.breadcrumb { padding: 10px 90px; }
	.full-width { padding: 0 90px; }
	.contents { padding-top: 70px; padding-bottom: 70px; }
	
	.community{display: table;}
	.community .headline{ padding:45px 90px 30px 90px; height: 442px;}
	.community .headline h2{font-size:36px;}
	.community .post .news .content{padding:35px 30px;}
	.community .post .news .photo img{width:230px; height: 220px;}
	.community .post .news {height:220px;}
	.community .post .news .content:before{top: calc(50% - 30px); 
  	border-top: 30px solid transparent;
   	border-bottom: 30px solid transparent;
  	border-right: 30px solid #ffffff;
	}
	.community .post .news .content .btn.link, .home-news .post .btn.link { position: absolute; right: 30px; }
		
	.tabs .tab-nav-btn { display: none; }
	.tab-links li { display: block; }
	.tab-links li a:hover { background: #00c7ca; color: #fff; }
	.tab-content { padding-top: 70px; padding-bottom: 100px; }
	
	.contentWrapper .mainContent { padding: 70px 90px; }
	.sideContent .sideBlocks { margin: 20px 90px 0; }
	.pods { padding: 50px 90px; }
	.pods .item { width: 49%; margin: 0 0 2% 2%; }
	.pods .item:nth-child(odd) { margin-left: 0; }

	.directors .tab-links li, .offices .tab-links li { width: 50%; }
	
	.offices .officeList { display: flex; flex-wrap: wrap; }
	.offices .infoWrapper { width: 49%; /*margin-bottom: 2%;*/ }
	.offices .infoWrapper:nth-child(odd) { margin-right: 2%; }
	
	.history .historyWrapper { padding: 20px; min-height: 760px; position: relative; }
	.history .historyWrapper .year { position: absolute; height: 100%; }
	.history .historyWrapper .year span { font-size: 130px; width: 39%; text-align: center; position: absolute; }
	.history .historyWrapper .details { width: 61%; min-height: 720px; }
	
	.companies .company-listing-large { padding-top: 50px; margin-left: -12.5px; margin-right: -12.5px; }
	.companies .item { margin-bottom: 50px; margin-right: -4px; width: 50%; display: inline-block; vertical-align: top; padding: 0 12.5px; }
	
	.link-block-left h2 { left: 90px; }
	
	.ir .tab-links li { width: 50%; }
	.ir .reports .title h2, .ir .analyst .title h2 { padding-left: 90px; }
	.ir .reports .title .year-filter, .ir .analyst .title .year-filter { position: absolute; top: 10px; right: 90px; left: auto; }
	.irStats .full-width { width: 80%; margin: auto; }
	.irStats .item { width: 50%; float: left; }
	.irStats .item { padding-top: 40px; }
	.irStats .item:before { content: ""; display: block; width: 140px; height: 4px; position: relative; margin: auto; top: -10px; background: #00c7ca; }
	
	.priceWrapper .vol { float: left; }
	.priceWrapper .date { float: right; }
	
	.regulatory .tab-links li { width: 50%; }
	.regulatory .title .year-filter { position: absolute; top: 10px; right: 0px; left: auto; }
	.regulatory .doclist .date { width: 200px; }
	.regulatory .doclist .doc-title { display: table; }
	
	.news .newsTabs .tab-nav-btn { display: none; }
	.news .listing { padding-top: 40px; padding-bottom: 40px; }
	.news .post { padding: 0 90px; }
	.news .post .content { padding: 0px 30px 35px; }
	.news .post .photo .img:after { top: calc(50% - 30px); border-width: 30px 30px 30px 0px; }
	.news .post .photo .img { width: 230px; height: 220px; }
	.news .post .photo .img img { width: 230px; height: 220px; }
	.news .post .photo .img img.cover { /*width: 104px; height: 147px;*/width: 141px; height: 200px; }
	
	.article .article-img { margin-top: -170px; margin-bottom: 60px; }
	
	.community .contents { padding-bottom: 50px; }
	.community .pods .item { width: 49%; }
	.community .pods .item:first-child { margin-left: 0; }
	.community .pods .item .desc { margin: 20px 0 0; }
	
	.careers .content-left { display: table-cell; padding-right: 60px; vertical-align: top; }
	.careers .content-right { width: 260px; display: table-cell; }
	.careers .link-block-left { padding: 45px 90px; }
	
	.mindset .pods.about .item { width: 32%; margin-left: 2%; }
	.mindset .pods.more .item, .foundation .pods.more .item { width: 49%; margin-left: 2%; }
	.mindset .pods .item:first-child, .foundation .pods.more .item:first-child { margin-left: 0; }
	
	.foundation .pods.about { margin-left: -12.5px; margin-right: -12.5px; padding: 50px 90px 0; }
	.foundation .pods.about .item { margin: 0 -4px 50px 0; width: 50%; display: inline-block; vertical-align: top; padding: 0 12.5px; }

	.publications .reports .title .year-filter { position: absolute; top: 20px; right: 0px; left: auto; }
	.lvl2Tab-nav a { margin: 0 30px; font-size: 22px;}
	
	.mfp-inline-holder .mfp-content { width: 80%; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.slick-arrow a { display: none; }
	.slick-arrow.slick-prev, .slick-arrow.slick-next { padding: 10px 15px; }
	
	.ir .pods .item { width: 100%; margin-left: 0; }
	
	.news .newsTabs .tab-nav-btn { display: block; right: 90px; }
	.news .tab-links li { display: none; }
	.news .tab-links li.active { display: block; }
	.news .tab-links li a:hover { background: #fff; color: #7477bf; }
	.news .tab-links.open { position: absolute; background: #00c7ca; width: calc(100% - 180px); margin-top: 30px; z-index: 25; padding-top: 60px; padding-bottom: 20px; }
	.news .tab-links.open li { display: block; float: none; text-align: left; }
	.news .tab-links.open li a { color: #fff; padding: 15px 20px; }
	.news .tab-links.open li.active a, .tab-links.open li a:hover { background: transparent; color: #008688; }
	.news .tab-links.open li.tav-nav-close { display: block; }	

	.news .featured-post .feature-left { padding-left: 90px; padding-right: 90px; }
	
	
}