@media (min-width: 300px) {

	.overlay {display: none;}
	video#bgvid{display: none;}

	#home #main_body {
		background: url("../images/banner-bg.jpg") no-repeat top center;
	}

	.container {
		width: 96%;
		margin: 0 auto;
	}

	#top {
		position:relative;
		height:auto;
		background: #00334d;
		margin-bottom: 5px;
	}
	#home #top {
		position:relative;
		background: none;
		margin-bottom: 0;
	}

	#main_nav {display: none;}
	#mobile_nav {display: block;}

	#mobile_nav {
		text-align: center;
		width: 100%;
	}

	.topnav {
		font-family: 'Lato', Arial, Verdana, sans-serif;
		font-weight: 400;
		position: relative;
		width: 100%;
		height: auto;
		color: #73bde0;
		text-transform: uppercase;
		font-size: 16px;
		text-align: center;
		padding:10px 0 0;
	}

	.topnav .phone, .topnav .social {
	    display: inline-block;
	}

	a.logo {
	    display: inline-block;
	    top: auto;
	    margin: 20px;
	}

	.color-line {
		position: relative;
		height: 5px;
		background: url("../images/color-line.png") repeat-x top center;
	}

	#banner {
	    position: relative;
	    height: auto;
	    margin-bottom: 5px;
	    padding: 50px 0;
	}

	#banner .crops {
		position: relative;
		margin: auto;
		padding: 0;
		text-align: center;
		color: #fff;
	    width: 100%;
	}

	#content {
		position:relative;
		padding-bottom: 50px;
		background: #ebebeb url("../images/bg-content.png") repeat-y top center;
	}

	#col_1 {
		display: none;
	}

	#col_2 {
		position:relative;
		padding:40px 0 40px 0;
		margin: 0;
	}

	#header {
		padding:10px 0 10px;
	}

	.marketsheader {
		text-align: center;
		padding-bottom: 30px;
	}

	.breadcrumb {
		color: #b7b7b7;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 30px;
	}

	.breadcrumb a {
		color: #b7b7b7;
		text-decoration: none;
	}

	#header h1 {
		color: #050708;
		font-size: 40px;
		text-align: center;
	}

	.marketsheader h1 {
		display: inline-block;
	}

	.marketsheader select {
		font-size: 15px;
	    display: inline-block;
	    position: relative;
	    vertical-align: text-bottom;
	    text-transform: uppercase;
	}

	.consumer a.market-link {
	    display: table;
	    width: 100%;
	    font-size: 23px;
	    font-weight: 600;
	    text-transform: uppercase;
	    text-decoration: none;
	    margin: 0 0 20px 0;
	}

	a.market-link .img {
	    display: table-cell;
	}

	a.market-link .txt {
	    display: table-cell;
	    vertical-align: middle;
	    width: 70%;
	}

	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.home-feature:before {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: rgba(255,255,255,0.3);
	    content: " ";
	}

	.home-feature .desc {
		position: relative;
	    margin: 0;
	    color: #fff;
	    background: #000;
	    padding: 35px;
	}

	.home-feature.one .desc {
		background: #006993;
		margin:0;
	}

	.home-feature.two .desc {
		background: #00334d;
		margin:0;
	}

	.home-feature.three .desc {
		background: #000;
		margin:0;
	}

	.home-feature .desc h2 {
		color: #fff;
	}

	.home-feature .desc a {
		color: #fff;
		text-decoration: none;
	}

	.home-feature .desc a:hover {
		color: #fff;
		text-decoration: underline;
	}

	.home-feature.one {background-image: url("../images/viewlet-home-1.jpg");background-repeat: no-repeat;background-position: center center;}
	.home-feature.two {background-image: url("../images/viewlet-home-2.jpg");background-repeat: no-repeat;background-position: center center;}
	.home-feature.three {background-image: url("../images/viewlet-home-3.jpg");background-repeat: no-repeat;background-position: center center;}

	#news-row {
		position: relative;
		background: #f7f7f7;
		padding:60px 0;
	}

	#news-row .news {
		position: relative;
		font-size: 14px;
	}

	#news-row .news h1 {
		color: #050708;
	}

	#news-row .news p {
		line-height: 22px;
	}

	#news-row .news p strong {
		font-weight: 600;
	}

	#news-row a {
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 600;
	}


	.av {
		position: relative;
		width: 100%;
		background-size: cover;
		padding:0;
	}

	.av .desc {
		position: relative;
	    margin: auto;
	    text-align: center;
	    color: #fff;
	    background: #000;
	    padding: 35px 50px;
	}

	.av .desc h2 {
		color: #fff;
	}

	.av .desc ul {
	    padding: 0;
	    list-style: none;
	    text-align: left;
	    margin-bottom: 25px;
	}

	.av .desc ul li {
	    margin-bottom: 10px;
	    position: relative;
	    padding-left: 15px;
	    text-indent: -15px;
	}

	.av .desc ul li:before {
	    font-family: 'FontAwesome';
	    content: '\f00c';
	    margin-right: 0;
	    position: relative;
	    left: -10px;
	}

	.av .desc a {
		color: #fff;
		text-decoration: none;
	}

	.av .desc a:hover {
		color: #fff;
		text-decoration: underline;
	}

	.av.government 		{background-image: url("../images/viewlet-av-government.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.healthcare 		{background-image: url("../images/viewlet-av-healthcare.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.manufacturing 	{background-image: url("../images/viewlet-av-manufacturing.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.warehouse 		{background-image: url("../images/viewlet-av-warehouse.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.transportation 		{background-image: url("../images/viewlet-av-transportation.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.education 		{background-image: url("../images/viewlet-av-education.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.non-profit 		{background-image: url("../images/viewlet-av-non-profit.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.financial 		{background-image: url("../images/viewlet-av-financial.jpg");background-repeat: no-repeat;background-position: top center;}
	.av.service 		{background-image: url("../images/viewlet-av-service.jpg");background-repeat: no-repeat;background-position: top center;}

	.ma-viewlet {
		position: relative;
		width: 100%;
		background: url("../images/bg-maviewlet.jpg") no-repeat center left;
		background-size: cover;
		color: #fff;
		padding:35px 0;
	}

	.appviewlet {
		position: relative;
		overflow: auto;
	}

	.appviewlet h4 {
		font-size: 25px;
		text-transform: uppercase;
		color: #fff;
		padding:0;
		margin: 0;
	}

	.appviewlet ul {
	    padding: 0;
	    list-style: none;
	    float: left;
	    width: 50%;
	}

	.appviewlet ul li {
		margin-bottom: 10px;
	}

	.appviewlet ul li:before {
	    font-family: 'FontAwesome';
	    content: '\f054';
	    margin-right: 6px;
	    height: 22px;
	    position: relative;
	    float: left;
	    padding-top: 3px;
	}

	.appviewlet a {
		color: #fff;
		text-decoration: none;
	}

	.appviewlet a:hover {
		color: #fff;
		text-decoration: underline;
	}

	.pdfviewlet {
		position: relative;
		width: 161px;
		height: 66px;
		background: url("../images/pdf-crop-box.png") no-repeat top left;
		color: #fff;
		font-family: 'Fira Sans', Arial, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		padding:60px 50px 50px 125px;
		margin: auto;
	}

	.pdfviewlet a {
		color: #fff;
		text-decoration: none;
	}

	.pdfviewlet a:hover {
		color: #fff;
		text-decoration: underline;
	}

	.contactform, #imgCaptcha {
		width: 100%;
	}

	.third, .half {
		position: relative;
		width: 100%;
		margin: 0;
	}






	#footer {
		position:relative;
		margin:0 auto 0;
		font-size: 14px;
		padding:30px 0 0;
		font-family: 'Open Sans', Arial, Verdana, sans-serif;
		background: #191b1f;
		color: #999999;
	}

	.footer-info {
		text-align: center;
	}

	.footer-info .footer-logo {
		display: block;
		margin-bottom: 30px;
	}

	.footer-info .footer-social {
		font-size: 26px;
		margin: 30px 0;
		text-align: center;
	}

	.footer-info .footer-social a {
		display: inline-block;
		margin-right: 30px;
		color: #999999;
	}

	.footer-info .footer-social a:hover {
		color: #fff;
	}

	.footer-info .copyline {
		font-size: 13px;
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-info .app {
		display: inline-block;
		margin-right: 30px;
	}


	.footer-contact {
		padding-top: 20px;
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-contact h1 {
		font-family: 'Open Sans', Arial, Verdana, sans-serif;
		color: #fff;
		font-size: 25px;
		margin-bottom: 20px;
	}

	.footer-contact strong {
		color: #fff;
	}

	.footer-form {
		padding-top: 20px;
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-form h1 {
		font-family: 'Open Sans', Arial, Verdana, sans-serif;
		color: #fff;
		font-size: 25px;
		margin-bottom: 20px;
	}

	.footer-form .contactform {
		width: 100%;
	}

	.footer-form .contactform span {
		font-weight: normal !important;
		font-size: 12px;
	}

	.footer-form .contactform input, .footer-form .contactform textarea {
	    background: none;
	    border: none;
	    box-shadow: none;
	    border-bottom: 1px solid #666;
	    border-radius: 0;
	    width: 96%;
	}

	.footer-form .contactform .button {
	    background: none;
	    border: 2px solid #006993;
	    font-family: 'Fira Sans', Arial, sans-serif;
	    color: #006993;
	    font-size: 16px;
	    text-align: center;
	    padding: 5px 15px;
	    border-radius: 2px;
	    line-height: 1.5em;
	    text-transform: initial;
	    font-weight: 400;
	    width: auto;
	    float: right;
	}

	.footer-form .contactform .button:hover {
	    background: #006993;
	    color: #fff;
	    border: 2px solid #006993;
	    font-size: 16px;
	    text-align: center;
	    padding: 5px 15px;
	    border-radius: 2px;
	    line-height: 1.5em;
	    text-transform: initial;
	}

	.footer-links {
		font-family: 'Fira Sans', Arial, Verdana, sans-serif;
		border-top: 1px solid #cccccc;
		padding:20px 0;
		font-size: 12px;
		text-align: center;
	}

	.footer-links a {
		color: #999;
		text-decoration: none;
	}


}

@media (min-width: 768px) {

	.ieoverlay {
		display: none;
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    transform: translateX(-50%) translateY(-50%);
	    background-color: rgba(2,49,71, 0.8);
	}

	#home .overlay {
		display: block;
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    transform: translateX(-50%) translateY(-50%);
	    /*background-color: rgba(2,70,101,.8);*/
	    background-color: #006993
	}

	#home video#bgvid {
		display: block;
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    z-index: -100;
	    -webkit-transform: translateX(-50%) translateY(-62%);
	    transform: translateX(-50%) translateY(-62%);
	    mix-blend-mode:multiply;
	}

	#home #main_body {
		background: none;
	}

	.container {
		width: 760px
	}

	.topnav {
		float: right;
		width: 50%;
	}

	.topnav .phone {
		position: absolute;
		top:10px;
		left:160px;
	}

	.topnav .chat {
		position: absolute;
		top:10px;
		left:230px;
	}

	.topnav .social {
		position: absolute;
		top:10px;
		right:0px;
		height: 16px;
	}

	#banner {
		position:relative;
		height:420px;
		margin-bottom:5px;
		padding:50px 0;
	}

	#banner .crops {
		position: relative;
		background: url("../images/crop-box.png") no-repeat top left;
		margin: auto;
		padding:115px 0;
		text-align: center;
		color: #fff;
	    width: 100%;
	    background-size: contain;
	}




	#content {
		position:relative;
		padding-bottom: 50px;
		background: #ebebeb url("../images/bg-content.png") repeat-y 44% 0;
	}

	.narrow {
		position: relative;
		width: 70%;
		margin: auto;
	}

	#col_1 {
		display: block;
		position:relative;
		float:left;
		width:25%;
		padding:40px 0;
		margin:0;
	}

	#col_mob {display: none;}


	#col_1 .subnav, #col_mob .subnav {
		padding-bottom: 20px;
		min-height:270px;
		height:auto !important;
		height:270px;
		padding:0 0 0 10px;
	}

	#col_1 .subnav h1, #col_mob .subnav h1 {
		color:#000;
	}

	#col_1 .subnav ul, #col_mob .subnav ul {
		margin:5px 0 20px 0;
		padding:0;
		width: auto;
		list-style-type: none;
		font-family: 'Open Sans', Arial, Verdana, sans-serif;
		text-transform: uppercase;
	}

	#col_1 .subnav ul li, #col_mob .subnav ul li {
	    padding-left: 0;
	    text-indent: 0;
	    margin-bottom: 10px;
	    font-size: 16px;
	    color:#636363;
	    background: transparent;
	}

	#col_1 .subnav a, #col_mob .subnav a, #col_1 .subnav li.on li a, #col_mob .subnav li.on li a {
		color: #636363;
		font-weight: 400;
		text-decoration: none;
	}

	#col_1 .subnav a:hover, #col_1 .subnav li.on a, #col_mob .subnav a:hover, #col_mob .subnav li.on a, #col_1 .subnav li.on li a:hover, #col_mob .subnav li.on li a:hover {
		color: #006993;
	}

	#col_1 .subnav ul ul, #col_mob .subnav ul ul {
		margin:5px 0 10px 0;
		padding:0;
		width: auto;
		list-style-type: none;
		font-family: 'Open Sans', Arial, Verdana, sans-serif;
		text-transform: uppercase;
	}


	#col_1 .subnav ul li li, #col_mob .subnav ul li li {
	    padding-left: 15px;
	    text-indent: 0;
	    margin-bottom: 10px;
	    font-size: 16px;
	    color:#636363;
	    background: transparent;

	}

	#col_2 {
		position:relative;
		float:left;
		width:70%;
		padding:40px 0 40px 25px;
		margin: 0;
	}

	#header {
		padding:10px 0 10px;
	}

	.breadcrumb {
		margin-bottom: 10px;
	}

	.marketsheader {
		padding-bottom: 0;
	}

	.marketsheader select {
		font-size: 18px;
	}

	.mktlinks {
		position: relative;
		width: 95%;
		margin: auto;
	}

	a.market-link {
	    display: table;
	    float: left;
	    font-size: 21px;
	    font-weight: 600;
	    text-transform: uppercase;
	    width: 48%;
	    text-decoration: none;
	    margin: 0 20px 50px 0;
	}

	a.market-link:nth-child(2n) {
		margin-right: 0px;
	}

	.columns {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 40px; /* Firefox */
	    column-gap: 40px;
	}

	.video-container {
	    overflow: visible;
	}




	.home-feature {
		position: relative;
		width: 100%;
		background-size: cover;
		padding:0;
	}

	.home-feature .desc {
		position: relative;
	    margin: 0;
	    width: 40%;
	    color: #fff;
	    background: #000;
	    padding: 35px;
	}

	.home-feature.one .desc {
		background: #006993;
		margin:0;
	}

	.home-feature.two .desc {
		background: #00334d;
		margin:0 0 0 31%;
	}

	.home-feature.three .desc {
		background: #000;
		margin:0 0 0 51%;
	}

	.home-feature .desc h2 {
		color: #fff;
	}

	.home-feature .desc a {
		color: #fff;
		text-decoration: none;
	}

	.home-feature .desc a:hover {
		color: #fff;
		text-decoration: underline;
	}

	#news-row {
		padding:60px 0 30px;
	}

	#news-row .news {
		position: relative;
		width: 30%;
		float: left;
		margin-right: 30px;
	}

	#news-row .news:nth-child(3) {
		margin-right: 0;
	}

	#news-row .news h1 {
		color: #050708;
	}

	#news-row .news p {
		font-size: 14px;
		line-height: 22px;
	}

	#news-row .news p strong {
		font-weight: 600;
	}

	#news-row a {
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 600;
	}

	.av .desc {
		position: relative;
	    margin: auto;
	    width: 70%;
	    text-align: center;
	    color: #fff;
	    background: #000;
	    padding: 35px 50px;
	}

	.ma-viewlet {
		background: url("../images/bg-maviewlet.jpg") no-repeat 60% 0;
	}

	.appviewlet {
		float: left;
		position: relative;
	    width: 56%;
	    margin-right: 20px;
	    margin-left: 20px;
	}

	.appviewlet ul {
	    float: left;
	    margin-right: 20px;
	    padding: 0;
	    list-style: none;
	    width: 45%;
	}

	.pdfviewlet {
		float: left;
	    width: auto;
	    max-width: 19%;
	    background-size: 100%;
	    padding: 48px 40px 40px 106px;
	    font-size: 14px;
	}

	.contactform, #imgCaptcha {
		width: 70%;
	}

	.narrow .contactform {
		margin:auto;
	}

	.fourth {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 23%;
		margin: 0 15px 0 0;
	}

	.fourth:nth-of-type(4n) {
		margin: 0;
	}

	.third {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 31%;
		margin: 0 15px 0 0;
	}

	.third:nth-of-type(3n) {
		margin: 0;
	}

	.half {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin: 0 15px 0 0;
	}

	.half:nth-of-type(2n) {
		margin: 0;
	}




	#footer {
		padding:80px 0 0;
	}

	.footer-info {
		float: left;
		width: 30%;
		margin-right: 30px;
		margin-bottom: 60px;
		text-align: left;
	}

	.footer-info .footer-social {
		text-align: left;
	}

	.footer-info .copyline {
		text-align: left;
	}

	.footer-contact {
		float: left;
		width: 20%;
		margin-right: 30px;
		margin-bottom: 60px;
		text-align: left;
		padding-top: 0;
	}

	.footer-form {
		float: left;
		width: 40%;
		margin-bottom: 60px;
		text-align: left;
		padding-top: 0;
	}

	.footer-links {
		text-align: left;
	}


}

@media (min-width: 1030px) {

	.container {
		width: 1040px
	}

	#top {
	    position: fixed !important;
	    width: 100%;
	    z-index: 5000;
		height: 130px;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#mobile_nav {display: none;}
	#main_nav {display: block;}

	.topnav {
		width: 450px;
		height: 37px;
	}

	a.logo {
		position:relative;
		display: block;
		top:42px;
		margin:0;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	img {
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#banner {
		padding:180px 0 50px;
	}

	#banner .crops {
		width: 860px;
	}

	.color-line {
		position: relative;
		height: 5px;
		background: url("../images/color-line.png") repeat-x bottom center;
		padding:135px 0 0 0;
		width: 100%;
		top:0;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#header {
		padding:10px 0 40px;
	}

	.breadcrumb {
		margin-bottom: 30px;
	}

	#content {
		position:relative;
		padding-bottom: 50px;
		background: #ebebeb url("../images/bg-content.png") repeat-y top center;
	}

	#col_1 {
		display: block;
		position:relative;
		float:left;
		width:27%;
		padding:40px 0;
		margin:0;
	}


	#col_1 .subnav, #col_mob .subnav {
		padding:0 0 0 10px;
	}

	#col_1 .subnav ul li, #col_mob .subnav ul li {
	    font-size: 18px;
	}


	#col_1 .subnav ul li li, #col_mob .subnav ul li li {
	    padding-left: 15px;
	    text-indent: 0;
	    margin-bottom: 10px;
	    font-size: 16px;
	    color:#636363;
	    background: transparent;
	}


	#col_2 {
		position:relative;
		float:left;
		width:67%;
		padding:40px 0 40px 65px;
		margin: 0;
	}

	.mktlinks {
		position: relative;
		width: 100%;
		margin: auto;
	}

	a.market-link {
	    display: table;
	    float: left;
	    font-size: 23px;
	    font-weight: 600;
	    text-transform: uppercase;
	    width: 30%;
	    text-decoration: none;
	    margin: 0 50px 50px 0;
	}

	a.market-link:nth-child(2n) {
		margin-right: 50px;
	}

	a.market-link:nth-child(3n) {
		margin-right: 0px;
	}





	.home-feature .desc {
		position: relative;
	    margin: 0;
	    width: 25%;
	    color: #fff;
	    background: #000;
	    padding: 35px;
	}

	.home-feature.three .desc {
		background: #000;
		margin:0 0 0 62%;
	}

	#news-row .news {
		position: relative;
		width: 30%;
		float: left;
		margin-right: 40px;
		font-size: 16px;
	}

	.av .desc {
		position: relative;
	    margin: auto;
	    width: 40%;
	    text-align: center;
	    color: #fff;
	    background: #000;
	    padding: 35px 50px;
	}

	.ma-viewlet {
		background: url("../images/bg-maviewlet.jpg") no-repeat center center;
	}

	.appviewlet {
		float: left;
		position: relative;
		width: 740px;
		margin-right: 35px;
	}

	.appviewlet ul {
	    float: left;
	    margin-right: 50px;
	    padding: 0;
	    list-style: none;
	    width: 25%;
	}

	.pdfviewlet {
		position: relative;
		width: 161px;
		height: 66px;
		background: url("../images/pdf-crop-box.png") no-repeat top left;
		color: #fff;
		font-family: 'Fira Sans', Arial, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		padding:60px 50px 50px 125px;
		margin: auto;
	}

	.contactform, #imgCaptcha {
		width: 70%;
	}



	.footer-info {
		float: left;
		width: 22%;
		margin-right: 130px;
		margin-bottom: 60px;
		text-align: left;
	}

	.footer-info .footer-logo {
		max-width: 230px;
	}

	.footer-contact {
		float: left;
		width: 18%;
		margin-right: 75px;
		margin-bottom: 60px;
		text-align: left;
		padding-top: 20px;
	}

	.footer-form {
		float: left;
		width: 42%;
		margin-bottom: 60px;
		text-align: left;
		padding-top: 20px;
	}

	/*STICKY*/

	#home #top.sticky, #top.sticky {
	    height: 80px;
	    z-index: 6000;
	    background: rgba(0,51,77,0.9);
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#top.sticky .topnav {
	    height: 20px;
	}

	#top.sticky .logo {
	    top: 20px;
	    display: inline-block;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#top.sticky .logo img {
	    max-width: 235px;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#top.sticky #main_nav {
	    margin-top: 0;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#top.sticky .sf-menu > li > a {
	    padding: 0 .5em .5em .5em;
	}

	.color-line.sticky {
		position: fixed;
		top: 80px;
	    z-index: 5000;
	    width: 100%;
		padding:0;
	    transition: all 0.15s ease-out 0s;
	    -webkit-transition: all 0.15s ease-out 0s;
	    -o-transition: all 0.15s ease-out 0s;
	    -ms-transition: all 0.15s ease-out 0s;
	    -moz-transition: all 0.15s ease-out 0s;
	}

	#home .color-line.sticky {
		position: relative;
		padding:0;
		top:auto;
		z-index: 1;
	}

	#header.sticky {
		padding:200px 0 40px;
	}

	#banner.sticky {
		padding:260px 0 50px;
	}

}



html {
	min-height: 100%;
	height:100%;
}

body {
	background:#fff;
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-size:15px;
	color: #636363;
	height: 100%;
	margin:0;
}


h1 {
	font-family: 'Lato', Arial, Verdana, sans-serif;
	font-size: 30px;
	color: #006993;
	text-transform: uppercase;
	font-weight:400;
	line-height:normal;
	padding:0;
	margin: 0 0 10px 0;
}

h2 {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-size: 25px;
	color: #050708;
	text-transform: uppercase;
	font-weight:600;
	margin: 0 0 10px 0;
}

h3 {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:600;
	color:#050708;
	padding:0;
	margin: 0;
}

h4 {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:400;
	color: #00334d;
	padding:0;
	margin:0 0 20px 0;
}

p {
	line-height: 22px;
	margin:0 0 20px 0;
}

a {
	color: #006993;
	text-decoration: underline;
}

a:hover {
	color: #050708;
	text-decoration: none;
}

strong {}

.border {
	border:1px solid #c7c7c7;
}

.border-left {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #c7c7c7;
}

.border-right {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #c7c7c7;
}

.left {
	float:left;
	margin:0 10px 10px 0;
}

.right {
	float:right;
	margin:0 0 10px 10px;
}

.noborder {
	border:0;
	padding:0;
	margin:0;
}

.nav_text {
	display:none;
}

.container {
	position:relative;
	margin: auto;
}

.hr {
	height:1px;
	line-height: 1px;
	position:relative;
	text-align:left;
	margin: 20px 0 20px 0;
	padding: 0;
	border-bottom: 1px dashed #d2d2d2;
}

.hr hr {
	display:none;
}

ol {
	margin:0 0 20px 0;
}

ol li {
	line-height:18px;
}

#content ul {
	width:100%;
	margin:5px 0 20px 0;
	padding:0;
	list-style-type: none;
}

#content ul li {
	padding-left: 15px;
	background:url("../images/bullet.png") no-repeat 0 5px;
	margin:0 10px 10px 0;
}

#content a:hover {
	background-position:0% 100%;
}

.pager {
	text-align: center;
}

.pager a {
	padding:0 6px;
	background: #00334E;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	-webkit-border-radius: 4px;
    border-radius: 4px;
}

.pager .pageoff {
	padding:0 4px;
	background: #F4F4F2;
	color:#aaaaaa;
	text-decoration: none;
	display: inline-block;
	-webkit-border-radius: 4px;
    border-radius: 4px;
}

.pager .pagethis {
	padding:0 6px;
	background: #006A94;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	-webkit-border-radius: 4px;
    border-radius: 4px;
}

.pager a.pagenum {
	background: #00334E;
}

.pager a:hover {background: #006A94;}

/********************* TOP STYLES *************************/


.topnav .social span a {display: inline-block;position: relative;font-size: 16px;margin:0 0 0 2px;padding:0 0 0 5px;color: #73bde0; }

.topnav .social span.st_sharethis {display: inline-block;position: relative;top:-3px;margin:0;padding:0;}


#banner .crops h1 {
	font-family: 'Lato', Arial, sans-serif;
	color: #fff;
	font-size: 60px;
	font-weight: 400;
	line-height: 60px;
	margin:0;
}

#banner .crops h1 span {
	font-family: 'Lato', Arial, sans-serif;
	color: #fff;
	font-size: 52px;
	font-weight: 400;
}

#banner .crops p {
	font-family: 'Lato', Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .05em;
}

/* ***  SUCKERFISH NAV STYLES *** */

#main_nav {
	position:relative;
	/*width:575px;*/
	height: 30px;
	float: right;
	z-index:101;
	font-family: 'Lato', Arial, Verdana, sans-serif;
	font-weight: 400;
	margin-top:15px;
}

#mobile_nav select {
	width:90%;
	padding: 2px;
	border: none;
	border:1px solid #707070;
	border-top:none;
	color:#000000;
	font-size:13px;
	margin:10px auto;
	text-transform: uppercase;
}

#mobile_nav option {
	padding:2px;
}


.on {
	background-position:0% 100%;
}

#nav li a {
	display:block;
	width:auto;
	height:100%;
	color:#ffffff;
	font-size:15px;
	text-transform: uppercase;
	text-decoration:none;
	font-weight: 400;
}

#nav li a.sec {
	font-size:12px;
}

#nav li a:hover, #nav li.on > a {
	display:block;
	width:auto;
	height:100%;
	text-decoration:none;
	color:#008caf;
}

#nav li li a, #nav li li a:hover {
	color:#ffffff;
	font-size:12px;
	font-weight: 400;
}

/********************* BODY STYLES *************************/

#main_body {
	position:relative;
	margin: auto;
	z-index:100;
}

#home #content, #markets {
	position:relative;
	padding-bottom: 50px;
	background: #fff;
}

#home #content {
	padding:50px 0 0 0;
}


/********************* HOME STYLES *************** */

#home_1 {
	position:relative;
	width: 75%;
	max-width:960px;
	padding:0;
	margin:30px auto;
}

#home_1 h1 {
	color: #050708;
}

.feature {
	position:relative;
	float:left;
	width: 186px;
	height: 200px;
	background: #fff;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    padding:15px 19px;
    margin:10px 20px 20px 0;
    -webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, .2);
}

.feature:nth-child(4) {
	margin-right:0;
}

.feature h2 {
	font-size: 15px;
	font-weight: 600;
	color: #055272;
}

.feature p {
    font-size: 12px;
    line-height: 18px;
    margin:10px 0 0;
}

.feature a.learnmore {
	position: absolute;
	bottom:0;
	right:0;
	width: 127px;
	height: 21px;
	display: block;
	text-indent: -9999px;
	background: url("../images/btn_learnmore.jpg") no-repeat top right;
	-webkit-border-radius: 0px 0px 4px 0px;
	border-radius: 0px 0px 4px 0px;
}

#home_2 {
	position:relative;
	float:left;
	width:700px;
	padding:0;
	margin:0 20px 0 0;
}

#home_3 {
	position:relative;
	float:left;
	width:230px;
	padding:0;
	margin:0;
}

/********************* INTERIOR STYLES *************** */



table.stockDesc {
	font-size: 13px;
}

table.stockDesc p {
	margin:0 0 15px 0;
	line-height: 18px;
}

table.stockTable td {
	text-align: center;
	padding:2px 5px;
	border:1px solid #006993;
	background: #F4F4F2;
}

.mgmt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 142px;
	height: 235px;
	margin-right:15px;
	text-align: center;
	font-size: 12px;
	margin-bottom:20px;
}

.mgmt img {
	margin-bottom:5px;
}

.mgmt a img {
	border:2px solid #006A94;
}

.mgmt a:hover img {
	border:2px solid #fff;
}

.mgmt_profile {
	display: none;
	width:800px;
	padding-bottom: 20px;
}

.mgmt_profile h1 {
	margin:0;
}

.application {
	position:relative;
	background: #fff;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    padding:15px 20px;
    margin:10px 0 20px 0;
    -webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, .2);
}


/* ***************  FOOTER STYLES *************** */


.newsletter input.txt {
	display: inline-block;
	margin:0 5px 5px 0;
	-webkit-border-radius: 2px;
    border-radius: 2px;
    border:none;
    color:#636363;
    background: #ebebeb;
    font-size: 16px;
    padding:6px 10px;
    width: 68%;
}

.button {
	display: inline-block;
	background: #006993;
	font-family: 'Fira Sans', Arial, sans-serif;
	color:#ffffff;
	font-size: 16px;
	text-align: center;
	padding:5px 15px;
    border-radius: 2px;
    border:0;
    line-height: 1.5em;
}

.button:hover {
	background: #3387a9;
}

/********************* CUSTOM STYLES *************** */

.viewlet {
	position:relative;
	padding:0;
	margin:0 15px 20px 0;
	background:#06384e url("../images/bg_viewlet.jpg") no-repeat top right;
	color: #fff;
	padding-bottom: 20px;
	max-width: 240px;
}

.viewlet h4 {
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	text-align: right;
	padding:10px 10px;
}

.viewlet p {
	margin:10px;
}

.viewlet a {
	color:#fff;
}

.genviewlet {
	position: relative;
	padding:10px;
	background: #006993;
	color: #fff;
	margin:0 15px 20px 0;
	max-width: 240px;
}

.genviewlet a {
	color: #fff;
	text-decoration: none;
}

.genviewlet a:hover {
	color: #fff;
	text-decoration: underline;
}

#content .viewlet ul, #content .genviewlet ul {
	width:100%;
	margin:5px 10px 0;
	padding:0;
	list-style-type: none;
}

#content .viewlet ul li, #content .genviewlet ul li {
	font-size: 12px;
	padding-left: 15px;
	background:url("../images/bullet-dot.png") no-repeat 0 5px;
	margin:0 10px 10px 0;
}



a.readmore {
	background: #ee8d21;
	text-transform: uppercase;
	color: #fff;
	padding:4px 6px;
	text-decoration: none;
	font-size: 11px;
}

a.readmore:hover {
	color:#ee8d21;
	background: #fff;
}

.fw-blue-viewlet {
	position: relative;
	width: 100%;
	background: url("../images/bg-oneviewlet.jpg") no-repeat center center;
	background-size: cover;
	color: #fff;
	text-align: center;
	padding:75px 0;
}

.fw-blue-viewlet h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
}

.fw-blue-viewlet p {
	font-size: 18px;
	line-height: 28px;
}

.fw-blue-viewlet a {
	color: #fff;
	text-decoration: none;
}

a.blue-btn {
	display: inline-block;
	background: #006993;
	color: #fff;
	padding:6px 25px;
	text-decoration: none;
	font-family: 'Fira Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	border: 2px solid #fff;
	border-radius: 4px;
}

a.blue-btn:hover {
	color:#006993;
	background: #fff;
}

a.black-btn {
	display: inline-block;
	background: #000;
	color: #fff;
	padding:6px 25px;
	text-decoration: none;
	font-family: 'Fira Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	border: 2px solid #fff;
	border-radius: 4px;
}

a.black-btn:hover {
	color:#000 !important;
	background: #fff;
}

.error {
	color: #CC0000;
	font-weight: bold;
	margin: 15px 0;
}

/* *************** CONTACT FORM STYLES *************** */


.contactform td {
	padding-bottom: 15px;
	line-height: normal;
}

.contactform .label {
	padding-right:5px;
	padding-bottom: 5px;
}

.contactform .req {
	font-weight: bold;
}

.contactform input {
	padding:4px;
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	border-radius        : 4px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	text-transform:none;
	border:1px solid #cccccc;
	color:#707070;
	font-size: 12px;
	width:90%;
   }

.contactform input.xs {width: 20% }
.contactform input.s {width: 30% }
.contactform input.m {width: 50% }
.contactform input.l {width: 70% }

.contactform textarea {
	padding:5px;
	margin-bottom:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius   : 7px;
	border-radius        : 7px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	text-transform:none;
	color:#707070;
	background:#fff;
	font-size: 12px;
	border:1px solid #cccccc;
	width:90%;
   }

.contactform select {
	padding:2px;
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	border-radius        : 4px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	text-transform:none;
	color:#707070;
	background:#fff;
	font-size: 12px;
	border:1px solid #cccccc;
}

.contactform input.check {
	margin-bottom:5px;
	margin-right: 3px;
	height:13px;
	width: 13px;
	padding:0;
	border:0;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius   : 0;
	border-radius        : 0;
   }

.contactform input.radio {
	margin-bottom:15px;
	margin-right: 0px;
	height:13px;
	width: 13px;
	padding:0;
	border:0;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius   : 0;
	border-radius        : 0;
   }

.contactform .label .radio {
	margin-bottom:0;
}

.contactform .contact_header {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:600;
	color:#000000;
	padding:0;
	margin: 0;
}

.contactform .list-table td {
	padding-bottom: 5px;
	padding-right:5px;
}

.contactform .button {
	background: #00334E;
	border:none;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
	padding:3px 15px;
	width:auto;
	box-shadow: none;
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
}

.contactform .button:hover {
	background: #006A94;
	border:none;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
	padding:3px 15px;
}

/********************* CARD STYLES *************************/

.card {
	max-width: 420px;
	position: relative;
	background: url("../images/bg_rpt.jpg") repeat-x;
}

.card .data {
	background: url("../images/bg_card.png") no-repeat top center;
	padding: 125px 15px 30px;
}

.card .data p {
	font-size: 13px;
	line-height: 16px;
}

.card .data .img {float:left;height:100%;margin:0 10px 0 0;max-width: 140px;width:40%;}
.card .data .img img {max-width: 100%;}
.card .data .info {float:left;height:100%;max-width:225px;width:55%;}

.card .data h1 {margin:0;line-height: 25px;}
.card .data h2 {font-size: 18px;}
.card .data h3 {font-size: 15px;}

.card .tiny {font-size: 10px;margin:0;padding:0 15px; }

.consumer {
	 display: block;
}

/*************************************** RESPONSIVE STYLES ********************************************* */


@media only screen and (min-width: 1240px) {

	.container {
		width: 1170px
	}

}
