/*
Theme Name: Unicon Child Theme
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

* { 
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
a {
    text-decoration: none;
     font-weight: 700;
}
p strong {
    font-weight: 700;
}
body {
/*
	background: url('/wp-content/uploads/S_4355_QFT_GoldBloodCollTube_EDIT2.jpg') no-repeat!important;
	background-position: center top!important;
	background-size: cover!important;
*/
	background: -webkit-linear-gradient(#e0eaf6 0%, #ffffff 100%)!important;
}
#main-content {
	padding: 40px 42px 80px 42px!important;
	width: 100%!important;
}
h1, h3, #content p {
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	color: #00427A!important;
	padding-left: 42px!important;
	padding-right: 42px!important;
}
h1 {
	font-size: 62px!important;
	font-weight: 300!important;
	margin-top: 20px!important;
	margin-bottom: 0!important;
}
h3 {
	font-size: 28px!important;
	font-weight: 700!important;
	line-height: 36px!important;
	margin-bottom: 120px!important;
}
p {
	font-size: 18px!important;
	font-weight: 400!important;
	line-height: 26px!important;
}
.wrapall {
	background: transparent!important;
}
.spacer {
	background: white!important;
	margin-left: 42px!important;
	margin-right: 42px!important;
	width: 90%!important;
}
.bg-photo {
	padding: 0!important;
}
#form-row {
	width: 55%!important;
	padding-top: 40px!important;
	margin-top: -400px!important;
	padding-bottom: 80px!important;
}



/*-- BODY --*/
body {
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
	position: relative;
	overflow-x: hidden;
}
.boxed-layout {
    box-shadow: 0px 0px 58px rgba(0, 66, 122, 0.34)!important;
}
.page-section .standard-section .span_12 {
    max-width: inherit!important;
}
.section {
    background-position: inherit!important;
}


/*-- FORM --*/

.field-p {
	margin-left: -26px!important;
}

.elq-form .field-size-top-large {
	width: 570px!important;
}

select#field5, select#field6, select#field7, select#field8 {
	width: 596px!important;
	margin-bottom: 20px!important;
}

.submit-button {
	background: #00427A!important;
	border-color: #00427A!important;
	font-size: 16px!important;
	height: 45px!important;
	width: 160px!important;
	margin-top: 20px!important;
}

/*-- HEADER --*/
#header {
	box-shadow: none;
}
#header.header-v1 {
	background: transparent!important;
}
#header .container,
#footer .container {
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}
#header .container .sixteen.columns {
    width: 100%;
}
#header.header-transparent.header-v1 {
	box-shadow: none!important;
}
#mobile-navigation-btn {
	display: none;
}
.header-v1 #navigation {
    float: left;
}
#navigation {
    display: none;
}
ul#nav {
    margin: 0 0 0 40px!important;
}
ul#nav li {
    margin-top: 16px;
    padding-top: 68px!important;
}
ul#nav li a {
    font-size: 20px!important;
    font-weight: 400!important;
    text-decoration: none!important;
    color: #999!important;
    text-transform: uppercase;
    cursor: pointer;
    display: block!important;
}
ul#nav li a:active {
    color: #002f64!important;
}


/*-- LOGOS --*/
.header-v1 .logo {
    margin-left: 0!important;
}
#logo:before {
    content: '—';
    font-size: 10px;
    border-bottom: 4px #EE3424 solid;
    color: transparent;
    position: absolute;
    left: -20px;
    top: 104px;
    width: 64px;
}
#logo:after {
    content: '—';
    font-size: 10px;
    border-bottom: 4px #EE3424 solid;
    color: transparent;
    position: absolute;
    left	: 200px;
    top: 104px;
    width: 2000px;
}

.logo img {
    height: 106px;
    text-indent: -9999px;
}
a:hover {
	text-decoration: underline;
}


/*-- FOOTER --*/
#footer-callout p {
	color: #00427a!important;
	font-size: 30px!important;
	line-height: 35px!important;
}
#footer {
	background-color: transparent!important;
}
#footer p, #footer ol li {
	font-size: 12px!important;
	line-height: 16px!important;
	color: #6a6a6a!important;
	font-family: "futura-pt", helvetica, arial, sans-serif!important;
}
#text-2 .textwidget p:before {
    content: '—';
    font-size: 10px;
    border-bottom: 2px #00427A solid;
    color: transparent;
    position: absolute;
    left: 0;
    top: -6px;
    width: 45px;
}
#text-2 .textwidget p:after {
    content: '—';
    font-size: 10px;
    border-bottom: 2px #00427A solid;
    color: transparent;
    position: absolute;
    left: 214px;
    top: -6px;
    width: 2000px;
}
footer#footer h6 {
    font: normal 14px/14px "futura-pt", helvetica, arial, sans-serif!important;
    margin-bottom: 6px;
}
footer#footer .textwidget img {
    margin-bottom: 30px;
}

@media (max-width:1999px) {
	
#form-row {
	width: 55%!important;
	padding-top: 40px!important;
	margin-top: -300px!important;
	padding-bottom: 80px!important;
}	
	
}

@media (max-width:1599px) {
	
#form-row {
	width: 55%!important;
	padding-top: 40px!important;
	margin-top: -200px!important;
	padding-bottom: 80px!important;
}	
	
}

@media (max-width:1340px) {

.elq-form .field-size-top-large {
	width: 570px!important;

select#field5, select#field6, select#field7, select#field8 {
	width: 596px!important;
}

}

@media (max-width:1299px) {
	
#form-row {
	width: 55%!important;
	padding-top: 40px!important;
	margin-top: -100px!important;
	padding-bottom: 80px!important;
}	
	
}

@media (max-width:1199px) {
	
#form-row {
	width: 100%!important;
	padding-top: 40px!important;
	margin-top: -100px!important;
	padding-bottom: 80px!important;
}

h1 {
	font-size: 56px!important;
	font-weight: 300!important;
	margin-top: 30px!important;
	margin-bottom: 0!important;
}	

h3 {
	font-size: 26px!important;
	font-weight: 700!important;
	line-height: 34px!important;
	margin-bottom: 120px!important;
}

#main-content {
	padding: 40px 42px 80px 42px!important;
}	
	
}

@media (max-width:959px) {
	h1 {
	font-size: 44px!important;
	font-weight: 300!important;
	margin-top: 30px!important;
	margin-bottom: 0!important;
}	

h3 {
	font-size: 22px!important;
	font-weight: 700!important;
	line-height: 32px!important;
	margin-bottom: 120px!important;
}
	#mobile-header .container {
	    width: 100%;
    }
    #mobile-logo a img {
	    margin-left: 50px;
	}
    #mobile-header {
	    box-shadow: none;
	    background: transparent!important;
    }
    #mobile-header .logo {
	    margin-left: 0!important;
	}
	#mobile-logo:before {
	    content: '—';
	    font-size: 10px;
	    border-bottom: 4px #EE3424 solid;
	    color: transparent;
	    position: absolute;
	    left: -20px;
	    top: 104px;
	    width: 64px;
	}
	#mobile-logo:after {
	    content: '—';
	    font-size: 10px;
	    border-bottom: 4px #EE3424 solid;
	    color: transparent;
	    position: absolute;
	    left	: 200px;
	    top: 104px;
	    width: 2000px;
	}
	#text-2 .textwidget p:before {
	    content: '—';
	    font-size: 10px;
	    border-bottom: 2px #00427A solid;
	    color: transparent;
	    position: absolute;
	    left: 0;
	    top: -6px;
	    width: 45px;
	}
	#text-2 .textwidget p:after {
	    content: '—';
	    font-size: 10px;
	    border-bottom: 2px #00427A solid;
	    color: transparent;
	    position: absolute;
	    left: 214px;
	    top: -6px;
	    width: 2000px;
	}
	#text-2 {
	    margin-left: 10px;
	}
	footer#footer .container .sixteen.columns {
	    width: 100%;
	}
}

@media (max-width:767px) {
	#mobile-logo a img {
	    margin-left: 60px;
	}
	#text-2 {
	    margin-left: 20px;
	}
	h1 {
	font-size: 56px!important;
	font-weight: 300!important;
	margin-top: 30px!important;
	margin-bottom: 0!important;
}	

h3 {
	font-size: 26px!important;
	font-weight: 700!important;
	line-height: 34px!important;
	margin-bottom: 60px!important;
}
#form-row {
	padding-bottom: 60px!important;
}

.elq-form .field-size-top-large, select#field5, select#field6, select#field7, select#field8 {
	width: 97%!important;
}

select#field5, select#field6, select#field7, select#field8 {
	width: 100%!important;
}

}

@media screen and (max-width:479px) {
#mobile-logo a img {
	margin-left: 32px!important;
}
#mobile-logo:before {
	left: -47px!important;
}
#mobile-logo:after {
	left: 142px!important;
}
#footer .container {
	padding: 0 27px 0 17px!important;
}
#text-2 .textwidget p:before {
	left: -22px!important;
}
#text-2 .textwidget p:after {
	left: 192px!important;
}
.logo img {
	height: 80px!important;
	padding-top: 22px!important;
}
	h1 {
	font-size: 40px!important;
	font-weight: 400!important;
	margin-top: 30px!important;
	margin-bottom: 0!important;
}
h3 {
	font-size: 23px!important;
	font-weight: 700!important;
	line-height: 30px!important;
	margin-bottom: 60px!important;
}	
#form-row {
	margin-top: 0!important;
	padding-bottom: 40px!important;
}
h1, h3, #content p {
	padding-left: 12px!important;
	padding-right: 12px!important;
}
.spacer {
	background: white!important;
	margin-left: 12px!important;
	margin-right: 12px!important;
	width: 90%!important;
}
	
}