/*
Theme Name: Maveron

.IsidoraSans-Thin { 
	font-family: IsidoraSans-Thin;
	font-weight: normal;
	font-style: normal;
}
.IsidoraSans-Light { 
	font-family: IsidoraSans-Light;
	font-weight: normal;
	font-style: normal;
}
.IsidoraSans-Regular { 
	font-family: IsidoraSans-Regular;
	font-weight: normal;
	font-style: normal;
}
.IsidoraSans-Medium { 
	font-family: IsidoraSans-Medium;
	font-weight: normal;
	font-style: normal;
}
.IsidoraSans-SemiBold { 
	font-family: IsidoraSans-SemiBold;
	font-weight: normal;
	font-style: normal;
}
.IsidoraSans-Bold { 
	font-family: IsidoraSans-Bold;
	font-weight: normal;
	font-style: normal;
}
.IsidoraSans-Black { 
	font-family: IsidoraSans-Black;
	font-weight: normal;
	font-style: normal;
}

*/



/* css for basic items---------------------------------------------------------------------------------------------------*/
* {
	outline: none !important;
	}
html,body {
	width: 100%;
	height: 100%;
    }
body {
	position: relative;
	padding: 0;
	margin: 0;
	min-width: 100%;
	font-family: 'IsidoraSans-Regular', sans-serif;
	font-size: 20px;
	line-height: 34px;
	color: #000;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;	
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #000;
	text-decoration: underline;
	outline: none;
    transition: all 0.2s linear;
    }
a:hover {
	color: #000;
	text-decoration: underline;
	outline: none;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 15px 15px;
	margin: 0 0 0 0;
	list-style: url(images/dot.png);
	}
ul li {
	padding: 0 0 20px 10px;
	margin: 0;
	float: none;
	}
ol {
	padding: 0 0 15px 20px;
	margin: 0;
	}
ol li {
	padding: 0;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 30px 0;
	margin: 0;
	}
sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	font-size: 14px; line-height: 14px;
	}	
strong,
b {
	font-family: 'IsidoraSans-Bold', sans-serif;
	font-weight: normal;
	font-style: normal;	
	}
hr {  
	padding: 0 0 0 0;
	margin: 21px 0 21px 0;
	height: 1px;
	border: none;
	border-bottom: 1px solid #000;
	}
h1 {
 	padding: 0 0 0 0;
	margin: 0 0 17px 0;
	font-size: 100px;
	line-height: 100px;
	color: #000;
	font-family: 'IsidoraSans-Bold', sans-serif;
	font-weight: normal;
	font-style: normal;	
	letter-spacing: 2px;
	}
h2 {
 	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	font-size: 55px;
	line-height: 55px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #000;
	font-weight: normal;	
	font-style: normal;	
	}
	.intro h2 {
		text-transform: uppercase;
		}
h3 {
 	padding: 0 0 0 0;
	margin: 0 0 60px 0;
	font-size: 22px;
	line-height: 36px;
	font-family: 'IsidoraSans-SemiBold', sans-serif;
	color: #000;
	font-weight: normal;	
	font-style: normal;	
	}
h4 {
 	padding: 0 0 25px 0;
	margin: 0 0 1px 0;
	font-size: 36px;
	line-height: 42px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #000;
	font-weight: normal;	
	font-style: normal;	
	text-transform: uppercase;
	}
h5 {
 	padding: 0 0 0 0;
	margin: 0 0 1px 0;
	font-size: 22px;
	line-height: 32px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #000;
	font-weight: normal;	
	font-style: normal;	
	text-transform: uppercase;
	}
h6 {
 	padding: 0 0 0 0;
	margin: 0 0 44px 0;
	font-size: 32px;
	line-height: 42px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #000;
	font-weight: normal;	
	font-style: normal;	
	text-transform: uppercase;
	letter-spacing: 1px;
	}

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#wrapper {
	position: relative;
	min-height: 100%;
	padding: 0 0 120px 0;
	}
.main {
	padding: 120px 0 0 0;
	}
.outer {
	width: 100%;
	}
.container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 92%;
	padding: 0 4% 0 4%;
	max-width: 1260px;
	}
	.content {
		padding: 113px 13.5% 79px 9.5%;
		width: 77%;
		}
		.intro {
			padding: 71px 13.5% 50px 9.5%;
			}
			.invest-intro {
				min-height: 395px;
				}
			.team-intro {
				min-height: 425px;
				}
			.contact-intro {
				min-height: 365px;
				}
			.about-intro {
				min-height: 420px;
				}
	.content-wide {
		padding: 44px 6.7% 94px 6.7%;
		width: 86.6%;
		}
		.content-wide h6 {
			padding-left: 3%;
			}
	.content-left {
		padding: 0 5.5% 79px 9.5%;
		width: 50.5%;
		float: left; 
		}
	.content-right {
		padding: 0 9.5% 79px 0;
		width: 25%;
		max-width: 235px;
		float: right;
		}
		.content-right h5 {
			padding: 10px 0 7px 0;
			font-size: 16px;
			line-height: 20px;
			}
		.content-right ul {
			padding: 0 0 30px 0;
			list-style: none;
			}
		.content-right ul li {
			padding: 0 0 1px 0;
			}
		.content-right ul li a {
			font-family: 'IsidoraSans-SemiBold', sans-serif;
			font-size: 18px;
			line-height: 20px;
			color: #1b9494;
			text-decoration: none;
			}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.main {
	padding: 115px 0 0 0;
	}
#hero {
	width: 100%; 
	height: 100%;
	}
	#hero h3 {
		max-width: 540px;
		line-height: 26px;
		}
	#hero h1 {
		font-size: 110px;
		line-height: 110px;
		text-transform: uppercase;
		}
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	padding: 20px 0 20px 0;
	z-index: 998;
	background: #fff;
	}
	#news #header {
		background: #ffd737;
		}	
	#hero #header {
		position: relative;
		top: auto;
		left: auto;
		padding: 20px 0 0 0;
		background: none;
		}
#logo {
	padding-left: 4%;
	position: relative;
	max-width: 80px;
	z-index: 999;
	}
	#logo img {
		width: 100%;
		max-width: 80px;
		height: auto;
		}
	#hero #logo {
		padding-left: 4%;
		}
	
#icons {
	position: absolute;
	right: 5%;
	top: 20px;
	z-index: 999;
	}
	#hero #icons {
		top: 20px;
		margin-right: 12px;
		}
	#searchbar-home,
	#searchbar {
		float: left;
		margin: 10px 0 20px 0;
		z-index: 999;
		cursor: pointer;
		}
		#searchbar-home img,
		#searchbar img {
			width: 100%;
			max-width: 37px;
			height: auto;
			}
	#navbar {
		float: left;
		margin: 10px 15px 0 0;
		width: 40px;
		height: 40px;
		background: url(images/menu.png) no-repeat;
		cursor: pointer;
		z-index: 2;
		}
	#navbar-on {
		display: none;
		float: left;
		margin: 10px 15px 0 0;
		width: 40px;
		height: 40px;
		background: url(images/close.png) no-repeat;
		cursor: pointer;
		z-index: 999;
		}
	#social {
		clear: both;
		margin: 20px 0 0 0;
		border: 1px solid #000;
		text-align: center;
		}
		#social ul {
			padding: 10px 0 0 0;
			margin: 0;
			list-style: none;
			}
		#social ul li {
			padding: 0 4px 0 4px;
			margin: 0;
			}
		#social li:before { 
			padding: 0 4px 0 4px;
			content:'/'; 
			}
		#social li:first-child:before { 
			padding: 0 4px 0 0;
			content:' '; 
			}	
		#hero #social li:first-child:before { 
			padding: 0 0 0 0;
			content:' '; 
			}	
		#hero #social li:before { 
			padding: 0 0 0 0;
			content:' '; 
			}	
	#login {
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 12px;
		line-height: 12px;
		text-transform: uppercase;
		z-index: 999;
		}	
		.loginarea {
			display: inline-block;
			padding: 30px 0 10px 0;
			height: 30px;
			}	
		#login a {
			display: inline-block;
			-moz-transform: rotate(90.0deg);
			-o-transform: rotate(90.0deg);
			-webkit-transform: rotate(90.0deg);
			filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
			-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
			transform: rotate(90.0deg);
			text-decoration: none;
			cursor: pointer;
			}

#search-container {
	display: none;
	position: fixed;
	margin: 0 auto 0 auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	z-index: 997;
	text-align: center;
	font-family: 'IsidoraSans-Bold', sans-serif;
	font-size: 34px;
	line-height: 34px;
	color: #000;
	text-transform: uppercase;
	}
	.search {
		padding: 70px 0 80px 0;
		}
	#search .text-field-search {
		margin: 0 auto;
		padding: 0 0 0 10px;
		width: 80%;
		max-width: 740px;
		height: 35px;
		border: 0;
		border-bottom: 1px solid #000;
		background: transparent url(images/blinker.gif) no-repeat left -18px top -13px;
		vertical-align: top;
		border-radius: 0;
		outline: none;
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 32px;
		line-height: 38px;
		color: #000;
		text-align: left;
		}
	#searchbar-on {
		display: none;
		margin: 150px auto 0 auto;
		width: 40px;
		height: 40px;
		background: url(images/close.png) no-repeat;
		cursor: pointer;
		z-index: 999;
		}
	.search-title {
		padding: 0 0 12px 0;
		line-height: 34px;
		}	
	.search-results p {
		font-family: 'IsidoraSans-Regular', sans-serif;
		font-size: 20px;
		line-height: 30px;
		color: #000;
		}			

/* -------------------------------------------------------------------------------------------------------------- */
/* css for navigation ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
			
#mainnav-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	z-index: 997;
	margin: 0 auto 0 auto;
    text-align: center;
	}
	#mainnav {
		position: relative;
		width: 260px;
		padding: 15% 0 0 30px;
		margin: 0 auto 0 auto;
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 34px;
		line-height: 34px;
		text-transform: uppercase;
		text-align: left;
		}
	#mainnav ul {
		padding: 0;
		list-style: none;
		}
	#mainnav ul li {
		display: block;
		padding: 0 0 30px 0;
		}
	#mainnav ul li a {
		color: #000;
		text-decoration: none;
		}
	#mainnav ul li a:hover {
		color: #000;
		text-decoration: none;
		}
	#mainnav ul li a.set,
	#mainnav ul li.current_page_parent a,
	#mainnav ul li.current-page-ancestor a,
	#mainnav ul li.current-menu-item a,
	#mainnav ul li.current_page_item a {
		color: #000;
		text-decoration: none;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for home navigation -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#home-hero {
	width: 100%; 
	height: 100%;
	z-index: 99999;
	}
#main-home {
	/* display: none; */
	}
#homenav {
	position: relative;
	float: left;
	width: 16%;
	padding-right: 3%;
	margin: 77px auto 0 auto;
	font-family: 'IsidoraSans-Bold', sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	z-index: 995;
	text-align: left;
	}
	#homenav ul {
		padding: 0;
		list-style: none;
		}
	#homenav ul li {
		display: block;
		padding: 0;
		}
	#homenav ul li a {
		display: inline-block;
		text-decoration: none;
		}
	#homenav ul li a:hover {
		text-decoration: none;
		}
	#homenav ul li a.set,
	#homenav ul li.current_page_parent a,
	#homenav ul li.current-page-ancestor a,
	#homenav ul li.current-menu-item a,
	#homenav ul li.current_page_item a {
		text-decoration: none;
		}
.home-content {
	padding: 64px 0 0 0;
	padding-right: 6%;
	width: 75%;
	float: left;
	text-align: left;
	text-decoration: none !important;
	display: block;
	}

.non-strike {
	display: inline-block;
	padding: 0 2px 15px 2px;
	line-height: 23px;
	}		
.strike {
	display: none;
	padding: 0 2px 15px 2px;
	color: #ffd737;
	width: 100%;
	line-height: 23px;
    background-image: linear-gradient(transparent 10px,#ffd737 10px,#ffd737 12px,transparent 12px);
	}
.strike-on {
	display: inline-block;
	padding: 0 2px 15px 2px;
	color: #ffd737;
	width: 100%;
	line-height: 23px;
    background-image: linear-gradient(transparent 10px,#ffd737 10px,#ffd737 12px,transparent 12px);
	}
#whitebg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 993;
	}
#roll1,
#roll2,
#roll3,
#roll4,
#roll5,
#roll6 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 994;
	text-align: left;
	text-decoration: none;	
	}	
	#roll1 h1,
	#roll2 h1,
	#roll3 h1,
	#roll4 h1,
	#roll5 h1,
	#roll6 h1 {
		text-transform: uppercase;
		}
	#roll1 .content,
	#roll2 .content,
	#roll3 .content,
	#roll4 .content,
	#roll5 .content,
	#roll6 .content {
		padding: 165px 0 100px 19%;
		}
	#roll1 h3 {
		max-width: 740px;
		line-height: 26px;
		}
	#roll2 h3 {
		max-width: 640px;
		line-height: 26px;
		}
	#roll3 h3 {
		max-width: 630px;
		line-height: 26px;
		}
	#roll4 h3 {
		max-width: 400px;
		line-height: 26px;
		}
	#roll5 h3 {
		max-width: 460px;
		line-height: 26px;
		}
	#roll6 h3 {
		max-width: 460px;
		line-height: 26px;
		}
	#roll1 a,
	#roll2 a,
	#roll3 a,
	#roll4 a,
	#roll5 a,
	#roll6 a {
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 16px;
		line-height: 18px;
		color: #fff;	
		}
	#roll2 h1 {
		font-size: 85px;
		line-height: 85px;
		letter-spacing: 0px;
		}	
	#roll2 h3 {
		max-width: 650px;
		}	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for animation -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
		
.fade1,
.fade2,
.hideit {
	display: none;
	}
.thelines2 h4,
.thelines h4 {
	padding: 0 0 0 0;
	}	
.thelines2 h4.end,
.thelines h4.end {
	padding: 0 0 25px 0;
	}	
		
.chart-container-main {
	position: relative;
	width: 900px;
	height: 450px;
	margin: 0 auto 0 auto;
	text-align: center;
	}	
	.chart-center {
		display: table-cell; 
		top: 50%; 
		width: 200px;
		height: 200px;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto 0 auto;
		}
		.chart-inner {
			top: -50%;
			}
	.c-circle {
		position: absolute;
		display: inline-block;
		padding: 0;
		background: rgba(0, 0, 0, 1);
		top: 157px;
		left: 353px;
		width: 200px;
		height: 200px;
		border-radius: 100%;
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		overflow: hidden;
		z-index: 9;
		}
		.c-cirle-open {
			top: 157px;
			left: 353px;
			width: 200px;
			height: 200px;
			}
	.oval-center {
		display: table-cell; 
		top: 50%; 
		width: 1850px;
		height: 100px;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto 0 auto;
		}
		.oval-inner {
			top: -50%;
			}
	.oval {
		position: absolute;
		margin: 0;
		padding: 0 10px 0 10px;
		text-align: center;
		display: inline-table;
		background: rgba(255, 255, 255, 1);
		width: 185px;
		height: 100px;
		border-radius: 100%;
		font-family: 'IsidoraSans-Medium', sans-serif;
		font-size: 22px;
		line-height: 22px;
		}
		.oval2 {
			padding: 30px 10px 0 10px !important;
			height: 70px !important;
			}
		.oval3 {
			padding: 20px 10px 0 10px !important;
			height: 80px !important;
			}
		.blueoval {
			background: #0272ba;
			color: #fff;
			}	
	.placement1 {
		bottom: 0;
		left: 114px;
		}
	.placement2 {
		bottom: 150px;
		left: 0px;
		}
	.placement3 {
		top: 50px;
		left: 80px;
		}
	.placement4 {
		top: 0;
		left: 350px;
		}
	.placement5 {
		top: 50px;
		right: 80px;
		}
	.placement6 {
		bottom: 150px;
		right: 0px;
		}
	.placement7 {
		bottom: 0;
		right: 114px;
		}
	.backclick {
		position: absolute;
		bottom: -5px;
		right: 42px;
		width: 26px;
		height: 26px;
		z-index: 9;
		cursor: pointer;
		background: url(images/back2.png) no-repeat;
		}	
	.click {
		position: absolute;
		bottom: -5px;
		right: 42px;
		width: 26px;
		height: 26px;
		z-index: 9;
		cursor: pointer;
		background: url(images/plus.png) no-repeat;
		}
	.cspeed {
	    transition: all 0.3s linear;
		}
	.cline {
		position: absolute;
		background: #fff;
		width: 1px;
		height: 100px;
		transform-origin: bottom right;
		}
		#cline1 {
			top: 280px;
			left: 300px;
			transform: rotateZ(55deg);
			}			
		#cline2 {
			top: 80px;
			left: 200px;
			height: 170px;
			transform: rotateZ(90deg);
			}			
		#cline3 {
			top: -10px;
			left: 270px;
			height: 130px;
			transform: rotateZ(125deg);
			}			
		#cline4 {
			top: 100px;
			left: 447px;
			transform: rotateZ(0deg);
			}			
		#cline5 {
			top: -10px;
			right: 270px;
			height: 130px;
			transform: rotateZ(235deg);
			}			
		#cline6 {
			top: 80px;
			right: 200px;
			height: 170px;
			transform: rotateZ(270deg);
			}			
		#cline7 {
			top: 280px;
			right: 300px;
			transform: rotateZ(305deg);
			}			
		#strategy1,
		#strategy2,
		#strategy3,
		#strategy4,
		#strategy5,
		#strategy6,
		#strategy7 {
			display: none;
			}	
			
			
	.circleblue {
		position: relative;
		margin: 0 2.5% 40px 2.5%;
		padding: 50px 30px 0 30px;
		display: inline-table;
		background: rgba(0, 83, 148, 1);
		width: 206px;
		height: 216px;
		border-radius: 100%;
		}
	.circlegreen {
		position: relative;
		margin: 0 2.5% 40px 2.5%;
		padding: 50px 30px 0 30px;
		display: inline-table;
		background: rgba(124, 196, 94, 1);
		width: 206px;
		height: 216px;
		border-radius: 100%;
		}
		.circleblue h2,
		.circlegreen h2 {
			display: inline-block;
			font-family: 'IsidoraSans-SemiBold', sans-serif;
			font-size: 95px;
			line-height: 95px;
			padding: 0 0 5px 0;
			margin: 0;
			text-align: center;
			color: #fff;
			}
		.circleblue p,
		.circlegreen p {
			font-family: 'IsidoraSans-SemiBold', sans-serif;
			font-size: 22px;
			line-height: 22px;
			text-align: center;
			padding: 0 0 5px 0;
			color: #fff;
			text-transform: uppercase;
			}
			.number2 p,
			.number5 p {
				font-size: 18px;
				line-height: 22px;
				}
			.number3 h3 {
				display: inline-block;
				padding: 0;
				margin: 0;
				font-size: 30px;
				line-height: 30px;
				text-transform: uppercase;
				}
			.number6 h3 {
				display: inline-block;
				padding: 0;
				margin: 0;
				font-size: 30px;
				line-height: 30px;
				text-transform: uppercase;
				}


	.s-circle {
		position: absolute;
		display: inline-block;
		padding: 0;
		background: rgba(255, 255, 255, .65);
		width: 0;
		height: 0;
		border-radius: 100%;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		overflow: hidden;
		}
		#main-strategy1-open {
			width: 200px;
			height: 200px;
			}

	.circle {
		position: absolute;
		display: inline-block;
		padding: 0;
		background: rgba(255, 255, 255, .65);
		width: 0;
		height: 0;
		border-radius: 100%;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		overflow: hidden;
		}
	.speed1 {
		-webkit-transition: all 2000ms cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition: all 2000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition: all 2000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition: all 2000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition: all 2000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */	
        }	
	.speed2 {
		-webkit-transition: all 3000ms cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition: all 3000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition: all 3000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition: all 3000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition: all 3000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */	
        }	
	.speed3 {
		-webkit-transition: all 4000ms cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition: all 4000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition: all 4000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition: all 4000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition: all 4000ms cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */	
        }	
	.speed4 {
		-webkit-transition: all 1500ms cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition: all 1500ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition: all 1500ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition: all 1500ms cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition: all 1500ms cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.430, 0, 0.580, 1); /* older webkit */
		-webkit-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-moz-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
		-o-transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); 
        transition-timing-function: cubic-bezier(0.430, -0.170, 0.580, 1.210); /* custom */	
        }	
	.pdx {
		top: 257px;
		left: 315px;
		background: rgba(255, 215, 55, .4);
		}
		.pdx-open {
			top: 222px;
			left: 280px;
			width: 70px;
			height: 70px;
			}		
	.seattle {
		top: 190px;
		left: 310px;
		background: rgba(29, 164, 164, .4);
		}
		.seattle-open {
			top: 130px;
			left: 250px;
			width: 120px;
			height: 120px;
			}		
	.boston {
		top: 337px;
		right: 233px;
		background: rgba(29, 164, 164, .4);
		}
		.boston-open {
			top: 304px;
			right: 200px;
			width: 67px;
			height: 67px;
			}		
	.dc {
		top: 438px;
		right: 319px;
		background: rgba(255, 215, 55, .4);
		}
		.dc-open {
			top: 405px;
			right: 286px;
			width: 67px;
			height: 67px;
			}		
	.austin {
		bottom: 213px;
		left: 708px;
		background: rgba(29, 164, 164, .4);
		}
		.austin-open {
			bottom: 180px;
			left: 675px;
			width: 67px;
			height: 67px;
			}		
	.detroit {
		top: 382px;
		right: 450px;
		background: rgba(124, 196, 94, .4);
		}
		.detroit-open {
			top: 349px;
			right: 417px;
			width: 67px;
			height: 67px;
			}		
	.ny {
		top: 393px;
		right: 284px;
		background: rgba(0, 0, 0, .4);
		}
		.ny-open {
			top: 360px;
			right: 251px;
			width: 67px;
			height: 67px;
			}		
	.la {
		bottom: 333px;
		left: 301px;
		background: rgba(0, 0, 0, .4);
		}
		.la-open {
			bottom: 301px;
			left: 269px;
			width: 65px;
			height: 65px;
			}		
	.gainsville {
		bottom: 188px;
		right: 376px;
		background: rgba(0, 0, 0, .4);
		}
		.gainsville-open {
			bottom: 155px;
			right: 343px;
			width: 67px;
			height: 67px;
			}		
	.boulder {
		top: 337px;
		left: 533px;
		background: rgba(124, 196, 94, .4);
		}
		.boulder-open {
			top: 304px;
			left: 500px;
			width: 67px;
			height: 67px;
			}		
	.chicago {
		top: 392px;
		right: 520px;
		background: rgba(29, 164, 164, .4);
		}
		.chicago-open {
			top: 359px;
			right: 487px;
			width: 67px;
			height: 67px;
			}		
	.sf {
		top: 465px;
		left: 265px;
		background: rgba(124, 196, 94, .4);
		}
		.sf-open {
			top: 385px;
			left: 185px;
			width: 160px;
			height: 160px;
			}		
	.map-main {
		top: 450px;
		left: 672px;
		background: rgba(0, 0, 0, .2);
		color: #fff;
		}
		.map-main-open {
			background: rgba(0, 0, 0, 1);
			padding: 73px 15px 0px 15px;
			top: 338px;
			left: 580px;
			width: 170px;
			height: 117px;
			}
		.map-main .map-text {
			display: none;
			text-transform: uppercase;
			}			
		.map-main h4 {
			padding: 0 0 17px 0;
			font-size: 20px;
			line-height: 20px;
			color: #fff;
			}
		.map-main p {
			padding: 0 0 10px 0;
			}	
		.map-main a {
			font-family: 'IsidoraSans-Bold', sans-serif;
			display: block;
			padding: 10px 0 0 0;
			color: #fff;
			}
	.address1,
	.address2 {
		position: absolute;
		display: inline-block;
		padding: 0;
		background: rgba(255, 255, 255, .65);
		width: 0;
		height: 0;
		border-radius: 100%;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.180, 1); /* older webkit */
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.180, 1.650); 
		-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.180, 1.650); 
		-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.180, 1.650); 
		transition: all 500ms cubic-bezier(0.175, 0.885, 0.180, 1.650); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.180, 1); /* older webkit */
		-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.180, 1.650); 
		-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.180, 1.650); 
		-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.180, 1.650); 
		transition-timing-function: cubic-bezier(0.175, 0.885, 0.180, 1.650); /* custom */    text-align: center;
		overflow: hidden;
		}
		.address1 h4,
		.address2 h4 {
			padding: 0 0 7px 0;
			font-size: 20px;
			line-height: 20px;
			}
		.address1 p,
		.address2 p {
			padding: 0 0 7px 0;
			}	
		.address1 a,
		.address2 a {
			font-family: 'IsidoraSans-Bold', sans-serif;
			display: block;
			padding: 10px 0 0 0;
			}
	.address1 {
		top: 171px;
		left: 455px;
		}
	.address2 {
		top: 455px;
		left: 270px;
		}
	.open1 {
		padding: 55px 25px 0px 25px;
		top: 46px;
		left: 330px;
		width: 200px;
		height: 195px;
		}
	.open2 {
		padding: 55px 25px 0px 25px;
		top: 330px;
		left: 145px;
		width: 200px;
		height: 195px;
		}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 2s linear forwards normal 1;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}



/* -------------------------------------------------------------------------------------------------------------- */
/* css for centering -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.logo-center {
	position: absolute;
	display: table-cell !important; 
	top: 50%; 
	width: 100%;
	height: 140px;
	vertical-align: middle;
	text-align: center;
	}
.logo-inner {
	display: inherit !important;
	top: -50%;
	}

.splash-center {
	position: absolute;
	display: table-cell !important; 
	top: 45%; 
	width: 100%;
	height: 64px;
	vertical-align: middle;
	text-align: center;
	}
.splash-inner {
	display: inherit !important;
	top: -45%;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for background colors ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.yellow {
	color: #ffd737;
	}	
.bluebg {
	background-color: #005394;
	}
	.bluebg h1,
	.bluebg h3,
	.bluebg h6 {
		color: #fff;
		}
.blue2bg {
	background-color: #0070b8; 
	}
	.blue2bg h1,
	.blue2bg h3 {
		color: #fff;
		}
.blue3bg {
	background-color: #38a93b; 
	}
	.blue3bg h1,
	.blue3bg h3 {
		color: #fff;
		}

		
		
.greenbg {
	background-color: #1da4a4;
	}
	.greenbg h1,
	.greenbg h3 {
		color: #fff;
		}
	.greenbg .content {
		padding-bottom: 82px;
		}
	.greenbg h6 {
		padding-bottom: 24px;
		color: #fff;
		}
.green2bg {
	background-color: #7cc45e;
	}
	.green2bg h1,
	.green2bg h3 {
		color: #fff;
		}
.yellowbg {
	background-color: #ffd737;
	}
.orangebg {
	background-color: #f7941e;
	color: #fff;
	}
	.orangebg h1 {
		color: #fff;
		}
	.orangebg h4 {
		padding: 0 0 2px 0;
		color: #fff;
		}
	.orangebg h3 {
		margin: 0 0 0 0;
		color: #fff;
		}
	.orangebg .content {
		padding: 55px 13.5% 55px 9.5%;
		}
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for team ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#bionav {
	margin: 0 0 60px 0;
	display: block;
	padding: 25px 30px 25px 30px;
	background: #1da4a4;
	color: #fff;
	font-family: 'IsidoraSans-SemiBold', sans-serif;
	}
	#bionav div {
		display: inline-block;
		cursor: pointer;
		padding: 0 2px 0 2px;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		color: #fff;
		font-size: 18px;
		line-height: 20px;
		text-decoration: none;
		transition: all 0.2s linear;
		}	
	#bionav div:hover {
		text-decoration: none;
		color: #ffd737;
		background-image: linear-gradient(transparent 10px,#ffd737 10px,#ffd737 11px,transparent 11px);
		transition: all 0.2s linear;
		}	
	#bionav .active {
		font-family: 'IsidoraSans-Bold', sans-serif;
		text-decoration: none;
		color: #ffd737;
		background-image: linear-gradient(transparent 10px,#ffd737 10px,#ffd737 11px,transparent 11px);
		transition: all 0.2s linear;
		}
.bio-container {
	margin-left: 0px;
	margin-bottom: 70px;
	min-height: 880px;
	}	
	.bio-content {
		padding: 33px 9.5% 39px 9.5%;
		width: 81%;
		}	
	.bio {
		position: relative;
		border: 1px solid #000;
		float: left;
		margin: 0 10px 20px 10px;
		font-size: 18px;
		line-height: 20px;
		cursor: pointer;
		}
		.bio:hover .bio-name {
			color: #ffd737;
			transition: all 0.2s linear;
			}
		.bio img {
			width: 100%;
			max-width: 298px;
			height: auto;
			}
		.bio-name {
			position: absolute;
			right: 0;
			bottom: 50px;
			display: inline-block;
			padding: 6px 0 6px 17px;
			width: 183px;
			background: #1da4a4;
			font-family: 'IsidoraSans-SemiBold', sans-serif;
			color: #fff;
			}
	.bio-header {
		position: relative;
		border-bottom: 1px solid #000;
		height: 375px;
		width: 100%;
		}		
		.close-bio {
			display: inherit !important;
			padding: 0 0 47px 0;
			text-align: center;
			cursor: pointer;
			z-index: 9999999;
			}
		.bio-title {
			position: absolute;
			bottom: 0;
			left: 0;
			}
			.bio-title h2 {
				padding: 0 0 5px 0;
				font-size: 42px;
				line-height: 42px;
				text-transform: uppercase;
				}
			.position {
				margin: 0 0 30px 0;
				font-family: 'IsidoraSans-Medium', sans-serif;
				font-size: 26px;
				line-height: 26px;
				text-transform: capitalize;
				}	
		.bio-photo {
			position: absolute;
			bottom: 0;
			right: 2%;
			text-align: right;
			}		
			.bio-photo img {
				width: 100%;
				max-width: 50%;
				height: auto;
				}
		.social {
			margin: 15px 0 0 0;
			text-decoration: none;
			}
			.social ul {
				display: inline-block;
				padding: 0;
				}
			.social ul li:before { 
				padding: 0 4px 0 4px;
				content:'/'; 
				}
			.social ul li:first-child:before { 
				padding: 0 4px 0 0;
				content:' '; 
				}	


			.social ul li {
				font-family: 'IsidoraSans-Medium', sans-serif;
				display: inline-block;
				font-size: 26px;
				line-height: 26px;
				padding: 0 0 0 0;
				}
				.social ul li a {
					display: inline-block;
					}
				.social .email {
					font-family: 'IsidoraSans-Bold', sans-serif;
					font-size: 16px;
					line-height: 36px;
					padding: 0 23px 0 0;
					vertical-align: top;
					display: inline-block;
					}	
	.quote {
		padding: 0 0 15px 0;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		font-size: 24px;
		line-height: 40px;
		color: #1b9494;
		}	
		.quote p {
			padding: 0 0 10px 0;
			}
		.quote h4 {
			font-family: 'IsidoraSans-SemiBold', sans-serif;
			font-size: 18px;
			line-height: 40px;
			color: #1b9494;
			font-style: italic;		
			text-transform: uppercase;
			}	
	.quote2 {
		padding: 0 0 30px 0;
		color: #5fa751;
		}	
		.quote2 h4 {
			color: #5fa751;
			}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for investments ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#investnav {
	margin: 0 0 0 0;
	display: block;
	padding: 25px 13.5% 25px 9.5%;
	color: #000;
	font-size: 20px;
	line-height: 22px;
	font-family: 'IsidoraSans-SemiBold', sans-serif;
	}
	#investnav .investrow {
		padding: 5px 0 5px 0;
		}
	#investnav div div {
		display: inline-block;
		cursor: pointer;
		padding: 0 2px 0 2px;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		color: #000;
		text-decoration: none;
		transition: all 0.2s linear;
		}	
	#investnav div div:hover {
		text-decoration: none;
		color: #ffd737;
		background-image: linear-gradient(transparent 12px,#ffd737 12px,#ffd737 13px,transparent 13px);
		transition: all 0.2s linear;
		}	
	#investnav .active {
		font-family: 'IsidoraSans-Bold', sans-serif;
		text-decoration: none;
		color: #ffd737;
		background-image: linear-gradient(transparent 12px,#ffd737 12px,#ffd737 13px,transparent 13px);
		transition: all 0.2s linear;
		}

.invest-container {
	min-height: 600px;
	margin-bottom: 120px;
	}	
	.invest {
		position: relative;
		float: left;
		width: 20%;
		min-width: 252px;
		min-height: 140px;
		margin: 0 0 20px 0;
		text-align: center;
		cursor: pointer;
		}
	.invest img {
		filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%);
		filter: gray;
 		mix-blend-mode: multiply;
		opacity: 1;
		max-width: 252px;
		height: auto;
		}
  	.popup {
		display: none;
		padding-left: 18px;
		margin: 0 auto;
		background-color: #fff;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99998;
		overflow: hidden;
		}
		.popup-logo {
			left: -11px;
			}
		.popup-icons {
			margin-right: -2px !important;
			}	
.company-content {
	padding: 33px 9.5% 55px 9.5%;
	width: 81%;
	}	
	.company-header {
		position: relative;
		padding: 50px 0 0 0;
		border-bottom: 1px solid #000;
		height: 80px;
		}		
	.company-logo {
		position: absolute;
		bottom: 25px;
		left: 0;
		}	
	.company-logo img {
		max-width: 252px;
		height: auto;
		}
		.close-company2,
		.close-company {
			display: inherit !important;
			padding: 0 0 47px 0;
			text-align: center;
			cursor: pointer;
			z-index: 9999999;
			}
	.content-right-company {
		color: #5fa751;
		}
		.content-right-company ul li a {
			color: #5fa751;
			}
	.content-right-company #icons {
		position: relative;
		right: auto;
		top: auto;
		z-index: 1;
		font-family: 'IsidoraSans-Medium', sans-serif;
		font-size: 26px;
		line-height: 26px;
		color: #000;
		}		
		.content-right-company #web {
			margin: 13px 0 0 0;
			padding: 15px 0 15px 15px;
			border: 1px solid #000;
			font-family: 'IsidoraSans-Bold', sans-serif;
			font-size: 14px;
			line-height: 14px;
			color: #000;
			text-transform: uppercase;
			}
			.content-right-company #web a {
				text-decoration: none;
				}
		.content-right-company #social {
			margin: 0 0 0 0;
			padding: 10px 0 10px 15px;
			border-bottom: 1px solid #000;
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			border-top: none;
			text-align: left;
			}
			.content-right-company #team-leads {
				margin: 72px 0 0 0;
				}
			.content-right-company #social ul {
				padding: 0;
				margin: 0;
				float: left;
				list-style: none;
				}
			.content-right-company #social ul li {
				padding: 0 0 0 0;
				margin: 0;
				float: left;
				}
				

/* -------------------------------------------------------------------------------------------------------------- */
/* css for news ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.news-container {
	padding: 70px 9.5% 120px 9.5%;
	width: 81%;
	font-family: 'IsidoraSans-SemiBold', sans-serif;
	font-size: 24px;
	line-height: 44px;
	min-height: 500px;
	}	
	.news-container p {
		padding: 0;
		max-width: 930px;
		}
	.news-container .post a {
		text-decoration: none;
		}
	.news-container .post a:hover {
		color: #0272ba;
		}
	.home-link-black,
	.home-link,	
	.read-more {
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 18px;
		line-height: 24px;
		text-decoration: none;
		color: #fff;
		}	
	.home-link-black {
		color: #000 !important;
		}
		
#newsnav {
	margin: 0 0 0 0;
	display: block;
	padding: 30px 13.5% 40px 9.5%;
	font-family: 'IsidoraSans-SemiBold', sans-serif;
	font-size: 20px;
	line-height: 22px;
	}
	#newsnav ul {
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
		}
		#newsnav li { 
			display:inline; 
			padding: 0; 
		}
		#newsnav li:before { 
			content:' / '; 
			}
		#newsnav li:first-child:before { 
			content:''; 
			}	
		#newsnav a {
			text-decoration: none;
			color: #000;
			}
	#newsnav a:hover {
		text-decoration: none;
		color: #0070b8;
		background-image: linear-gradient(transparent 12px,#0070b8 12px,#0070b8 13px,transparent 13px);
		transition: all 0.2s linear;
		}	
	#newsnav .current-cat a {
		font-family: 'IsidoraSans-Bold', sans-serif;
		text-decoration: none;
		color: #0070b8;
		background-image: linear-gradient(transparent 12px,#0070b8 12px,#0070b8 13px,transparent 13px);
		transition: all 0.2s linear;
		}

.insights-container {
	padding: 70px 0 120px 0;
	width: 100%;
	}	
	.insights-container p {
		padding: 0;
		}
	a.insight {
		display: block;
		width: 47%;
		margin: 0 1.5% 37px 1.5%;
		float: left;
		max-width: 610px;
		text-decoration: none;
		}
		a.even {
			margin: 0 1.5% 37px 1.5%;
			}
	.insight-photo {
		}	
		.insight-photo img {
			width: 100%;
			height: auto;
			max-width: 610px;
			}
	.insight-text {
		padding: 20px 30px 20px 30px;
		min-height: 50px;
		max-width: 580px;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		font-size: 20px;
		line-height: 24px;
		background: #0070b8;
		text-transform: uppercase;
		color: #fff;
		}
.insights-single-container {
	padding: 70px 10% 79px 15%;
	width: 70%;
	}	
	.insights-single-container img {
		padding: 0 0 60px 0;
		width: 100%;
		max-width: 880px;
		height: auto;
		}
	.insights-single-container hr {
		margin: 21px 0 21px 0;
		}
	.insights-single-container h2 {
		padding: 0 0 0 0;
		font-size: 38px;
		line-height: 44px;
		text-transform: uppercase;
		}
	.insights-single-container h3 {
		font-family: 'IsidoraSans-Bold', sans-serif;
		margin: 0;
		text-transform: uppercase;
		}
	.insights-single-container .author {	
		padding: 0 20px 50px 0;
		float: left;
		font-family: 'IsidoraSans-Bold', sans-serif;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		}
	.insights-single-container .posts-profiles {	
		float: left;
		font-family: 'IsidoraSans-Medium', sans-serif;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		text-decoration: none;
		}
	.insights-single-container .posts-profiles a {	
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		text-decoration: none;
		}
		
	.dmd_next_page {
		clear: none !important;
		text-align: left !important;
		position: relative !important;
		bottom: auto !important;
		height: auto !important;
		border-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		}	
	.dmd_next_page a {
		clear: none !important;
		text-align: left !important;
		position: relative !important;
		height: auto !important;
		bottom: auto !important;
		display: inline-block !important;
		margin: -100px 0 150px 9.5%;
		padding: 0 40px 0 0 !important;
		font-family: 'IsidoraSans-SemiBold', sans-serif !important;
		font-size: 26px !important;
		line-height: 30px !important;
		color: #0070b8 !important;
		text-decoration: none !important;
		border-width: 0 !important;
		background: url(images/down.png) no-repeat right center !important;
		transition: all 0s linear;
		}
	.insights-for-nav .dmd_next_page a {
		margin: -100px 0 50px 1.5% !important;
		transition: all 0s linear;
		}
	
	.dmd_next_page a:hover {
		color: #f1cc36 !important;
		transition: all 0.0s linear !important;
		background: url(images/down-roll.png) no-repeat right center !important;
		text-decoration: none !important;
		}
	a.back {
		display: inline-block;
		margin: 20px 0 0 0;
		padding: 0 40px 0 0;
		font-family: 'IsidoraSans-SemiBold', sans-serif;
		font-size: 26px;
		line-height: 30px;
		color: #0070b8;
		text-decoration: none;
		background: url(images/back.png) no-repeat right center;
		transition: all 0s linear;
		}
	a.back:hover {
		color: #f1cc36;
		background: url(images/back-roll.png) no-repeat right center;
		text-decoration: none;
		transition: all 0s linear;
		}
			
.tags-container {
	padding: 70px 9.5% 55px 9.5%;
	width: 81%;
	font-family: 'IsidoraSans-SemiBold', sans-serif;
	font-size: 24px;
	line-height: 44px;
	}	
	.tags-container a {
		display: inline-block;
		width: 18%;
		padding: 0 0 8px 0;
		margin: 0 1.3% 30px 0;
		border-bottom: 1px solid #000;
		text-decoration: none;
		}
				

/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#copyright {
	position: absolute;
	bottom: 0;
	padding: 20px 0 0 0; 
	height: 100px;
	background: rgba(0, 0, 0, 1);
	width: 100%;
	font-family: 'IsidoraSans-Bold', sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	}
	.copyright-text {
		float: left; 
		width: 20%; 
		padding: 6px 0 0 0;
		}
	.home-copy {
		position: fixed !important;
		bottom: 0;
		z-index: 9999999;
		/* display: none; */
		}
#copyright input[type='email'],
#copyright input[type='text'] {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px 3px 10px;
	margin: 0 0 0 0px;
	height: 22px;
	min-width: 250px;
	max-width: 400px;
	border-radius: 0;
	border: 1px solid #000;
	border-radius: 2px;
	outline: none;
	background: #fff;
	font-size: 14px;
	line-height: 14px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #555;
	transition: all 0.2s linear;
	}
#copyright input[type='submit'] {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 5px;
	height: 32px;
	border: 1px solid #000;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	background: #fff;
	font-size: 14px;
	line-height: 14px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #555;
	text-transform: uppercase;
	transition: all 0.2s linear;
	}
	#copyright ::placeholder {
		font-size: 14px;
		line-height: 14px;
		font-family: 'IsidoraSans-Bold', sans-serif;
		color: #555;
		text-transform: uppercase;
		}
.newsletter {
	float: right; 
	width: 78%;
	font-size: 14px;
	line-height: 17px;
	}
	.newsletter-text {
		float: right; 
		text-align: left;
		}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	float: none;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.aligncenter {
	margin: 0 auto 0 auto;
	text-align: center;
	}	
.alignright {
	margin: 0 0 0px 15px;
	float: right;
	}
.alignleft {
	margin: 0 15px 0px 0;
	float: left;
	}

.content-right-company .mobile-icons,
.mobile,		
#mobile-social,
#mobile-top {
	display: none;
	}
.desktop {
	display: inherit;
	}



/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 767px) 
and (max-width : 840px) {

.invest-container {
	min-height: 1px;
	padding: 0 0 40px 0;
	width: 100%;
	}	
	.invest {
		width: 33%;
		min-width: 33%;
		min-height: 90px;
		margin: 0 0 10px 0;
		}
	.invest img {
		max-width: 100%;
		width: 100%;
		height: auto;
		}
  	.popup {
		display: none;
		padding-left: 0;
		}


}


/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 610px) 
and (max-width : 1000px) {

.chart-container-main {
	width: 590px;
	height: 350px;
	}	
	.chart-center {
		width: 135px;
		height: 135px;
		}
		.chart-inner {
			top: -50%;
			}
	.c-circle {
		top: 130px;
		left: 225px;
		width: 140px;
		height: 140px;
		font-size: 15px;
		line-height: 19px;
		}
		.c-cirle-open {
			top: 130px;
			left: 225px;
			width: 140px;
			height: 140px;
			}
	.oval-center {
		display: table-cell; 
		top: 50%; 
		width: 1850px;
		height: 70px;
		}
	.oval {
		padding: 0 10px 0 10px;
		width: 125px;
		height: 70px;
		font-size: 16px;
		line-height: 18px;
		}
		.oval2 {
			padding: 0 10px 0 10px !important;
			height: 70px !important;
			}
		.oval3 {
			padding: 0 10px 0 10px !important;
			height: 70px !important;
			}
		.blueoval {
			background: #0272ba;
			color: #fff;
			}	
	.placement1 {
		bottom: 20px;
		left: 94px;
		}
	.placement2 {
		bottom: 110px;
		left: 0px;
		}
	.placement3 {
		top: 80px;
		left: 80px;
		}
	.placement4 {
		top: 20px;
		left: 220px;
		}
	.placement5 {
		top: 80px;
		right: auto;
		left: 360px;
		}
	.placement6 {
		bottom: 110px;
		right: auto;
		left: 440px;
		}
	.placement7 {
		bottom: 20px;
		right: auto;
		left: 360px;
		}
	.backclick {
		bottom: -8px;
		right: 18px;
		}	
	.click {
		bottom: -8px;
		right: 18px;
		}
	.cline {
		height: 70px;
		}
		#cline1 {
			top: 220px;
			left: 190px;
			}			
		#cline2 {
			top: 105px;
			left: 140px;
			height: 100px;
			}			
		#cline3 {
			top: 0px;
			left: 160px;
			height: 100px;
			}			
		#cline4 {
			top: 80px;
			left: 290px;
			}			
		#cline5 {
			top: 0px;
			right: auto;
			left: 420px;
			height: 100px;
			}			
		#cline6 {
			top: 105px;
			right: auto;
			left: 460px;
			height: 100px;
			}			
		#cline7 {
			top: 220px;
			right: auto;
			left: 400px;
			}	
			


			
}



/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 767px) 
and (max-width : 1340px) {

.themap .desktop {
	display: none;
	}
.themap .mobile {
	display: inherit;
	}
	.themap img {
		width: 90%;
		height: auto;
		max-width: 1026px;
		}
.map-center {
	position: absolute;
	display: table-cell !important; 
	top: 40%; 
	width: 80%;
	height: 140px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto 0 auto;
	}
.map-inner {
	display: inherit !important;
	top: -50%;
	}
	.map-main {
		margin: 0 auto 0 auto;
		position: relative;
		display: inherit !important;
		background: rgba(0, 0, 0, 1);
		padding: 73px 15px 0px 15px;
		top: auto;
		left: auto;
		width: 170px;
		height: 117px;
		}
		.map-main .map-text {
			display: inherit !important;
			}			
		.map-main-open {
			padding: 73px 15px 0px 15px;
			background: rgba(0, 0, 0, 1);
			top: auto;
			left: auto;
			width: 170px;
			height: 117px;
			}
		.map-main h4 {
			}

}



/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

body {
	font-size: 20px;
	line-height: 32px;
	}
p {
	padding: 0 0 30px 0;
	margin: 0;
	}
hr {  
	margin: 21px 0 21px 0;
	}
h1 {
	margin: 0 0 17px 0;
	font-size: 42px;
	line-height: 42px;
	letter-spacing: 0px;
	}
h2 {
 	padding: 0 0 20px 0;
	font-size: 42px;
	line-height: 42px;
	}
h3 {
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 24px;
	}
h4 {
 	padding: 0 0 25px 0;
	margin: 0 0 1px 0;
	font-size: 32px;
	line-height: 34px;
	}
h5 {
	margin: 0 0 1px 0;
	font-size: 22px;
	line-height: 28px;
	}
h6 {
	margin: 0 0 44px 0;
	font-size: 26px;
	line-height: 36px;
	letter-spacing: 0px;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.container {
	width: 100%;
	padding: 0;
	}
	.content {
		padding: 55px 4% 25px 4%;
		width: 92%;
		}
		.intro {
			padding: 35px 4% 30px 4%;
			}
			.news-intro {
				padding-bottom: 0px;
				}
			.invest-intro {
				min-height: 1px;
				}
			.team-intro {
				min-height: 1px;
				}
			.contact-intro {
				min-height: 1px;
				}
				.contact-intro h2 {
					font-size: 36px;
					line-height: 38px;
					}
			.about-intro {
				min-height: 1px;
				}
		.mobile-intro {
			padding: 35px 4% 30px 4%;
			}	
	.content-wide {
		padding: 44px 4% 55px 4%;
		width: 92%;
		}
		.content-wide img {
			width: 100%;
			height: auto;
			}
		.content-wide h6 {
			padding-left: 0;
			}
	.content-left {
		padding: 0 0 5px 0;
		margin: 0 4% 25px 4%;
		width: 92%;
		float: none; 
		border-bottom: 1px solid #000;
		}
	.content-right {
		padding: 0 4% 0 4%;
		width: 92%;
		float: none; 
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#hero {
	width: auto; 
	height: auto;
	padding: 0 0 20px 0;
	}
#hero #social {
	display: none;
	}
	#hero h1 {
		font-size: 70px;
		line-height: 70px;
		}
#header {
	height: 80px;
	padding: 27px 0 10px 0;
	}
	#hero #header {
		padding: 27px 0 0 0;
		}
#logo {
	left: 0;
	}
#icons {
	right: 4%;
	}
	#hero #icons {
		top: 20px;
		margin-right: 0;
		}
	#searchbar {
		margin: 14px 0 20px 0;
		}
		#searchbar img { 
			max-width: 32px;
			}
	#navbar {
		margin: 14px 15px 0 0;
		width: 32px;
		height: 32px;
		background: url(images/menu-mobile.png) no-repeat;
		}
	#navbar-on {
		margin: 14px 15px 0 0;
		width: 32px;
		height: 32px;
		background: url(images/close-mobile.png) no-repeat;
		}
	#login {
		display: none;
		}	
.mobile {
	display: inherit;
	}					
.desktop {
	display: none;
	}					

 
/* -------------------------------------------------------------------------------------------------------------- */
/* css for navigation ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
			
#mainnav {
	padding-top: 140px;
	font-size: 22px;
	line-height: 22px;
	width: 165px;
	}
#mainnav ul li {
	display: block;
	text-align: left;
	padding: 0 0 20px 0;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for home ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#homenav {
	display: none;
	}
.home-content {
	padding: 64px 4% 0 4%;
	width: 92%;
	float: none;
	}

.non-strike {
	display: inline-block;
	padding: 0 2px 15px 2px;
	line-height: 23px;
	}		
.strike {
	display: none;
	padding: 0 2px 15px 2px;
	color: #ffd737;
	width: 100%;
	line-height: 23px;
    background-image: linear-gradient(transparent 9px,#ffd737 9px,#ffd737 11px,transparent 11px);
	}
.strike-on {
	display: inline-block;
	padding: 0 2px 15px 2px;
	color: #ffd737;
	width: 100%;
	line-height: 23px;
    background-image: linear-gradient(transparent 9px,#ffd737 9px,#ffd737 11px,transparent 11px);
	}
#whitebg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 993;
	}
#roll1,
#roll2,
#roll3,
#roll4,
#roll5,
#roll6 {
	display: inherit;
	position: relative;
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	}	
	#roll1 .content,
	#roll2 .content,
	#roll3 .content,
	#roll4 .content,
	#roll5 .content,
	#roll6 .content {
		padding: 40px 4% 10px 4%;
		}
	#roll2 h1 {
		font-size: 42px;
		line-height: 42px;
		letter-spacing: 0px;
		}	
	#roll2 h3 {
		max-width: 650px;
		}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for background colors ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.orangebg .content {
	padding: 55px 4% 55px 4% !important;
	}
	#roll5 .content {
	padding: 40px 4% 10px 4% !important;
		}
	#roll5 h3 {
		margin: 0 0 20px 0;
		}
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for team ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#bionav {
	margin: 0 0 20px 0;
	padding: 25px 4% 25px 4%;
	font-size: 18px;
	line-height: 32px;
	}
.bio-container {
	margin-left: 0px;
	min-height: 920px;
	}	
	.bio-content {
		padding: 33px 4% 0 4%;
		width: 92%;
		}	
	.bio {
		float: left;
		width: 44%;
		margin: 0 0 15px 4%;
		}
		.bio-name {
			bottom: 0px;
			padding: 10px 0 10px 6%;
			width: 94%;
			border-top: 1px solid #000;
			font-size: 14px;
			line-height: 14px;
			}

	.bio-header {
		border-bottom: none;
		height: auto;
		}		
		.close-bio {
			padding: 0 0 47px 0;
			}
		.bio-title {
			position: relative;
			bottom: auto;
			left: auto;
			}
			.bio-title h2 {
				padding: 0 0 0 0;
				font-size: 26px;
				line-height: 26px;
				}
			.position {
				border-bottom: 1px solid #000;
				padding: 0 0 20px 0;
				margin: 0 0 0 0;
				font-size: 16px;
				line-height: 26px;
				}	
		.bio-photo {
			position: relative;
			margin: 0 0 25px 0;
			border-bottom: 1px solid #000;
			bottom: auto;
			right: auto;
			text-align: center;
			}	
			.bio-photo img {
				margin-left: -10%;
				width: 75%;
				max-width: 100%;
				height: auto;
				}
				
	.quote {
		padding: 40px 0 0 0;
		margin: 0 0 25px 0;
		font-size: 20px;
		line-height: 30px;
		border-bottom: 1px solid #000;
		}	
		.quote h4 {
			font-size: 16px;
			line-height: 28px;
			}	
	.quote2 {
		padding: 0 0 30px 0;
		}	


/* -------------------------------------------------------------------------------------------------------------- */
/* css for investments ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#investnav {
	padding: 25px 20% 25px 4%;
	font-size: 18px;
	line-height: 26px;
	}
	#investnav .investrow {
		padding: 10px 0 10px 0;
		}
	#investnav div div:hover {
		background-image: linear-gradient(transparent 14px,#ffd737 14px,#ffd737 15px,transparent 15px);
		}	
	#investnav .active {
		background-image: linear-gradient(transparent 14px,#ffd737 14px,#ffd737 15px,transparent 15px);
		}

.invest-container {
	min-height: 1px;
	padding: 0 0 40px 0;
	width: 100%;
	}	
	.invest {
		width: 50%;
		min-width: 50%;
		min-height: 80px;
		margin: 0 0 10px 0;
		}
	.invest img {
		max-width: 250px;
		width: 100%;
		height: auto;
		}
  	.popup {
		display: none;
		padding-left: 0;
		}
.company-content {
	padding: 33px 4% 0 4%;
	width: 92%;
	}	
	.company-header {
		padding: 40px 0 0 0;
		margin: 0 0 20px 0;
		height: 70px;
		}		
	.company-logo {
		position: absolute;
		bottom: 25px;
		left: 0%;
		}	
	.content-right-company #icons {
		display: none;
		}		
	.content-right-company .mobile-icons {
		display: inherit !important;
		text-align: center;
		margin: 0 auto 0 auto;
		}		
		.content-right-company #web {
			display: inline-table;
			width: 60%;
			text-align: left;
			margin: 13px 0 0 0;
			padding: 15px 0 15px 15px;
			}
		.content-right-company #social {
			display: inline-table;
			width: 60%;
			margin: 0 0 20px 0;
			padding: 10px 0 10px 15px;
			text-align: left;
			}
.contact-map {
	min-height: 400px;
	}			
	.address1,
	.address2 {
		position: relative;
		clear: both;
		display: inline-block;
		padding: 0;
		margin-right: 10px;
		background: rgba(255, 255, 255, .65);
		font-size: 13px;
		line-height: 16px;
		}
		.address1 h4,
		.address2 h4 {
			padding: 0 0 5px 0;
			font-size: 14px;
			line-height: 14px;
			}
		.address1 p,
		.address2 p {
			padding: 0 0 3px 0;
			}	
		.address1 a,
		.address2 a {
			font-family: 'IsidoraSans-Bold', sans-serif;
			display: block;
			padding: 5px 0 0 0;
			}	
	.address1 {
		padding: 35px 10px 0px 10px;
		top: auto;
		left: auto;
		width: 135px;
		height: 120px;
		}
	.address2 {
		padding: 25px 10px 0px 10px;
		top: auto;
		left: auto;
		width: 135px;
		height: 130px;
		}
	.open1 {
		padding: 35px 10px 0px 10px;
		top: auto;
		left: auto;
		width: 135px;
		height: 120px;
		}
	.open2 {
		padding: 25px 10px 0px 10px;
		top: auto;
		left: auto;
		width: 135px;
		height: 130px;
		}
				

/* -------------------------------------------------------------------------------------------------------------- */
/* css for news ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.news-container {
	padding: 22px 4% 0 4%;
	width: 92%;
	font-size: 22px;
	line-height: 38px;
	}	
	.news-container p {
		padding: 0;
		max-width: 930px;
		}
	.home-link,	
	.read-more {
		font-size: 18px;
		line-height: 24px;
		}	
#newsnav {
	padding: 15px 4% 25px 4%;
	font-size: 18px;
	line-height: 32px;
	max-width: 300px;
	}
	#newsnav a:hover {
		background-image: linear-gradient(transparent 10px,#0070b8 10px,#0070b8 11px,transparent 11px);
		}	
	#newsnav .active {
		background-image: linear-gradient(transparent 10px,#0070b8 10px,#0070b8 11px,transparent 11px);
		}

.insights-container {
	padding: 12px 0 0 0;
	width: 100%;
	}	
	a.insight {
		width: 100%;
		margin: 0 0 12px 0;
		max-width: 1260px;
		}
		a.even {
			margin: 0 0 12px 0;
			}
		.insight-photo img {
			max-width: 1260px;
			}
	.insight-text {
		padding: 20px 30px 20px 4%;
		font-size: 18px;
		line-height: 24px;
		}
		
.insights-single-container {
	padding: 22px 4% 0 4%;
	width: 92%;
	}	
	.insights-single-container img {
		padding: 0 0 22px 0;
		}
	.mobile-load {
		text-align: center;
		}
			
.tags-container {
	padding: 70px 4% 0 4%;
	width: 92%;
	}	
	.tags-container a {
		width: 47%;
		margin: 0 2% 30px 0;
		}

	a.back {
		display: inline-block;
		padding: 0 30px 0 0;
		font-size: 18px;
		line-height: 20px;
		background: url(images/back-mobile.png) no-repeat right center;
		}
	a.back:hover {
		background: url(images/back-mobile-roll.png) no-repeat right center;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for animation -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.fade1,
.fade2,
.hideit {
	display: inherit !important;
	}
.thelines2 h4,
.thelines h4 {
	display: inherit !important;
	padding: 0 0 0 0;
	}	
.fulltext {
	display: inherit !important;
	}	

	.circlegreen,
	.circleblue {
		margin: 0 2% 20px 2%;
		padding: 15px 10px 0 10px;
		display: inline-table;
		width: 120px;
		height: 125px;
		}
		.circleblue h2,
		.circlegreen h2 {
			font-size: 55px;
			line-height: 55px;
			padding: 0 0 0 0;
			}
		.circleblue p,
		.circlegreen p {
			font-size: 14px;
			line-height: 15px;
			padding: 0 0 0 0;
			}
			.number2 p,
			.number5 p {
				font-size: 14px;
				line-height: 15px;
				}
			.number3 h3 {
				display: inline-block;
				font-size: 14px;
				line-height: 15px;
				text-transform: uppercase;
				}
			.number6 h3 {
				display: inline-block;
				font-size: 14px;
				line-height: 15px;
				text-transform: uppercase;
				}


	
.map-center {
	position: absolute;
	display: table-cell !important; 
	top: 46%; 
	width: 91%;
	height: 140px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto 0 auto;
	}
.map-inner {
	display: inherit !important;
	top: -50%;
	}
	.map-main {
		margin: 0 auto 0 auto;
		position: relative;
		display: inherit !important;
		background: none;
		padding: 55px 10px 0px 10px;
		top: auto;
		left: auto;
		width: 130px;
		height: 95px;
		font-size: 13px;
		line-height: 14px;
		}
		.map-main .map-text {
			display: inherit !important;
			}			
		.map-main-open {
			padding: 55px 10px 0px 10px;
			top: auto;
			left: auto;
			width: 130px;
			height: 95px;
			}
		.map-main h4 {
			padding: 0 0 7px 0;
			font-size: 13px;
			line-height: 15px;
			color: #fff;
			}
				

/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

	#copyright {
		height: 140px;
		text-align: center;
		}
	.home-copy {
		position: relative !important;
		bottom: auto;
		}
	#mobile-social {
		margin: 55px 0 0 0;
		height: 70px;
		display: inherit;
		text-align: center;
		}				
		#mobile-social #social-footer {
			display: inline-block;
			padding: 0;
			border: 1px solid #000;
			text-align: center;
			font-family: 'IsidoraSans-Medium', sans-serif;
			font-size: 25px;
			line-height: 30px;
			}
			#mobile-social #social-footer ul {
				padding: 0 0 0 15px;
				margin: 0;
				list-style: none;
				}
			#mobile-social #social-footer ul li {
				padding: 4px 1px 0 1px;
				margin: 0;
				float: left;
				}
			#mobile-social #social-footer ul li.instagram {
				padding: 5px 15px 0 2px;
				}
			#mobile-social #social-footer ul li.login {
				border-left: 1px solid #000;
				padding: 2px 12px 2px 12px;
				font-family: 'IsidoraSans-Bold', sans-serif;
				font-size: 12px;
				line-height: 30px;
				text-transform: uppercase;
				z-index: 999;
				}	
			#mobile-social #social-footer ul li.login a {
				text-decoration: none;
				}	
	#mobile-top {
		display: inherit;
		margin: 0 auto 0 auto;
		padding: 50px 50px 50px 50px;
		width: 56px;
		height: 100px;
		text-align: center;
		background:  url(images/arrow-footer.png) no-repeat top center;
		cursor: pointer;
		}

	.copyright-text {
		float: none; 
		width: 100%; 
		padding: 6px 0 20px 0;
		}
.newsletter {
	float: none; 
	margin: 0 auto;
	width: 100%;
	font-size: 14px;
	line-height: 17px;
	}
	.newsletter-text {
		float: none; 
		text-align: center;
		}

#copyright input[type='email'],
#copyright input[type='text'] {
	min-width: 180px;
	max-width: 300px;
	}
#copyright input[type='submit'] {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 5px;
	height: 32px;
	border: 1px solid #000;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	background: #fff;
	font-size: 14px;
	line-height: 14px;
	font-family: 'IsidoraSans-Bold', sans-serif;
	color: #555;
	text-transform: uppercase;
	transition: all 0.2s linear;
	}


}



/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 610px) {

.chart-container-main {
	width: 100%;
	max-width: 240px;
	height: auto;
	}	
	.c-circle {
		position: relative;
		display: inline-block;
		margin: 0 0 10px 0;
		top: auto;
		left: auto;
		width: 200px;
		height: 200px;
		}
	.oval-center {
		display: table-cell; 
		top: 50%; 
		width: 1850px;
		height: 100px;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto 0 auto;
		}
		.oval-inner {
			top: -50%;
			}
	.oval {
		position: relative;
		padding: 0 10px 0 10px;
		margin: 0 0 15px 0;
		text-align: center;
		display: inline-block;
		}
	.placement1,
	.placement2,
	.placement3,
	.placement4,
	.placement5,
	.placement6,
	.placement7 {
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		}
	.cline {
		display: none;
		}


}