#homepageCarousel {
	background: #e9e9ea;
	min-height: 450px;
	max-height: 450px;
	height: 450px;
	overflow: hidden;
	text-align: center;
	position: relative;
	width: 100%
}
#homepageCarousel .flex-viewport {
	height: 100%;
	max-height: 100%
}
#homepageCarousel .flex-control-paging {
	bottom: 10px;
	z-index: 2
}
#homepageCarousel .flex-control-paging li a {
	background: #fff
}
#homepageCarousel .flex-control-paging li a.flex-active, #homepageCarousel .flex-control-paging li a:hover {
	background: #356fa3
}
#carouselControls {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.zxdt{
	width: 32%;
	display:inline-block;
	vertical-align:top;
	background-color:#F1F7FC;
	padding:0 3px 0 6px;
	
	
	}
	
	
 .hxt{
		width: 55%;
		display:inline-block;
 }
 
 
 .cx{
	 width: 55%;
	 display:inline-block;
	 
	 }


#carouselControls .carouselButton {
	width: 43px;
	height: 84px;
	background: #fff;
	background: rgba(255,255,255,.6);
	text-align: center;
	line-height: 84px;
	color: #58595b;
	position: absolute;
	font-size: 1.5em;
	text-decoration: none;
	top: 40%;
	z-index: 9;
	-webkit-transition: color 200ms ease-out;
	-moz-transition: color 200ms ease-out;
	-o-transition: color 200ms ease-out;
	transition: color 200ms ease-out
}
#carouselControls .carouselButton:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #356fa3;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-o-transition-property: transform;
	-ms-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 200ms;
	-moz-transition-property: 200ms;
	-o-transition-property: 200ms;
	-ms-transition-property: 200ms;
	transition-duration: 200ms;
	-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
#carouselControls .carouselButton:active, #carouselControls .carouselButton:focus, #carouselControls .carouselButton:hover {
	color: #fff
}
#carouselControls .carouselButton:active:after, #carouselControls .carouselButton:focus:after, #carouselControls .carouselButton:hover:after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}
#carouselControls .carouselButton.prevButton {
	left: -43px
}
#carouselControls .carouselButton.prevButton:after {
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}
#carouselControls .carouselButton.nextButton {
	right: -43px
}
#carouselControls .carouselButton.nextButton:after {
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
#homepageCarouselPanes {
	margin: 0 0 20px 0;
	height: 100%
}
#homepageCarouselPanes .carouselPane {
	display: none;
	height: 100%
}
#homepageCarouselPanes .carouselPane.active {
	display: block
}
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer {
	display: table;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	text-align: left;
	max-width: 300px;
	min-height: 100%;
	height: 100%;
	min-height: 360px;
	background: #002f5a;
	background: rgba(0,47,90,.8);
	z-index: 2
}
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer .homepageSlideContent {
	display: table-cell;
	vertical-align: bottom
}
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer .homepageSlideContent .homepageSlideTitleLink {
	color: #fff!important
}
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer .homepageSlideContent .homepageSlideTitle {
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 0 0 15px 0
}
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer .homepageSlideContent .homepageSlideCopy {
	color: #fff!important;
	display: block;
	margin: 0;
	line-height: 1.2em!important
}
#homepageCarouselPanes .carouselPane .carouselImage {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:auto;
	width: 100%;
	max-width: 100%;
	z-index: 0
}
#homepageCallouts {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #000
}
#homepageCallouts .homepageCallout {
	display: inline-block;
	width: 32%;
	padding: 2%;
	text-align: center;
	vertical-align: top
}
#homepageCallouts .homepageCallout:nth-child(2) {
	border-left: 1px solid #000;
	border-right: 1px solid #000
}
#homepageCallouts .homepageCallout .calloutIcon {
	max-width: 35%;
	border-color: #d1d3d4;
	border-style: solid;
	border-width: 0;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	-webkit-transition-property: border-width;
	-moz-transition-property: border-width;
	-o-transition-property: border-width;
	-ms-transition-property: border-width;
	transition-property: border-width;
	-webkit-transition-duration: 200ms;
	-moz-transition-property: 200ms;
	-o-transition-property: 200ms;
	-ms-transition-property: 200ms;
	transition-duration: 200ms;
	-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
	transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
#homepageCallouts .homepageCallout .calloutIcon:active, #homepageCallouts .homepageCallout .calloutIcon:focus, #homepageCallouts .homepageCallout .calloutIcon:hover {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	border-width: 4px
}
#homepageCallouts .homepageCallout .calloutHeading {
	font-size: 1.1em!important;
	margin: 0 0 5px 0;
	color: #000!important
}
#homepageCallouts .homepageCallout .calloutCopy {
	margin: 0 0 10px 0;
	line-height: 1.3em!important;
	min-height: 35px
}
#homepageCallouts .homepageCallout .button {
	text-align: left;
	max-width: 70%
}
#newsStockFeed {
	display: inline-block;
	width: 25%;
	margin: 0 3% 0 0;
	border: 1px solid #000;
	vertical-align: top
}
#stockTicker {
	padding: 3%;
	background: #d8e7f3
}
#stockTicker .label {
	width: 70%;
	display: inline-block;
	margin: 0;
	font-size: .8em!important
}
#stockTicker .data {
	text-align: right;
	width: 25%;
	margin: 0;
	display: inline-block;
	font-size: .8em!important
}
#stockTickerHeading {
	color: #000!important;
	font-size: 1.1em!important;
	margin: 0 0 5px 0
}
#newsFeed {
	padding: 3%;
	background: #f1f7fc
}
#newsFeed .newsItem {
	display: block;
	margin: 0 0 10px 0
}
#newsFeed .newsItem .newsDate {
	font-family: leMond, Times New Roman, Times, serif;
	font-weight: 300;
	font-size: 1.25em;
	line-height: 1.25em;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0
}
#newsFeed .newsItem .newsTeaser {
	margin: 0;
	padding: 0
}
#homepageSubCopy {
	width: 71%;
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #000
}
#homepageSubHeadline {
	color: #356fa3!important;
	margin: 0 0 5px 0
}
#homepageSlideOuts {
	display: inline-block;
	width: 20%;
	margin: 0 2% 0 0;
	vertical-align: top;
	padding: 0 0 2% 0
}
#slideOut1 {
	margin: 0 0 15px 0
}
#homepageFeature {
	display: inline-block;
	width: 77%;
	vertical-align: top;
	padding: 0 0 2% 0
}
#homepageFeatureImage {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto
}
#homepageFeatureInfo {
	background: #c5e3a8;
	padding: 2%;
	margin: 0
}
#homepageFeatureInfo .button {
	max-width: 120px;
	vertical-align: middle
}
#homepageFeatureCopy {
	display: inline-block;
	width: 65%;
	margin: 0 5% 0 0;
	line-height: 1em!important;
	font-size: .9em!important;
	vertical-align: middle
}
#twitterFeed {
	display: inline-block;
	width: 30%;
	margin: 2% 2% 0 0
}
#twitter-widget-0 {
	min-height: 300px;
	max-height: 300px;
	overflow: scroll
}
#homepageYouTubeLink {
	display: inline-block;
	width: 45%;
	margin: 2% 2% 0 0;
	vertical-align: top
}
#homepageYouTubeVideo {
	width: 100%;
	height: 100%;
	vertical-align: top
}
#homepageYouTubeVideo .videoIFrame {
	width: 100%;
	height: 100%;
	min-height: 300px;
	border: 0
}
#homepageCorporateBrochure {
	width: 20%;
	display: inline-block;
	background: #ffe988;
	margin: 2% 0 15px 0;
	vertical-align: top
}
#corporateBrochureHeading {
	display: block;
	font-size: 1.1em!important;
	line-height: 1em!important;
	text-align: center;
	padding: 2%;
	margin: 0 0 2% 0;
	color: #000
}
#corporateBrochureImage {
	margin: 0;
	display: block;
	width: 100%;
	height: auto
}
#corporateBrochureDownloadButton {
	margin: 0!important
}
@media screen and (max-width:1100px) {
#homepageCarouselPanes .carouselPane .carouselImage {
	margin: 0;
	right: 0;
	left: auto
}
}
@media screen and (max-width:1040px) {
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer {
	margin: 0 0 0 43px
}
#carouselControls .carouselButton.prevButton {
	left: 0
}
#carouselControls .carouselButton.nextButton {
	right: 0
}
}
@media screen and (max-width:850px) {
#homepageCarouselPanes .carouselPane .carouselImage {
	right: auto;
	left: -40%
}
}
@media screen and (max-width:800px) {
#homepageCarouselPanes .carouselPane .homepageSlideCopyContainer {
	margin: 0;
	padding: 2% 55px 20px 55px;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: auto
}
#newsStockFeed {
	width: 100%;
	margin: 0 0 10px 0
}
#stockTicker {
	padding: 1.5%
}
#newsFeed {
	padding: 1.5%
}
#newsFeed .newsItem {
	display: inline-block;
	width: 32%;
	vertical-align: top
}
#homepageSlideOuts {
	margin: 0 2% 0 0
}
#homepageFeature {
	width: 77%
}
#homepageSubCopy {
	width: 100%
}
#homepageFeatureCopy {
	font-size: 1em!important;
	line-height: 1.05em!important
}
}
@media screen and (max-width:750px) {
#twitterFeed {
	width: 45%;
	margin: 15px 4% 15px 0
}
#homepageYouTubeLink {
	width: 50%;
	margin: 15px 0
}
#homepageCorporateBrochure {
	display: none
}
}
@media screen and (max-width:745px) {
#homepageCallouts .homepageCallout {
	width: 32%
}
}
@media screen and (max-width:730px) {
#homepageFeatureCopy {
	width: 100%;
	margin: 0 0 15px 0
}
}
@media screen and (max-width:720px) {
#homepageCarouselPanes .carouselPane .carouselImage {
	left: -50%
}
}
@media screen and (max-width:680px) {
#homepageCallouts .homepageCallout {
	width: 100%;
	clear: both;
	text-align: left;
	border-right: none!important;
	border-left: none!important;
	border-bottom: 1px solid #000
}
#homepageCallouts .homepageCallout:last-child {
	border: none
}
#homepageCallouts .homepageCallout .calloutIcon {
	float: left;
	max-width: 80px;
	margin: 0 4% 20px 0
}
#twitterFeed {
	width: 100%;
	margin: 15px 0 0 0
}
#twitterFeed iframe {
	width: 100%!important
}
#homepageYouTubeLink {
	width: 100%
}
}
@media screen and (max-width:653px) {
#homepageCarouselPanes .carouselPane .carouselImage {
	left: -70%
}
}
@media screen and (max-width:600px) {
#newsFeed .newsItem {
	width: 100%
}
}
@media screen and (max-width:545px) {
#homepageCarouselPanes .carouselPane .carouselImage {
	left: -80%
}
}
@media screen and (max-width:530px) {
#homepageSlideOuts {
	width: 100%;
	margin: 0 0 15px 0;
	text-align: center
}
#homepageSlideOuts .slideOut {
	width: 47%;
	margin: 0 5% 0 0;
	max-width: 160px
}
#homepageSlideOuts .slideOut:last-child {
	margin: 0
}
#homepageFeature {
	width: 100%;
	margin: 0 0 15px 0
}
}
@media screen and (max-width:480px) {
#homepageCarouselPanes .carouselPane .carouselImage {
	left: 0%
}
#homepageSlideOuts .slideOut {
	width: 40%
}

.zxdt{
	width: 100%;
	display:inline-block;
	vertical-align:top;
	background-color:#F1F7FC;
	padding:0 3px 0 6px;
	
	
	}
	
	
 .hxt{
		width: 100%;
		display:inline-block;
 }
 
 
 .cx{
	 width: 100%;
	 display:inline-block;
	 
	 }








}
