/*
Theme Name: QIAGEN NGS Child Theme
Author: ACS Creative
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");
.font-special, .button, .counter-title, h6, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .pricing-plan .pricing-plan-head h3, a.catimage, .divider-title, button, input[type='submit'], input[type='reset'], input[type='button'], .vc_pie_chart h4, .page-404 h3, .minti_masonrygrid_item h4 {
	font-family: 'Futura-pt', Arial, Helvetica, sans-serif!important;
}
html {
	overflow-x: hidden!important;
}
* { 
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	position: relative;
	background-color: #f0f8ff;
	background-color: #dcedff;
}
.boxed-layout {
	box-shadow: 0px 0px 58px rgba(0, 66, 122, 0.34)!important;
}
header.main {
	height: 127px;
	background-image: url(/wp-content/themes/unicon-child/red_line.jpg);
	background-repeat: repeat-x;
	padding-bottom: 0;
	background-color: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	background-position-y: 9px;
	width: 100%;
	position: fixed;
	z-index: 999999;
}
header.main div.logo {
	width: 136px;
	background: #fff;
	text-align: center;
}
header.main div.logo img {
	margin-top: 22px;
}
#logo {
	text-indent: -9999px!important;
}
.logo-section {
	width: 1190px;
	position: relative;
	z-index: 1;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.site-wrapper {
	background: url(/wp-content/themes/unicon-child/new_qiagen_bg.jpg) no-repeat top center;
	background-size: contain;
}
#header {
	box-shadow: none;
}
.header-transparent .logo_transparent {
	display: inherit;
	height: 90px;
}
#header.header-transparent.header-v1 {
	box-shadow: none!important;
}
img.logo_transparent {
	dis play: none!important;
}
#navigation {
	display: none;
}
#mobile-navigation-btn {
	display: none;
}

h1 {
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	font-size: 84px!important;
	line-height: 87px!important;
	font-weight: 300!important;
	letter-spacing: -4px;
	color: #002f64!important;
	max-width: 80%;
	margin-bottom: 42px!important;
}
a:hover {
	text-decoration: underline;
}
#headline {
	padding-top: 380px!important;
}
#headline-area {
	margin-bottom: 60px;
}
.sample-to-insight-chart {
	margin-bottom: 80px!important;
}
#section-1, #section-2, #section-3 {
	margin-bottom: 60px!important;
}
.section-2-interior {
	padding: 80px 0!important;
}
#section-2 ul, #section-3 ul {
	margin-bottom: 20px!important;
}
#headline-area h2 {
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	font-size: 30px!important;
	line-height: 36px!important;
	font-weight: 400!important;
	color: #002f64!important;
	margin-bottom: 26px!important;
}
h2 {
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	font-size: 24px!important;
	line-height: 28px!important;
	font-weight: 400!important;
	color: #002f64!important;
	margin-bottom: 10px!important;
	letter-spacing: -0.01em;
}
p, ul, ol {
	font-size: 16px!important;
	line-height: 22px!important;
	font-weight: 400!important;
	color: #656565!important;
	margin-bottom: 10px!important;
}
ul {
	list-style: none!important;
	padding: 0px!important;
	margin: 0px!important;
}
li { 
    padding-left: 0.7em; 
    text-indent: -1em;
    margin-bottom: 10px;
}
li:before {
	content: "\2022";
	color: #87a6d5;
}
.formrow h2 {
	font-size: 34px!important;
	line-height: 36px!important;
	margin-bottom: 15px;
}
.formrow li {
	text-indent: 0!important;
	padding-left: 0!important;
	margin-bottom: 2px;
}
.gform_wrapper .ginput_complex label {
	display: none!important;
}
.gform_wrapper .top_label .gfield_label {
	font-weight: 500!important;
}
.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .ginput_complex select {
	height: 37px;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
	height: 37px;
}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
textarea {
	margin-bottom: 7px!important;
}
a.button, input[type=submit], button {
	border-radius: 0px!important;
	font-size: 16px!important;
	padding: 14px 40px 14px 40px!important;
}
.single_image {
	margin-bottom: 25px!important;
}
#footer-callout p {
	color: #00427a!important;
	font-size: 30px!important;
	line-height: 35px!important;
}
.getstarted {
	padding: 35px 0!important;
}
.blue-btn {
	padding: 20px 60px!important;
	}
a.blue-btn {
	font-size: 18px!important;
}
a.blue-btn:hover {
	text-decoration: none!important;
}
.callout-button {
	margin: 0 auto!important;	
}
#footer {
	background-color: #fff!important;
}
#footer p {
	font-size: 12px!important;
	line-height: 16px!important;
	color: #6a6a6a!important;
}
#top-callout p {
	padding: 36px 0;
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	font-size: 30px!important;
	line-height: 38px!important;
}
h4.click-to-discover {
	font-size: 34px;
	text-align: left;
	margin-bottom: 32px!important;
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	font-weight: 400!important;
	line-height: 38px;
}
.calr-section ul li {
	font-size: 18px!important;
	line-height: 26px!important;
	font-weight: 400!important;
}
table {
	width: 100%;
}
tr.vc-th td {
	color: #00417c;
	font-size: 30px;
	font-weight: 400;
}
.product_table tr:nth-of-type(even) {
	background: #F7F7F7;
}
.product_table td {
	padding: 18px 12px!important;
	font-size: 22px;
}
td.vc_table_cell:last-child {
	text-align: right;
}
tr.vc-th td.vc_table_cell {
	padding-left: 0!important;
	padding-right: 0!important;
}
#second-callout p {
	color: #fff!important;
	font-size: 34px!important;
	line-height: 40px!important;
}
#mpn h3 {
	font-size: 32px;
	color: #7eaad9;
	line-height: 38px;
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
}
#mpn p {
	color: #848484!important;
	font-size: 18px!important;
	line-height: 26px!important;
}
#mpn p:first-child {
	color: #424242!important;
}
#mpn .references p, #mpn .references p:first-child {
	color: #999!important;
	font-size: 14px!important;
	line-height: 18px!important;
}
#footer-callout p a {
	color: #fff!important;
	font-size: 34px!important;
	line-height: 40px!important;
	display: block;
	padding: 43px 0 38px 0;
}
#footer-callout p a:hover {
	text-decoration: none;
}
#footer-callout .vc_col-sm-12.wpb_column.column_container.col.no-padding.color-dark:hover > #footer-callout {
	background: red!important;
	color: red;
}
.product_table td a {
	color: #777;
}
.product_table td a:hover {
	color: #064378;
}
.svg-chart img {
	width: 100%!important;
}
footer#footer {
	background: url(/wp-content/uploads/footer_blue_bar_sample_to_insight.jpg) no-repeat top 60px left;
}
#text-2 {
	margin-top: 50px;
}
#footer a:hover {
	color: #888!important;
}



/* NEW CALLOUT */

#new-callout {
	padding: 50px 0!important;
	margin-bottom: 60px;
}
#new-callout p {
	padding-bottom: 36px;
    font-family: "futura-pt", helvetica, arial, sans-serif!important;
    font-size: 30px!important;
    line-height: 38px!important;
    color: #FFF!important;
    max-width: 70%;
}



/* MEDIA QUERIES */

@media (max-width:1199px) {
	#headline {
		padding-top: 300px!important;
	}
	h1 {
		font-size: 76px!important;
		line-height: 75px!important;
		letter-spacing: -2px;
		max-width: 100%;
	}
	#headline-area h2 {
		font-weight: 300!important;
	}
	#top-callout p {
	padding: 36px 0 28px 0;
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	font-size: 26px!important;
	line-height: 38px!important;
	vertical-align: middle;
}
}


@media (max-width:959px) {
	#mobile-header {
		display: none!important;
	}
	h1 {
		font-size: 64px!important;
		line-height: 65px!important;
	}
	#headline-area h2 {
		font-size: 24px!important;
		line-height: 28px!important;
	}
	#top-callout p {
		padding: 26px 0 21px 0;
		font-size: 22px!important;
		line-height: 29px!important;
	}
	#section-1 .vc_col-sm-6.calr-section.wpb_column.column_container.col.no-padding.color-dark {
		width: 100%;
	}
	#section-1 img.attachment-full {
		width: 100%;
	}
	#section-1 .vc_col-sm-6.calr-section.wpb_column.column_container.col.no-padding.color-dark {
		margin-bottom: 100px;
	}
	.vc_col-sm-6.formrow.wpb_column.column_container.col.no-padding.color-dark {
		width: 100%;
	}
	#spacer-under-form {
		display: none;
	}
	#mpn .vc_col-sm-6.wpb_column.column_container.col.no-padding.color-dark {
		width: 100%;
	}
	#mpn .vc_col-sm-6.wpb_column.column_container.col.no-padding.color-dark:first-child {
		margin-bottom: 80px;
	}
	#mpn .vc_col-sm-6.svg-chart.wpb_column.column_container.col.no-padding.color-dark {
		width: 100%;
	}
	#footer-callout p a {
		font-size: 28px!important;
		line-height: 28px!important;
		padding: 32px 0 27px 0;
	}
	.gform_wrapper {
		max-width: 100%!important;
	}

}

@media (max-width:767px) {
	#headline {
		padding-top: 275px!important;
	}
	h1 {
		font-size: 48px!important;
		line-height: 54px!important;
		margin-bottom: 50px!important;
	}
	/* #q-logo {
		background-position: -529px 0;
		height: 100px;
	} */
	.vc_responsive .page-section .standard-section .span_12 {
		max-width: 90%!important;
	}
	.single_image.wpb_content_element.align-left img {
		width: 100%;
	}
	#footer .container .sixteen.columns {
		width: 90%!important;
	}
	#footer a.button.color-3.large.blue-btn {
		width: 80%;
	}
	.container {
    	width: 90%!important;
    	padding-left: 20px;
	}
}

@media (max-width:580px) {
	/* #q-logo {
	background-position: -522px 0;
	height: 100px;
	width: 280%;
} */
html {
	margin-top: 0!important;
}
}

@media (max-width:550px) {
	/* #q-logo {
	background-position: -522px 0;
	height: 100px;
} */
}

@media (max-width:479px) {
	/* #q-logo {
		background-position: -388px 0;
	height: 100px;
} */
.site-wrapper {
	background-size: 160%;
}
	#headline {
	padding-top: 250px!important;
}
	h1 {
		font-size: 40px!important;
		line-height: 44px!important;
	}
	#headline-area h2 {
		font-size: 20px!important;
		line-height: 26px!important;
	}
	.sample-to-insight-chart {
		display: none;
	}
	#footer .container .sixteen.columns {
		width: 90%!important;
		padding: 0 5%;
	}
	a.button.color-3.large.blue-btn {
		padding: 20px 0!important;
		width: 100%;
	}
	.logo img {
    	height: 80px;
	}
}