.font_thin { font-weight: 100 }
.font_lighter { font-weight: 200 }
.font_light { font-weight: 300 }
.font_regular { font-weight: 400 }
.font_medium { font-weight: 500 }
.font_bold { font-weight: 700 }

.highlight { color: #E84F13 }
.bg_highlight { color: white; background-color: #E84F13 }
.bg_highlight_dark { color: white; background-color: #E04F13 }
.bg_highlight_hotspots{ color: white; background-color: #C41414 }

.full_width { width: 100% }
.darkened { filter: brightness(80%) }
.centered { margin: auto }
img.centered { display: block; max-width: 100% }
.text_centered { text-align: center }
.text_big { font-size: 46px; line-height: 55px; font-weight: 400; }
.v_margin { margin-top: 40px }

body {
	font-family: Roboto;
	margin: 0px;
}

h4 { /* used in press sub-titles */
	text-align: center;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
}

#body {
	position: relative;
	margin: auto;
	width: 100%;
}

#header {
	height: 80px;
	margin-top: 20px;
	white-space: nowrap;
}

#header_logo {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	width: 186px;
}
#header_banner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
}

#header_links_container {
	position: relative;
	float: left;
	width: calc(100% - 400px);
}
#header_links {
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 950px;
}

.header_link {
	padding-top: 20px;
	padding-right: 30px;
	float: left;	
	cursor: pointer;
}
.header_link_highlight {
	margin-top: 5px;
	margin-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	border-radius: 0px 8px 0px 8px;
	cursor: pointer;
}
.header_link a:link, .header_link a:visited {
	color: black;
}
.header_link_highlight a:link, .header_link_highlight a:visited {
	color: white;
}
a:link, a:visited {
	text-decoration: none;
	/*color: white;*/
}
a.highlight:link, a.highlight:visited {
	color: #E84F13;
}

#content {
	overflow-y: scroll;
	height: calc(100% - 100px);
	width: 100%;
}

.section {
	position: relative;
}

.section_image {
	position: relative;
}

.image_text {
	position: absolute;
	top: 45%;
	width: 80%;
	left: 10%;
	line-height: 100%;
	text-align: center;
	color: white;
}

.section_sep {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
h1.section_sep {
	margin-top: 0;
	margin-bottom:0;
}

#home_content {
	width: 600px;
	margin: auto;
	margin-bottom: 20px;
}

#home_banner {
	position: absolute;
	top: 10%;
	width: 50%;
	left: 25%;
}
#home_commitment {
	margin-top: 50px;
	overflow: auto;
}

.home_commitment_entry {
	float: left;
	width: 300px;
	height: 200px;
}

.home_commitment_title {
	margin-top: 20px;
	margin-bottom: 10px;
}

.section_header {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	background-color: #868686;
	color: white;
}

#products_content {
	overflow: auto;
	margin-top: 70px;
}

.products_row {
	overflow: auto;
	width: 700px;
	margin-top: 40px;
}

.products_content_entry {
	float: left;
	width: 300px;
	height: 200px;
	margin-left: 25px;
	margin-right: 25px;
}

.products_content_img {
	margin-bottom: 10px;
}

.container {
	position: relative;
	overflow: auto;
}

#products_content2_container {
	width: 600px;
}

.products_content2_column {
	width: 300px;
	float: left;
}

/*
.about_right {
	margin-left: calc(50% - 200px);
}
*/

.about_entry {
	margin-top: 40px;
	display:flex;
}

@media(max-width:500px) {
	.about_entry {
		flex-direction: column;
	}
}
.about_entry_blurb {
	margin-top: 20px;
}

.about_entry_img {
	width: 200px;
	padding-left: 10px;
}
.about_entry_text {
	padding-left: 10px;
	padding-right: 10px;
}

#contact_form_message {
	display: none;
	font-size: 18px;
	color: red;
	font-weight:bold;
}

.form_name {
	margin-top: 4px;
}
#contact_form_div {
	font-size: 18px;
   	width: 310px;
	margin:auto;
	margin-bottom: 30px;
}
#contact_form_div .container{
	margin:auto;
}

.contact_form_column {
	width: 300px;
}

.footer {
	padding-top: 50px;
	padding-bottom: 10px;
	background-color: #F0F0F0;
}

input[type=text] {
	box-sizing: border-box;
	border: 1px solid #808080;
/*	border-radius: 0px 8px 0px 8px;*/
	background-color: #F0F0F0;
	width: 300px;
	/*height: 26px;*/
	/*padding-left: 5px;*/
	padding: 5px;
	margin-bottom: 3px;
	font-size: 16px;
}

textarea {
	box-sizing: border-box;
	border: 1px solid #808080;
	/* border-radius: 0px 8px 0px 8px;*/
	background-color: #F0F0F0;
	width: 300px;
	padding-left: 5px;
	margin-bottom: 3px;
	font-size: 16px;
	/*height: 50px;*/
	resize: none;
	padding: 5px;
}



#contact_form_submit_div {
	width: 150px;
	margin-top: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

#contact_form_submit {
	box-sizing: border-box;
	border: 0px;
	border-radius: 0px 8px 0px 8px;
	width: 150px;
	font-size: 12px;
	height: 35px;
}

.sec_header {
	font-size: 20px;	
	min-height: 80px;
	background-color: #E0E0E0;
	border: 1px solid #808080;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 5px;
	padding-right: 5px;
}

.sec_header.long-header {
	font-size:16px;
}
.research .sec_header {
	/*background-color: #d64d1f;*/
	color: #d64d1f;
	font-weight:800;
}
.research .font_light {
	font-weight:800;
}


.sec_description {
	position: relative;
	display: none;
	margin: 30px auto;
	max-width:900px;
	text-align: left;
}
.sec_description a:link, .sec_description a:visited {
	color: #d64d1f;
	font-weight: 700;
}

#sec_sep {
	width: 100%;
	height: 30px;
}
#sec_about {
	margin-top: 20px;
}

.ops_email {
	position:relative;
	top: 5px;
}

.careers_email {
	position:relative;
	top: 5px;
}


#top_right_banner {
	display: none;
	position: absolute;
	top: -30px;
	right: -125px;
	width: 170px;
	height: 80px;
	transform: rotate(45deg);
	background-color: #E04F13;
	color: white;
	text-align: center;
	padding-top: 55px;
	padding-left: 80px;
	padding-right: 80px;
	border: solid black 1px;
	cursor: pointer;
	z-index: 1;
}
.press_title {
	font-size: 20px;	
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.sec_description_press {
	display: block;
	overflow: hidden;
}
.press_image {
	float: left;
	width: 200px;
	height: 80px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.press_content {
	float: left;
	padding-top: 10px;
}
.press_separator {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	height: 2px;
	background-color: #E84F13;
}

@media only screen and (min-width: 1000px) {
	#top_right_banner {
		display: block;
	}
}
@media only screen and (max-width: 1000px) { 
	#badp_award {
		top: 78px;
	}
	#header_links_container {
		float: right;
		width: auto;
	}
	#header_links {
		font-size: 10px;
		width: 720px;
	}
	.sec_description {
		margin: 30px 5%;
	}
}
#user_guide_form_div {
	/*
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	*/
	padding-bottom: 20px;

/*	position: absolute;
	bottom: 1%;
	left: calc(50% - 300px);
	padding: 10px 30px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8); */
}

.section-header {
	width: 100%;
	background-color: #E84F13;
	font-weight: 100;
	text-align: center;
	font-size: 46px; line-height: 55px;
	color: white;
	padding-top:40px;
	padding-bottom:40px;
}

.section-text-top {
	color: #000;
	font-size: 26px;
	font-weight: 100;
	line-height: 1.2;
	width: 75%;
	text-align: center;
	margin:auto;
	padding:20px;
}
.section-text {
	color: #d64d1f;
	font-size: 26px;
	font-weight: 100;
	line-height: 1.2;
	width: 75%;
	text-align: center;
	margin:auto;
	padding:20px;
}
.advan-a {
	background-image: url(images/logo_a.png);
	background-repeat:   no-repeat;
	background-position: center center;
	width: 100%;
	height:39px;
	margin-top: 40px;
}

.icons-box {
	padding-top:20px;
	    display: flex;
    margin: auto;
    width: 75%;
    flex-basis: auto;
}
.icon-box {
	color: #929292;
	margin:auto;
	text-align: center;
	font-weight: 100;
	font-size: 26px;
}

.social-small {
    float: left;
    display: inline-block;
    margin-right : 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.social-small i {
	background: #a0a0a0;
	border-radius: 0 5px;
	text-align: center;
	height: 24px;
	width: 24px;
	line-height: 24px;
	font-size: 14px;
	
	transition: all 500ms ease 0s;
}

.social-small i:hover {
	background: #666;
}

/** just one item like a graph or diagram */
.cols-1 {
	margin-left: 10%;
	margin-right: 10%;
}

/* two column layout */
.cols-2 {
	display:flex;
	align-items: stretch;
	justify-content: center;
	margin: auto;
	width:100%;
}

.cols-2 .col {
	width:45%;
	margin-left:1%;
	margin-right:1%;
	max-width:450px;
	display: flex;
	flex-direction: column;
}

@media (max-width: 800px) {
	.cols-2 {
		/*max-width:350px;*/
		flex-wrap: wrap;
	}
	.cols-2 .col {
		margin-top: 20px;
		min-width: 150px;
	}
}
/* three column layout */
.cols-3 {
	display:flex;
	align-items: stretch;
	/*justify-content: space-evenly;*/
	justify-content: center;
	margin: auto;
	width:100%;
}

.cols-3 .col {
	width:30%;
	margin-left:1%;
	margin-right:1%;
	max-width: 300px;
	display: flex;
	flex-direction: column;
}

@media (max-width: 850px) {
	.cols-3 {
		/*max-width:350px;*/
		flex-wrap: wrap;
	}
	.cols-3 .col {
		width: unset;
		margin-top: 20px;
	}
}
/* four column layout */
.cols-4 {
	display:flex;
	align-items: stretch;
	/*justify-content: space-evenly;*/
	justify-content: center;
	margin: auto;
	width:100%;
}

.cols-4 .col {
	width:20%;
	margin-left:1%;
	margin-right:1%;
	max-width: 300px;
	display: flex;
	flex-direction: column;
}

@media (max-width: 980px) {
	.cols-4 {
		/*max-width:350px;*/
		flex-wrap: wrap;
	}
	.cols-4 .col {
		width: unset;
		margin-top: 20px;
	}
}



@media(max-width:900px) {
	.text_big { font-size: 24px; line-height: 30px; }
	.section-header { font-size: 24px; line-height: 30px; padding-top: 20px; padding-bottom:20px;}
}

.benchmark-box-txt,
.unmatched-box-txt,
.quanti-box-txt,
.quant-box-txt,
.hedge-box-txt,
.brokers-box-inner,
.retail-box-inner,
.owners-box-txt {
	flex-grow: 1;
}


.privacy-content {
	margin: 20px;
}

.privacy-content a:link, .privacy-content a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #E84F13;
}


/** blog*/
.blog-img {
	width: 100%;
	max-width:900px;
}
.blog-440-img {
	width: 90%;
	max-width:440px;
}
.blog-700-img {
	width: 90%;
	max-width:700px;
}
.blog-800-img {
	width: 90%;
	max-width:900px;
}

@media (max-width: 900px) {
/*
	.blog-img {
		width:90%;
	}
*/
	.blog-440-img {
		width:98%;
	}
	.blog-700-img {
		width:98%;
	}
	.blog-800-img {
		width:98%;
	}
}

.blog-email-img {
	vertical-align: middle;
}