/*   
Theme Name: XuperXells
Theme URI: http://www.x4.com
Description: Theme template -- WordPress v4.0
Author: GS-I
Author URI: http://www.gs-interactive.net
Version: 1
*/

html {
	overflow-y: scroll;

}

body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	
}

a {
	color: #68a8bd;
	text-decoration:underline;
}

a:hover {
	color: #b61d4c;
}



.masthead {
	position:absolute;
	top:45px;
	left:0;
	width:100%;
	background-color: rgba(255,255,255,.8);
	border-bottom:1px solid #fff;
	z-index:800;
	z-index:100;
}

.grey-background {
	padding: 1rem;
	background-color: #C6C8CC;
}

@media(max-width: 780px) {
	.masthead {
		top:20px;
	}
}

.masthead-in {
	width:1200px;
	height:100px;
	margin:0 auto;
	position:relative;
}

@media(max-width: 1240px) {
	.masthead-in {
		width:auto;
	}
}

@media(max-width: 780px) {
	.masthead-in {
		height:80px;
	}
}



.logo {
	position:absolute;
	top:8px;
	left:50px;
}

.logo img {
	width:128px;
	height:85px;
}

@media(max-width: 1240px) {
	.logo {
		top:8px;
	}
	
}

@media(max-width: 900px) {
	.logo {
		left:25px;
		top:17px;
	}
	
	.logo img {
		
		width:105px;
		height:70px;
	}
	
}

@media(max-width: 780px) {
	
	.logo {
		left:15px;
		top:10px;
		
	}
	
	.logo img {
		width:95px;
		height:63px;
	}
	
}

.navigation {
	position:absolute;
	top:45px;
	left:220px;
	width:930px;
	text-align:left;
	font-size:18px;
	line-height:18px;
}

.social-media {
	position: absolute;
	top: 44px;
	right: 50px;
}

.social-media a {
	font-size: 20px;
}

.social-media .twitter {
	margin-right: 12px;
}

#header-menu .menu-item-6179 {
	display: none;
}
#header-menu .menu-item-6180 {
	display: none;
}

@media(max-width: 1240px) {
	.navigation {
		left:230px;
		width:675px;
	}
}

@media(max-width: 900px) {
	.navigation {
		left:180px;
		width:675px;
	}
}


@media(max-width: 780px) {
	.navigation {
		display:none;
		top:80px;
		left:0;
		width:60%;
		margin:0 0 0 40%;
	}
	
	.social-media {
		display: none
	}
	
}

@media print {
	.navigation {
		display:none;
	}
}

#header-menu {
	margin:0;
	padding:0;
	list-style:none;
}

@media(max-width: 780px) {
	#header-menu {
		background-color: rgba(255,255,255,.9);
	}
}


#header-menu>li {
	margin:0;
	padding:0 55px 0 0;
	display:block;
	float:left;
	position:relative;
}

@media(max-width: 1240px) {
	#header-menu>li {
		padding:0 21px 0 0;
	}
}

@media(max-width: 900px) {
	#header-menu>li {
		padding:0 15px 0 0;
	}
}

@media(max-width: 780px) {
	#header-menu>li {
		padding:0;
		float:none;
		display:block;
		border-top:1px solid #fff;
	}
}

#header-menu>li a {
	font-family:Raleway, Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:600;
	height:55px;
	display:block;
	color:#022456;
	text-decoration:none;
}

@media(max-width: 780px) {
	#header-menu>li a {
		height:auto;
		display:block;
		padding: 10px 20px;
	}
	
	#header-menu .menu-item-6179 {
		width: 60px;
		display: inline-block;
	}
	#header-menu .menu-item-6180 {
		width: 60px;
		display: inline-block;
	}
	#header-menu .menu-item-6180 a {
		padding-left: 10px;
	}
}

#header-menu>li.current-page-ancestor a,
#header-menu>li.current_page_item > a
{
	color:#67a8bd;
}

#header-menu>li.current-page-ancestor>li a {
	color:#022456;
}

#header-menu>li>li.current_page_item a {
	color:#67a8bd;
}

#header-menu>li a:hover {
	color:#b61d4b;
}

#header-menu>li.current-page-ancestor>li a:hover {
	color:#b61d4b;
}

#header-menu>li>ul {
	position:absolute;
	left:-3000px;
	top:55px;
	margin:0;
	min-width:200px;
	padding:0 0 0 0;
	background-color: transparent;
}

@media(max-width: 780px) {
	#header-menu>li>ul {
		position:relative;
		left:0;
		top:0;
		margin:0 0 0 20px;
		padding:0;
		background-color:transparent;
		display:none;
	}
}

#header-menu>li:hover>ul {
	left:-20px;
}

@media(max-width: 780px) {
	#header-menu>li:hover>ul {
		left:0;
	}
}

#header-menu>li>ul>li {
	position:relative;
	padding:0;
	display:block;
	float:none;
	border-top:1px solid #fff;
	background-color: rgba(255,255,255,.9);
}

@media(max-width: 780px) {
	#header-menu>li>ul>li {
		background-color:transparent;
	}
}

#header-menu>li>ul>li:last-child {
	padding-bottom:5px;
}

#header-menu>li>ul>li a {
	height:auto;
	display:block;
	padding:7px 20px;
	font-size:15px;
	
}

#header-menu>li>ul>li>ul {
		position:absolute;
		left:-5000px;
		top:10px;
		margin:0 0 0 20px;
		padding:0;
		background-color:transparent;
}

@media(max-width: 780px) {
	#header-menu>li>ul>li>ul {
		position:relative;
		left:0;
		top:0;
		margin:0 0 0 20px;
		padding:0;
		background-color:transparent;
		display:none;
	}
}

#header-menu>li>ul>li:hover>ul {
	left:175px;
	width:200px;
}

@media(max-width: 780px) {
	#header-menu>li>ul>li:hover>ul {
		left:0;
		width:auto;
	}
}

#header-menu>li>ul>li>ul>li {
	position:relative;
	padding:0;
	display:block;
	float:none;
	border-top:1px solid #fff;
	background-color: rgba(255,255,255,.9);
}

@media(max-width: 780px) {
	#header-menu>li>ul>li>ul>li {
		background-color:transparent;
	}
}



#header-menu>li>ul>ul>ul {
	display:none;
}


.hamburger {
	display:none;
}

@media(max-width: 780px) {
	.hamburger {
		display: block;
		position:absolute;
		top:30px;
		right:20px;
	}
}


.wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	overflow:hidden;
	z-index:10;
}

.home-content-wrapper {
	width:100%;
	min-height:850px;
	margin:0;
	padding:0;
	position:relative;
}

.home-image {
	position:relative;
	width:100%;
	height:850px;
	min-height: 100vh;
	background-image:url(images/bg-hp.jpg);
	background-size:cover;
	background-position:left top;
	overflow:hidden;
}

@media(max-width: 1240px) {
	.home-image {
		background-image:url(images/bg-hp1200.jpg);
	}
}

@media(max-width: 940px) {
	.home-image {
		height:500px;
		min-height:500px;
	}
}

@media(max-width: 640px) {
	.home-image {
		height:350px;
		min-height:350px;
	}
}
@media(max-width: 440px) {
	.home-image {
		height:370px;
		min-height:370px;
	}
}

.home-swoosh {
	position:absolute;
	top:0;
	right:200px;
}

@media(max-width: 1340px) {
	.home-swoosh {
		right:0;
	}
}

@media(max-width: 940px) {
	.home-swoosh {
		right:-100px;
	}
}

.home-4-rotation {
	position:absolute;
	top:-100px;
	left:65px;
	width:1500px;
}
@media(max-width: 1540px) {
	.home-4-rotation {
		top:-50px;
		left:30px;
		width:1200px;
	}
}

@media(max-width: 1240px) {
	.home-4-rotation {
		top:0;
		left:10px;
		width:900px;
	}
}

@media(max-width: 940px) {
	.home-4-rotation {
		top:50px;
		left:10px;
		width:600px;
	}
}

@media(max-width: 640px) {
	.home-4-rotation {
		top:50px;
		left:10px;
		width:400px;
	}
}

@media(max-width: 440px) {
	.home-4-rotation {
		top:60px;
		left:10px;
		width:280px;
	}
}



.home-4-rotation img {
	position:absolute;
	width:100%;
	height:auto;
	display:none;
}


.home-text {
	font-family:Raleway, Verdana, Geneva, sans-serif;
	position:absolute;
	top:440px;
	left:600px;
	width:800px;
	color:#002254;
	font-weight:400;
}

@media(max-width: 1540px) {
	.home-text {
		left:460px;
		top:375px;
	}
}

@media(max-width: 1240px) {
	.home-text {
		width:600px;
		top:320px;
		left:330px;
	}
}

@media(max-width: 940px) {
	.home-text {
		left:230px;
		top:270px;
		width:360px;
	}
}

@media(max-width: 640px) {
	.home-text {
		left:25%;
		width:70%;
		top:200px;	
	}
}
@media(max-width: 440px) {
	.home-text {
		left:30%;
		width:65%;
		top:165px;	
	}
}

.home-text h2 {
	font-size:28px;
	line-height:1.5;
	font-weight:300;
}

.home-text p {
	font-size:18px;
	line-height:1.5;
	font-weight:300;
}

@media(max-width: 640px) {
	.home-text h2 {
		font-size:24px;
		line-height:1.4;
	}
	
	.home-text p {
		font-size:14px;
		line-height:1.4;
	}
}

@media(max-width: 440px) {
	.home-text h2 {
	}
	
	.home-text p {
		font-size:13px;
	}
}

.callouts {
	position:absolute;
	bottom:35px;
	left:600px;
}

@media(max-width: 1540px) {
	.callouts {
		left:450px;
	}
}

@media(max-width: 1340px) {
	.callouts {
		left:auto;
		right:50px;
	}
}

@media(max-width: 940px) {
	.callouts {
		left:auto;
		right:auto;
		bottom:auto;
		position:relative;
	}
}

.callout {
	font-family:Raleway, Verdana, Geneva, sans-serif;
	position:relative;
	width:280px;
	border-top:3px #b61d4c solid;
	height:260px;
	background-color: rgba(255,255,255,.2);
	margin:0 2px;
	float:left;
}

@media(max-width: 1340px) {
	.callout {
		background-color: rgba(255,255,255,.6);
	}
}

@media(max-width: 940px) {
	.callout {
		
		position:relative;
		width:100%;
		border-top:3px #b61d4c solid;
		height:auto;
		background-color: #fff;
		margin:0;
		float:none;
	}
}

.callout-in {
	padding:20px 25px 0;
	color: #002254;
	font-size:14.5px;
	line-height:1.3;
	font-weight:300;
}

.callout-in .title {
	font-size:18px;
	line-height:1.1;
	font-weight:600;
	padding:0;
	height:50px;
}

.callout-in .callout-text {
	font-size:14.5px;
	font-weight:300;
	padding:0;
	height:155px;
}

@media(max-width: 940px) {
	.callout-in .callout-text {
		height:auto;
		padding:0 0 15px 0;
	}
}

.callout-in .callout-text :first-child {
	margin-top:0;
}

.callout-in .callout-text a {
	color: #002254;
	text-decoration:none;
}

.callout-in .callout-text a:hover {
	color: #b61d4c;
	text-decoration:none;
}

.callout-in strong {
	font-weight:600;
}

.callout-in .callout-more {
	font-size:14.5px;
	font-weight:300;
	padding:0;
	height:30px;
}

.callout-in .callout-more a {
	color: #002254;
	text-decoration:none;
}

.callout-in .callout-more a:hover {
	color: #b61d4c;
	text-decoration:none;
}



/* ------------ inside pages ---------------- */
.banner-image {
	width:100%;
	height:450px;
	margin:0;
	position:relative;
	border-bottom:5px #b61d4c solid;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
}


@media(max-width: 1240px) {
	.banner-image {
		height:390px;
	}
}

@media(max-width: 940px) {
	.banner-image {
		height:350px;
	}

}

@media(max-width: 800px) {
	.banner-image {
		height:300px;
	}
	
}

@media(max-width: 640px) {
	.banner-image {
		height:250px;
	}
	
}

/*.topleft img {
	top:0;
	left:0;
	bottom:auto;
	right:auto;
}

.topright img {
	top:0;
	left:auto;
	bottom:auto;
	right:0;
}

.botleft img {
	top:auto;
	left:0;
	bottom:0;
	right:auto;
}

.botright img {
	top:auto;
	left:auto;
	bottom:0;
	right:0;
} */

.banner-image .title {
	position:absolute;
	bottom:120px;
	left:0px;
	width:100%;
	color:#002254;
}

@media(max-width: 1240px) {
	.banner-image .title {
		bottom:100px;
	}
}

@media(max-width: 940px) {
	.banner-image .title {
		bottom:80px;
	}
}


@media(max-width: 640px) {
	.banner-image .title {
		display:none;
	}
}

.banner-image .title-in {
	font-family:Raleway, Verdana, Geneva, sans-serif;
	position:relative;
	width:1080px;
	padding:0 60px;
	margin:0 auto;
	font-size:34px;
	font-weight:600;
	color:#002254;
}

@media(max-width: 1240px) {
	.banner-image .title-in {
		width:auto;
	}
}

@media(max-width: 840px) {
	.banner-image .title-in {
		padding:0 15px;
	}
}

.banner-image .title-in .light {
	color:#fff;
}

.inner-content-wrapper {
	width:1240px;
	padding:0;
	margin:0 auto;
}

@media print {
	.inner-content-wrapper {
		width:100%;
	}
}

.inner-content-wrapper a {
	color: #428297;
	text-decoration:none;
}
.inner-content-wrapper a:hover {
	color: #428297;
	text-decoration:underline;
}

@media(max-width: 1240px) {
	.inner-content-wrapper {
		width:900px;
		padding:0 20px;
	}
}

@media(max-width: 940px) {
	.inner-content-wrapper {
		width:640px;
		padding:0;
	}
}

@media(max-width: 640px) {
	.inner-content-wrapper {
		width:100%;
		min-width:320px;
		padding:0;
	}
}


.inner-content-columns {
	padding:50px 0 30px 0;
	overflow:hidden;
}

.inner-content-columns h1 {
	font-family:Raleway, Verdana, Geneva, sans-serif;
	font-size:26px;
	line-height:1.2;
	color: #002254;
	font-weight:600;
}

.inner-content-columns h2 {
	font-size:18px;
	line-height:24px;
	font-weight:600;
	margin:20px 0 10px 0;
}

.inner-content-columns h3 {
	font-size:16px;
	line-height:24px;
	font-weight:600;
	margin:20px 0 10px 0;
}

.inner-content-columns h2 + p, .inner-content-columns h3 + p{
	margin-top:10px;
}


.secondary-nav {
	margin:0 0 0 25px;
	width:320px;
	float:left;
}

@media(max-width: 1240px) {
	.secondary-nav {
		margin:5px 0 0 0;
		width:210px;
	}
}

@media(max-width: 940px) {
	.secondary-nav {
		display:none;
	}
}

@media print {
	.secondary-nav {
		display:none;
	}
}

.secondary-nav ul {
	width:265px;
	list-style:none;
	margin:0;
	padding:0;
	color:#969696;
}

@media(max-width: 1240px) {
	.secondary-nav ul {
		width:190px;
	}
}

.secondary-nav ul.children {
	width:210px;
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	border-top: none;
	color:#969696;
}

@media(max-width: 1240px) {
	.secondary-nav ul.children {
		width:180px;
	}
}

.secondary-nav li {
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:600;
	color:#000;
}

.secondary-nav li:last-child {
	border-bottom: none;
	padding-bottom:0;
}

.secondary-nav li a {
	font-family: Raleway, Verdana, Geneva, sans-serif;
	display:block;
	padding:10px;
	color:#002254;
	text-decoration:none;
}

.secondary-nav li.current_page_item a {
	color: #fff;
	background-color:#67a8bd;
	text-decoration:none;
}

.secondary-nav li.current_page_ancestor a {
	color:#002254;
	text-decoration:none;
}

.secondary-nav li a:hover {
	color: #b61d4b;
	text-decoration:none;
}



.secondary-nav li.page_item_has_children .children li a {
	color:#002254;
	text-decoration:none;
}

.secondary-nav li.page_item_has_children .children li a:hover {
	color:#b61d4b;
	text-decoration:none;
}

.secondary-nav li.page_item_has_children .children li.current_page_item a {
	color:#fff;
	text-decoration:none;
	margin:10px;
}

.secondary-nav li.current_page_ancestor .children li.current_page_item a {
	color:#fff;
	text-decoration:none;
	margin:10px;
}

.main-content-column {
	margin:0 -100px 0 0; /* this is for the swoosh overflow */
	padding:0 140px 0 0; /* this is for the swoosh overflow */
	width:600px;
	float:left;
	min-height:650px;
	font-size:16px;
	line-height:24px;
	background-image:url(images/swoosh2.png);
	background-repeat:no-repeat;
	background-position:top right;
}

@media(max-width: 1240px) {
	.main-content-column {
		width:405px;
		margin:0 -100px 0 0; /* this is for the swoosh overflow */
		padding:0 120px 0 0; /* this is for the swoosh overflow */
	}
}

@media(max-width: 940px) {
	.main-content-column {
		width:350px;
	}

}

@media(max-width: 640px) {
	.main-content-column {
		width:94%;
		min-width:320px;
		float:none;
		margin:0 3%;
	}
}

.main-content-column-narrow {
	margin:0 -100px 0 0; /* this is for the swoosh overflow */
	padding:0 120px 0 0; /* this is for the swoosh overflow */
	width:500px;
	float:left;
	min-height:650px;
	font-size:16px;
	line-height:24px;
	background-image:url(images/swoosh2.png);
	background-repeat:no-repeat;
	background-position:top right;
}

@media(max-width: 1240px) {
	.main-content-column-narrow {
		width:405px;
		margin:0 -100px 0 0; /* this is for the swoosh overflow */
		padding:0 120px 0 0; /* this is for the swoosh overflow */
	}
}

@media(max-width: 940px) {
	.main-content-column-narrow {
		width:350px;
	}

}

@media(max-width: 640px) {
	.main-content-column-narrow {
		width:94%;
		min-width:320px;
		float:none;
		margin:0 3%;
	}
}

.main-content-column-narrow > :first-child, .main-content-column > :first-child, .main-content-column-wide > :first-child { 
	margin-top: 0 
}


.main-content-column-wide {
	margin:0;
	width:870px;
	min-height:650px;
	float:left;
	font-size:16px;
	line-height:24px;
	background-image:url(images/swoosh2.png);
	background-repeat:no-repeat;
	background-position:top right -50px;
}

@media(max-width: 1240px) {
	.main-content-column-wide {
		width:675px;
		margin:0;
	}
}

@media(max-width: 940px) {
	.main-content-column-wide {
		width:640px;
	}

}

@media(max-width: 640px) {
	.main-content-column-wide {
		width:96%;
		padding:0 2%;
		min-width:300px;
		float:none;
		margin:0;
	}
}

@media print {
    .main-content-column-wide {
		margin:5%;
		width:90%;
		float:none;
		font-size:13px;
		line-height:18px;
	}
}

.nogrit {
	background-image:none;
}

.cxcr4-in-the-tumor-microenvironment .main-content-column-wide{
	background-image:none;
}

.contact .main-content-column-wide{
	background-image:none;
}


@media(max-width: 640px) {
	.management .main-content-column-wide{
		background-image:none;
	}
}

.main-content-column li, .main-content-column-wide li { 
	margin:0 0 10px 0; 
}

.pr-back {
	font-size:14px;
}

@media print {
	.pr-back {
		display:none;
	}
}

.main-content-column img, .main-content-column-wide img {
	max-width:100%;
	height:auto;
}

.main-content-column img.full {
	max-width:675px;
	height:auto;
}

@media(max-width: 640px) {
	.main-content-column img.full {
		max-width:100%;
	}

}

.publications strong {
	font-weight:600;
}

.columnWrap {
	overflow:hidden;
}

.columnHalf {
	width:48%;
	margin:0 2% 0 0;
	float:left;
}

@media(max-width: 940px) {
	.columnHalf {
		width:100%;
		float:none;
		margin:0 0 15px 0;
	}

}

.columnWrap > :first-child, .columnHalf > :first-child { 
	margin-top: 0 
}



.main-content-column > :first-child { 
	margin-top: 0 
}

.gridRow {
	width:800px;
	overflow:hidden;
}

@media(max-width: 1240px) {
	.gridRow {
		width:675px;
	}
}

@media(max-width: 940px) {
	.gridRow {
		width:640px;
	}
}

@media(max-width: 640px) {
	.gridRow {
		width:280px;
		margin:0 auto;
	}
}

.gridImage {
	width:400px;
	height:400px;
	float:left;
	overflow:hidden;
}

.GridA .gridImage  {
	float:left;
}

.GridB .gridImage  {
	float:right;
}

@media(max-width: 640px) {
	.GridA .gridImage  {
		float: none;
	}
	
	.GridB .gridImage  {
		float: none;
	}
}


.gridImage img {
	width:400px;
	height:400px;
}

@media(max-width: 1240px) {
	.gridImage {
		width:337px;
		height:337px;
	}
	
	.gridImage img {
		width:337px;
		height:337px;
	}
}

@media(max-width: 940px) {
	.gridImage {
		width:320px;
		height:320px;
	}
	
	.gridImage img {
		width:320px;
		height:320px;
	}
}

@media(max-width: 640px) {
	.gridImage {
		width:280px;
		height:280px;
		margin:0 auto;
	}
	
	.gridImage img {
		width:280px;
		height:280px;
	}
}

.gridText {
	width:370px;
	float:left;
	overflow:hidden;
	font-size: 16px;
	line-height: 1.4;
}

.GridA .gridText  {
	margin:0 0 20px 30px;
}

.GridB .gridText  {
	margin:0 30px 20px 0;
}


.GridName {
	color: #083050;
	font-size:22px;
	font-weight:bold;
	padding:20px 0 0;
}

.GridTitle {
	color: #083050;
	font-size:18px;
	line-height:1.1;
	padding:5px 0 15px 0;
}

@media(max-width: 1240px) {
	.gridText {
		width:317px;
		font-size: 15px;
		line-height: 1.3;
	}
	
	.GridA .gridText  {
		margin:0 0 10px 20px;
	}
	
	.GridB .gridText  {
		margin:0 20px 10px 0;
	}
	
}

@media(max-width: 940px) {
	.gridText {
		width:300px;
		font-size: 14px;
		line-height: 1.4;
	}
	
	.GridA .gridText  {
		margin:0 0 10px 20px;
	}
	
	.GridB .gridText  {
		margin:0 20px 10px 0;
	}
	
}

@media(max-width: 640px) {
	.gridText {
		width:100%;
		font-size: 14px;
		line-height: 1.4;
	}
	
	.GridA .gridText  {
		margin:0 0 20px 0;
	}
	
	.GridB .gridText  {
		margin:0 0 20px 0;
	}
	
	.GridName {
		text-align:center;
	}
	
	.GridTitle {
		text-align:center;
	}
}

.GridBio {
	padding:0;
}

.GridBioMore {
	display:none;
}

.readMore {
	font-weight:bold;
}

.readMore:hover {
	text-decoration:underline;
	cursor:pointer;
}


.managementBox {
	overflow:hidden;
	margin:0 0 20px 0;
	padding:0;
}

.positionsBox {
	overflow:hidden;
	margin:0 0 10px 0;
	padding:10px 30px 10px 10px;
	border-bottom: 1px solid #68a8bd;
	background-color:#eeeeee;
}

.managementPic {
	float:left;
	width:170px;
}

@media(max-width: 1240px) {
	.managementPic {
		width:150px;
	}
}

.managementPic img {
	width:120px;
	height:auto;
	margin:0 0 10px 0;
}

.managementRow {
	float:left;
	width:700px;
}

@media(max-width: 1240px) {
	.managementRow {
		width:525px;
	}
}

@media(max-width: 940px) {
	.managementRow {
		width:490px;
	}
}

.managementName {
	color: #083050;
	font-size:22px;
	font-weight:bold;
	padding:0 0 5px 0;
}

.managementTitle {
	color: #083050;
	font-size:18px;
	font-weight:600;
	padding:0 0 20px 0;
	border-bottom: 1px solid #68a8bd;
	margin:0 0 20px 0;
}

.managementBio {
	padding:0 0 20px;
}

.PositionRow {

}

.PositionTitle {
	color: #083050;
	font-weight:bold;
	padding: 0;
}

.PositionRow:hover .PositionTitle {
	color: #68a8bd;
	text-decoration:underline;
	cursor:pointer;
}

.PositionDesc {
	padding:0 0 15px 20px;
	display:none;
	clear:both;
}

.arrowToggle {
	display:inline-block;
	width:15px;
	height:15px;
	margin:0 5px 0 0;
	overflow:hidden;
	position:relative;
}

.arrowToggle img {
	position:absolute;
	top:0;
}

.arrowToggleOpen img {
	top:-15px;
}

.investorRow {
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #e5e5e5;
}

.investorLogo {
	margin:0 25px 0 0;
	float:left;
	width:200px;
}

@media(max-width: 640px) {
	.investorLogo {
		margin:0;
		text-align:center;
		width:100%;
	}
}

.investorText {
	margin:0 ;
	float:left;
	width:575px;
}

@media(max-width: 1240px) {
	.investorText {
		width:450px;
	}
}

@media(max-width: 940px) {
	.investorText {
		width:415px;
	}
}

@media(max-width: 640px) {
	.investorText {
		width:100%;
	}
}

.investorName {
	color: #68a8bd;
	font-weight:bold;
}

.investorName a {
	color: #428297;
	text-decoration:none;
}

.investorName a:hover {
	color: #428297;
	text-decoration:underline;
}


h2.h2news {
	border-top: 1px solid #68a8bd;
}

h2.h2news {
	border-top: 1px solid #68a8bd;
	padding:15px 0 0 0;
}

.newsRow {
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #CCC;
}

.newsDate {
	font-weight:600;
}

.newsPosters {
	margin-top:10px;
	font-weight:600;
	font-size:14px;
}
.newsPosterItem {
	margin-bottom:10px;
	font-size:14px;
	line-height:22px;
}


.newsRowHome {
	overflow:hidden;
	margin:0 0 15px 0;
}

.newsRowHome a {
	color: #03426f;
	text-decoration:none;
}

.newsRowHome a:hover {
	text-decoration:underline;
}

.sidebar-column {
	width:250px;
	float:left;
	font-size:18px;
	line-height:1.7;
	color:#446972;
	padding:0 0 15px 5px;
}

@media(max-width: 640px) {
	.sidebar-column {
		margin:0 3% 0;
		float:none;
		width:94%;
	}
}

.sidebar-column h2 {
	font-family: Raleway,Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:24px;
	color:#002254;
	font-weight:700;
	border-bottom:1px solid #002254;
	padding:0 0 8px 0;
	
}


.sidebar-column ul {
	padding: 0 0 0 20px;
}

.sidebar-column ul li {
	padding: 0 0 10px 0;
}

.sidebar-column  > :first-child { 
	margin-top: 0 
}

.sidebar-image {
	width:350px;
	float:left;
	margin:0;
}

.sidebar-image img {
	width:100%;
	height:auto;
	
}

@media(max-width: 1240px) {
	.sidebar-image {
		width:250px;
	}
}

@media(max-width: 640px) {
	.sidebar-image {
		margin:25px 3% 0;
		float:none;
		width:94%;
	}
}

.sbpr {
	font-size:18px;
	line-height:24px;
	color:#000;
}

.newsRow1 {
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0;
}

.sbpr h2 {
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
}

.newsRow1 .newsDate1 {
	margin:0;
	padding:16px 0 0 0;
	font-size:12px;
}

.newsRow1 .newsLogo1 {
	margin:4px 0 7px;
	width:150px;
	height:auto;
}

.newsRow1 .newsLogo1 img {
	margin:0;
	width:150px;
	height:auto;
}

.newsRow1 .newsTitle1 {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1.5;
}


/* ------------ footer ---------------- */

.footer-image {
	width:100%;
	height:auto;
	max-height:200px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.footer-image img {
	width:100%;
	height:auto;
}




.inner-footer-wrapper {
	margin:5px auto 20px;
	width:1240px;
	height:30px;
	position:relative;
}

@media(max-width: 1240px) {
	.inner-footer-wrapper {
		width:940px;
	}
}

@media(max-width: 940px) {
	.inner-footer-wrapper {
		width:640px;
	}
}

@media(max-width: 640px) {
	.inner-footer-wrapper {
		width:100%;
		min-width:320px;
		height:70px;
	}
}

.homeCopyright {
	font-size:11px;
	position:absolute;
	color: #002254;
	bottom:5px; left:605px;
}
@media(max-width: 1540px) {
	.homeCopyright {
		left:455px;
	}
}

@media(max-width: 1340px) {
	.homeCopyright {
		left:auto;
		right:55px;
	}
}

@media(max-width: 940px) {
	.homeCopyright {
		position:relative;
		right:auto;
		bottom:auto;
		padding:10px 0;
		margin:0 2%;
	}
}

.copyright {
	font-size:11px;
	margin:0 0 0 345px;
}

@media(max-width: 1240px) {
	.copyright {
		margin:0 0 0 345px;
	}
}

@media(max-width: 940px) {
	.copyright {
		margin:0;
	}
}

@media(max-width: 640px) {
	.copyright {
		margin:0 2%;
	}
}

.footer-nav {
	font-size:13px;
	width:300px;
	position:absolute;
	right:0;
	top:5px;
	text-align:center;
	color:#5395a1;
	
}

@media(max-width: 640px) {
	.footer-nav {
		top:10px;
		width:100%;
	}
}

.footer-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.footer-nav li {
	display:inline-block;
	margin:0;
	padding:0;
}

.footer-nav a {
	color:#222222;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 6px;
}

.footer-nav a:hover {
	color:#5395a1;
}



@media(max-width: 640px) {
	li.page-item-4897 {
		display:none;
	}
	
	li.page-item-4863 {
		border-bottom:none;
	}
}



/* WHIM Page */

.top20 {
	padding-top:20px;
}

.main-content-column-whole {
	max-width:1080px;
	margin:0 auto;
}

@media(max-width: 940px) {
	.main-content-column-whole {
		padding:0 10px;
	}
}

.main-content-column-whole img {
	max-width:100%;
	height:auto;
}

.PIback {
	text-align:right;
}


.main-content-column-whole h4 {
	margin-bottom:5px;
}

.main-content-column-whole h4+p {
	margin-top:5px;
}

.sectionHead {
	width:100%;
	padding:25px 0;
	color:#fff;
	background-color:#083050;
	position:relative;
}

.sectionHead h2 {
	max-width:1080px;
	margin:0 auto;
	font-weight:600;
}

@media(max-width: 1240px) {
	.sectionHead h2 {
		width:900px;
		padding:0 20px;
	}
}

@media(max-width: 940px) {
	.sectionHead h2 {
		width:620px;
		padding:0 10px;
	}
}

@media(max-width: 640px) {
	.sectionHead h2 {
		width:auto;
		padding:0 10px;
	}
}




.sectionSub {
	width:100%;
	padding:11px 0;
	color:#002254;
	background-color:#8dc2ce;
}

.sectionSub h3 {
	max-width:1080px;
	margin:0 auto;
	font-weight:600;
}

@media(max-width: 1240px) {
	.sectionSub h3 {
		width:900px;
		padding:0 20px;
	}
}

@media(max-width: 940px) {
	.sectionSub h3 {
		width:620px;
		padding:0 10px;
	}
}

@media(max-width: 640px) {
	.sectionSub h3 {
		width:auto;
		padding:0 10px;
	}
}

.whim {
	border:3px solid #00baba;
}

.whimImgCols {
	padding:0 0 15px;
	margin:0 25px 15px;
	overflow:hidden;
	border-bottom:1px solid #00baba;
}

.whimImgCol-1 {
	width: 25%;
	float:left;
	text-align:center;
}

.whimImgCol-1 img.whimCircle {
	max-width:150px;
}

@media(max-width: 640px) {
	.whimImgCol-1 img.whimCircle {
		max-width:100%;
	}
}

.whimImgCol-1 img.whimCirText {
	max-width:200px;
}

@media(max-width: 940px) {
	.whimImgCol-1 img.whimCirText {
		max-width:100%;
	}
}

@media(max-width: 640px) {
	.whimImgCol-1 img.whimCirText {
		display:none;
	}
}

.whimCols {
	margin:0;
	overflow:hidden;
	font-size:14px;
	display:none;
}

.whimCol-1 {
	width: 21%;
	padding:0 2%;
	float:left;
}

@media(max-width: 940px) {
	.whimCol-1 {
		width: 94%;
		padding:15px 0 5px 0;
		margin:0 3% 15px 3%;
		border-top:1px solid #e7e7e7;
	}
}

.whimMore {
	padding:5px 20px;
	font-size:18px;
	font-weight:600;
	text-align:right;
}

.whimMore:hover {
	color:#00baba;
	cursor:pointer;
}

.whimText {
	margin:10px auto 30px;
	padding:0 25px;
	max-width:880px;
	font-size:20px;
	text-align:center;
}

@media(max-width: 940px) {
	.whimText {
		font-size:16px;
	}
}

.patient-1 {
	float:left;
	width:30%;
	margin:0 5% 10px 0;
}

@media(max-width: 540px) {
	.patient-1 {
		width:100%;
		margin:0 0 10px 0;
		float:none;
	}
}

.patient-2 {
	float:right;
	width:30%;
	margin:0 0 10px 5%;
}

@media(max-width: 540px) {
	.patient-2 {
		width:100%;
		margin:0 0 10px 0;
		float:none;
	}
}

.patient-3 {
	float:left;
	width:36%;
	margin:0 3% 30px 0;
	padding:25px 2% 25px;
	border:2px solid #00baba;
}

@media(max-width: 940px) {
	.patient-3 {
		width:50%;
	}
}

@media(max-width: 640px) {
	.patient-3 {
		width:95%;
		folat:none;
		padding:25px 2% 10px;
		margin:0 0 20px 0;
	}
}

.patient-3 li {
	padding-bottom:10px;
}

.patient-4 {
	float:right;
	width:20%;
	margin:0 10% 10px 5%;
}

@media(max-width: 640px) {
	.patient-4 {
		width:52%;
		margin:0 0 10px 3%;
	}
}


.patient-5 {
	width:94%;
	margin:50px 3% 0;
}

@media(max-width: 640px) {
	.patient-5 {
		display:none;
	}
}

.patient-5-m {
	display:none;
}

@media(max-width: 640px) {
	.patient-5-m {
		display:block;
		max-width:250px;
		margin:50px auto 0;
	}
}

.outro {
	padding-top:5px;
	color:#002254;
	background-color:#cfe3e5;
}

.cite {
	padding:0 30px;
	font-size:13px;
	font-style:italic;
}

.sectionCta {
	width:100%;
	padding:25px 0;
	color:#083050;
	background-color:#fff;
}

.bottomCta{
	color:#fff;
	background-color:#083050;
}

.sectionCtaIn {
	max-width:1080px;
	margin:0 auto;
	font-weight:500;
	font-size:25px;
	overflow:hidden;
}

@media(max-width: 1240px) {
	.sectionCtaIn {
		width:900px;
		padding:0 20px;
	}
}

@media(max-width: 940px) {
	.sectionCtaIn {
		width:620px;
		padding:0 10px;
		font-size:20px;
	}
}

@media(max-width: 640px) {
	.sectionCtaIn {
		width:96%;
		padding:0 2%;
		font-size:20px;
	}
}

.ctaLeft {
	width:60%;
	float:left;
}

@media(max-width: 640px) {
	.ctaLeft {
		width:100%;
		float:none;
	}
}

.ctaTop {
	text-align:left;
}

.ctaBottom {
	text-align:right;
	font-size:45px;
	font-weight:600;
}

@media(max-width: 940px) {
	.ctaBottom {
		font-size:30px;
	}
}

.ctaRight {
	width:40%;
	float:left;
	text-align:right;
}

@media(max-width: 640px) {
	.ctaRight {
		width:100%;
		float:none;
	}
}

.ctaRight a {
	display:inline-block;
	text-decoration:none;
	color:#083050;
	font-weight:300;
	margin:35px 0;
	padding:4px 20px;
	border:1px solid #4f8aa2;
}

.ctaRight .bottomCtaRight {
	color:#fff;
}

.ctaRight a:hover {
	background-color:#13395a;
	border:1px solid #00baba;
	color: #fff;
}

.ctaRight .bottomCtaRight:hover {
	background-color:#13395a;
	border:1px solid #00baba;
	color: #fff;
}

.ftdark {
	background-color:#636363;
	padding:5px 0 0 0;
}

.copyright1 {
	padding:0 60px;
	color:#fff;
	font-size:13px;
	margin:0;
}

@media(max-width: 1240px) {
	.copyright1 {
		padding:0 20px;
	}
}

@media(max-width: 940px) {
	.copyright1 {
		padding:0 10px;
	}
}

.clickbig {
	text-align:right;
	font-size:12px;
	color:#666;
	margin-top:-5px;
}

	
/*------ exit site pop up ----- */
.exitpopupbg {
	display: none; 
	width:100%; 
	height:100vh;
	top:0;
	left:0;
	position:fixed; 
	background:#000000; 
	opacity: .75; 
	filter:alpha(opacity=0.75); 
	z-index:999998;
}

.exitpopup {
	width:80%;
	max-width:500px; 
	height:auto; 
	margin:0px auto; 
	display:none; 
	position:fixed; 
	color:#000; 
	padding:30px 3%; -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	z-index:999999; 
	background:#fff;
}

#exitpopup{
		text-align:left;
}
	
#exitpopup p{
		text-align:left;
}

#exitpopup a{
	margin:20px 0 0 0;
	display:inline-block;
	padding:8px 10px;
	background-color:#68a8bd;
	color:#fff;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	text-decoration:none;
}