/*
 ::Table Of Content

 1.) @FontFace Style
 2.) Global TypoGraphy
 3.) Global Form Elements
 4.) Global Button And Links
 5.) Site Wide Content
 6.) Header Section
 -------------------------------------*/

/*
 1.) @FontFace Style
 -------------------------------------*/
@font-face {
 font-family: 'HelveticaCE35ThinRegular';
 src: url('../fonts/helvetica_neue_ce_35_thin-webfont.eot');
 src: url('../fonts/helvetica_neue_ce_35_thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica_neue_ce_35_thin-webfont.woff') format('woff'), url('../fonts/helvetica_neue_ce_35_thin-webfont.ttf') format('truetype'), url('../fonts/helvetica_neue_ce_35_thin-webfont.svg#HelveticaCE35ThinRegular') format('svg');
}
@font-face {
 font-family: 'helvetica_ce_55_romanbold';
 src: url('../fonts/helvetica_neue_ce_75_bold-webfont-webfont.eot');
 src: url('../fonts/helvetica_neue_ce_75_bold-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica_neue_ce_75_bold-webfont-webfont.woff') format('woff'), url('../fonts/helvetica_neue_ce_75_bold-webfont-webfont.ttf') format('truetype'), url('../fonts/helvetica_neue_ce_75_bold-webfont-webfont.svg#helvetica_ce_55_romanbold') format('svg');
}
@font-face {
 font-family: 'HelveticaNeueRegular';
 src: url('../fonts/helveticaneue-webfont.eot');
 src: url('../fonts/helveticaneue-webfont.eot?iefix') format('eot'), url('../fonts/helveticaneue-webfont.woff') format('woff'), url('../fonts/helveticaneue-webfont.ttf') format('truetype'), url('../fonts/helveticaneue-webfont.svg#webfont71HM9MJp') format('svg');
}
@font-face {
 font-family: "Sansation Bold";
 src: url("../fonts/Sansation_Bold.eot?") format("eot"), url("../fonts/Sansation_Bold.woff") format("woff"), url("../fonts/Sansation_Bold.ttf") format("truetype"), url("../fonts/Sansation_Bold.svg#SansationBold") format("svg");
}
@font-face {
 font-family: 'CenturyGothicRegular';
 src: url('../fonts/gothic-webfont.eot');
 src: url('../fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothic-webfont.woff') format('woff'), url('../fonts/gothic-webfont.ttf') format('truetype'), url('../fonts/gothic-webfont.svg#CenturyGothicRegular') format('svg');
}
@font-face {
 font-family: 'CenturyGothicBold';
 src: url('../fonts/gothicb-webfont.eot');
 src: url('../fonts/gothicb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothicb-webfont.woff') format('woff'), url('../fonts/gothicb-webfont.ttf') format('truetype'), url('../fonts/gothicb-webfont.svg#CenturyGothicBold') format('svg');
}
@font-face {
 font-family: 'helvetica_2_bq_regular';
 src: url('../fonts/helveticatwobq-bold-webfont.eot');
 src: url('../fonts/helveticatwobq-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticatwobq-bold-webfont.woff') format('woff'), url('../fonts/helveticatwobq-bold-webfont.ttf') format('truetype'), url('../fonts/helveticatwobq-bold-webfont.svg#helvetica_2_bq_regular') format('svg');
}
@font-face {
 font-family: 'quinforegular';
 src: url('../fonts/quinfo-webfont.eot');
 src: url('../fonts/quinfo-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/quinfo-webfont.woff') format('woff'), url('../fonts/quinfo-webfont.ttf') format('truetype'), url('../fonts/quinfo-webfont.svg#quinforegular') format('svg');
}
/*
 2.) Global TypoGraphy
 -------------------------------------*/
.contact_us li a, .description h3, .btn-section span, #monitoring strong, #footer h2, .footer-nav li a, .btn-caption, #packages ul li p, .price-detail td span, .trial-title b, .premium-title b, .basic-title b, .carousel a, #pricing .title h2, .contact h1, .send, .page_bg .page span, .search-area input, .faq-content h2, .faq-content h3, .faq-section h2, .faq-section h3, #packages h4, #packages h2 {
	font-family: 'HelveticaNeueRegular', sans-serif;
}
.banner-title h2, .price b, #pricing-packages table h2, .price-detail td + td, .graphic-title h2 {
	font-family: 'helvetica_ce_55_romanbold', sans-serif;
}
.intro h2 {
	font-family: "Sansation Bold", sans-serif;
}
.tabing ul li a {
	font-family: Verdana, Geneva, sans-serif;
}
.btn a, .btn-section span.btn a {
	font-family: 'Roboto', sans-serif;
}
#footer h3 {
	font-family: 'helvetica_2_bq_regular', sans-serif;
}
#myphi h2, #fundpicker h2, #fundoscope h2 {
	font-family: 'quinforegular', sans-serif;
}
.graphic-title span, .graphic-title a, .contact-form select, .contact-form input, .contact-form textarea, .contact-form span {
	font-family: 'Open Sans', sans-serif;
}
.infographics-description {
	width: 100%;
	text-align: center;
}
.infographics-description h3, .infographics-description span, .contact p, #contact h3, .contact-form input.submit, .contact h2, .maint h2 {
	font-family: 'CenturyGothicRegular', sans-serif;
}
.page-heading h1, .vcard strong {
	font-family: 'CenturyGothicBold', sans-serif;
}
.topnav li a {
	font-size: 1.2em;
}
.safari .topnav, .opera .topnav {
	width: 34%;
}
.banner-icon span, .btn-section span, .btn-caption {
	font-size: 1.3em;
}
span.btn {
	font-size: 1.4em;
}
.copyright {
	font-size: 1.6em;
}
.navigation ul li a, .tabing ul li a, .footer-nav li a, .price-detail td + td span, .provide-services td.category-title, .faq-section h3 {
	font-size: 1.8em;
}
.description p, #monitoring strong {
	font-size: 2.2em;
}
.about-investment h4, #packages h4, #pricing-packages table h2, .price-detail td b {
	font-size: 3.6em;
}
.description h3, #contact h3 {
	font-size: 4.8em;
}
.question {
	font-size: 5em;
}
.banner-title h2 {
	font-size: 8em;
}
.navigation ul li a:hover, .navigation ul li a.active, .question, .banner-title h2, .footer-nav li a:hover, .copyright a:hover {
	color: rgb(75,198,228);
}/* light blue */
.navigation ul li a {
	color: rgb(190,190,190)
}/* light gray */
.tabing ul li a {
	color: rgb(94,95,97)
}/* gray */
.tabing ul li:hover a, .tabing ul li.active a, .footer-nav li a, .copyright, .copyright a, .fundpicker-description p, .fundpicker-description h3, .btn-caption, #packages h2, #packages h4, .page-heading h1 {
	color: rgb(255,255,255)
}/* white*/
.about-investment {
	color: rgb(238,239,241)
}/* white gray */
.login a, #monitoring strong {
	color: rgb(0,0,0)
}/* Black */
.contact_us li a {
	color: rgb(10,74,162)
}
.btn a {
	color: rgb(68,68,68)
}
.about-investment {
	background: rgb(133,134,137);
}
.tab-fixed, .tab-fixed.fix, .home-section, .tabing ul li, .tab {
	background: rgb(235,233,218);
}
.home-section {
	height: auto;
}
/*
 3.) Global Form Elements
 -------------------------------------*/

/*
 4.) Global Button And Links
 -------------------------------------*/

/*
 5.) Site Wide Content
 -------------------------------------*/
.wrapper {
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.page {
	width: 972px;
	margin: 0 auto;
	padding: 0 45.5px;
}
.tabing ul li i, .down-arrow, .circle a, .block i, .social-media li a, .checked, .carousel a i, .prev, .next, .check, #cboxPrevious, #cboxNext, #cboxClose, .up-arrow {
	background: url(../images/sprite.png) 0 0 no-repeat;
}
.down {
	position: relative;
	z-index: 9999;
}
.down-arrow{top: 584px;
	background-position: -69px 0;}
.up-arrow{top:550px;background-position: -175px 0;}
.down-arrow, .up-arrow  {
	position: fixed;
	width: 57px;
	height: 32px;
	display: block;
	margin-left: 901px;
	z-index: 9999;
}
.about_us_page .up-arrow, .science_page .up-arrow {
	top:inherit;
	bottom:50px;
}
.about_us_page .down-arrow, .science_page .down-arrow {
	top:inherit;
	bottom:10px;
}
/*
 6.) Header Section
 -------------------------------------*/
.header {
	width: 100%;
	padding-bottom: 10px;
	min-height: 107px;
	background: #fff;
}
.product_page .header, .about_us_page .header, .science_page .header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
.product_page #products-page, #about-us, #science, #fundoo-home, #contact-us {
	margin-top: 119px;
}

.product_page .top.fix, #about-us .top.fix, #science .top.fix, #fundoo-home .top.fix, #contact-us .top.fix{
	top: 117px;
}

.fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	background: #fff;
	padding-bottom: 10px;
}

/* Sharad Commented
.header .page {
	padding-top: 24px;
}
.logo {
	float: left;
	margin-top: 28px;
}
.linked {
	float: right;
	width: 70%;
}
.topnav {
	float: right;
	width: 32%;
}

.contact_us {
	float: left;
	margin-top: 10px;
}

.login {
	float: right;
	background: #eeeeee;
	border-radius: 4px;
	border: 1px solid #d0cece;
	padding: 9px 4px;
	box-shadow: 0 1px 2px #DDDDDD;
}
.topnav li {
	float: left
}

.login li a {
	border-right: 1px solid #000000;
	padding: 0 5px;
	display: block;
}
.contact_us li a {
	float: left;
	border-right: 1px solid #0a4aa2;
	padding: 0 5px;
	display: block;
}
.navigation {
	float: right;
	width: 100%;
	margin-top: 29px;
}
.navigation ul {
	float: right;
	text-align: right;
}
.navigation ul li {
	float: left;
	padding-left: 38px;
}
.navigation ul li a {
	display: block;
	line-height: 1.2;
}
/*
 7.) Footer Section
 -------------------------------------*/
#footer {
	background: #d8e4e5; /* Old browsers */
	width: 100% !important;
	overflow: hidden;
	min-height: 660px;
}
#footer > .page {
	background: url(../images/footerBg.png) center top no-repeat;
	padding-top: 45px;
	overflow: hidden;
	padding-bottom: 116px;
	position: relative;
}
.investment-step, .investment-step-section {
	float: left;
	padding-top: 73px;
	width: 34%;
	position: relative;
	min-height: 350px;
}
.investment-step-section {
	float: right;
	width: 38%;
}
.investment-step .block, .investment-step-section .block {
	width: 182px;
	text-align: right;
	float: right;
}
.investment-step-section .block {
	float: left;
	text-align: left;
	width: 160px;
}
#footer h2 {
	font-size: 3.4em;
	color: #4c4a4a;
	line-height: 1.2;
	float: left
}
#footer span.btn {
	float: right;
	margin-right: 45px;
}
#footer h3 {
	font-size: 2.4em;
	color: #464646;
	line-height: 1.2;
	text-transform: uppercase;
}
#footer p {
	font-size: 1.5em;
	color: #464646;
	line-height: 1.2;
}
.top {
	width: 100%;
	height: 17px;
	background: #716f6f;
	display: inline-block !important;
}
.top_line {
	width: 100%;
	height: 17px;
	background: #716f6f;
	display: inline-block;
}
.top_line span i {
	border-color: #517893 #fff;
}
.top_line span i + i {
	border-color: #fff #517893;
}
.contact .top {
	background: #517893;
}
.contact .top span i {
	border-color: #517893 transparent;
}
.contact .top span i + i {
	border-color: transparent #517893;
}
.maint .top {
	background: #59ba47;
}
.maint .top span i {
	border-color: #59ba47 transparent;
}
.maint .top span i + i {
	border-color: transparent #59ba47;
}

.top .page {
	background: none;
	padding-top: 17px;
	position: relative;
}
.top span, .top_line span {
	display: block;
	margin-left: 45px;
}
.top_line span {
	padding-top: 17px;
}
.caousel_slide li .top span {
	padding-top: 17px;
}
.top span i, .top_line span i {
	border-color: #716f6f transparent;
	border-style: solid;
	border-width: 26px 0 0 19px;
	height: 0;
	width: 0;
	float: left;
}
.top span i + i, .top_line span i + i {
	border-color: transparent #716f6f;
	border-style: solid;
	border-width: 0 0 26px 19px;
	height: 0;
	width: 0;
	float: left;
}
.top_line span i {
	border-color: #716F6F transparent;
}
.top_line span i + i {
	border-color: transparent #716F6F;
}
.top.change span i {
	border-color: #716F6F transparent;
}
.top.change span i + i {
	border-color: transparent #716F6F;
}
#products-page .top.color span i {
	border-color: #59A38C transparent;
}
#products-page .top.color span i + i {
	border-color: transparent #59A38C;
}
#products-page .top.color_1 span i {
	border-color: #f9c114 transparent;
}
#products-page .top.color_1 span i + i {
	border-color: transparent #f9c114;
}
#products-page .top.color_2 span i {
	border-color: #0C486C transparent;
}
#products-page .top.color_2 span i + i {
	border-color: transparent #0C486C;
}
#products-page .top.color_4 span i {
	border-color: #554171 transparent;
}
.top.color_4 span i {
	border-color: #554171 transparent;
}
.top.color_4 span i + i {
	border-color: transparent #554171;
}
.top.color_5 span i {
	border-color: #BE7391 transparent;
}
.top.color_5 span i + i {
	border-color: transparent #BE7391;
}
.top.color_6 span i {
	border-color: #CB958E transparent;
}
.top.color_6 span i + i {
	border-color: transparent #CB958E;
}
.top.color_7 span i {
	border-color: #DCD487 transparent;
}
.top.color_7 span i + i {
	border-color: transparent #DCD487;
}
.top.color_8 span i {
	border-color: #AACD98 transparent;
}
.top.color_8 span i + i {
	border-color: transparent #AACD98;
}
.top.color_9 span i {
	border-color: #7DB5C2 transparent;
}
.top.color_9 span i + i {
	border-color: transparent #7DB5C2;
}
.top.color_10 span i {
	border-color: #D3CDA9 transparent;
}
.top.color_10 span i + i {
	border-color: transparent #D3CDA9;
}
#products-page .top.arrow_1 span i {
	border-color: #716F6F transparent;
}
#products-page .top.arrow_1 span i + i {
	border-color: transparent #716F6F;
}
.heading {
	overflow: hidden;
	width: 100%;
}
.profile i {
	background-position: 0 -190px;
	display: inline-block;
	height: 29px;
	position: relative;
	right: -15px;
	width: 31px;
}
.investment-step .block p {
	padding-right: 36px;
}
.investment-step-section .block p {
	padding-left: 36px;
}
.investment-step .block.health {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 187px;
}
.health i {
	background-position: 0 -154px;
	display: inline-block;
	height: 30px;
	position: relative;
	right: -15px;
	width: 30px;
}
.investment-step-section .fund {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 187px;
}
.asset i {
	background-position: 0 -225px;
	display: inline-block;
	height: 30px;
	position: relative;
	left: -15px;
	width: 30px;
}
.fund i {
	background-position: 0 -122px;
	display: inline-block;
	height: 30px;
	position: relative;
	left: -15px;
	width: 30px;
}
.footer {
	width: 100%;
	background: #464646;
	border-top: 1px solid #9ea5a5;
	height: 140px;
}
.footer .page {
	padding-top: 40px;
}
.footer-nav {
	float: left;
}
.footer-nav li {
	float: left;
	margin-right: 20px
}
.footer-nav li a {
	display: block;
	text-transform: uppercase;
}
.social-media {
	float: right;
	margin-right: 35px;
}
.social-media li {
	float: left;
	margin-left: 3px;
}
.social-media li a {
	width: 39px;
	height: 39px;
	display: block;
	text-indent: -9999px;
}
.social-media li.facebook a {
	background-position: -70px -39px;
}
.social-media li.twitter a {
	background-position: -111px -39px;
}
.copyright {
	overflow: hidden;
	display: block;
	width: 100%;
}
.goto {
	bottom: 10px;
	display: block;
	height: 60px;
	left: 50%;
	margin-left: -43px;
	position: absolute;
	width: 55px;
	background: url(../images/goto.png) 0 0 no-repeat;
}
.go-to-top {
	background: url(../images/top.png) 0 0 no-repeat;
	width: 53px;
	height: 33px;
	left: auto;
	margin-left: 0;
	right: -43px;
	bottom: 74px;
}