/*------->>> TABLE OF CONTENTS <<<-------
	1. FOUNDATION OVERRIDE STYLES
	2. RESET STYLES
	3. BASIC STYLES
	4. GLOBAL STYLES
	5. HEADER STYLES
	6. SLIDER/HERO GRAPHIC SECTION
	7. CTA
	8. NEWS
	9. CONTENT AREA
	10. CALLOUTS
	11. FOOTER STYLES
	12. FORM ELEMENT STYLES
	13. RESPONSIVE IFRAMES [Maps, Videos, etc.]
	14. RESPONSIVE TABLES
	15. LIGHTBOX GALLERIES
	16. MEDIA QUERIES


/*------->>> 1. FOUNDATION OVERRIDE STYLES <<<-------*/
.row {
	max-width:74em; margin:0 auto;/*row产品页面宽度大小*/
	*zoom:1;
}
.row .row {
	margin-left:-0.625em;
	margin-right:-0.625em;
}
.column, .columns {
	padding-left:0.625em;
	padding-right:0.625em;
}
.fullWidth { /*- for full width row -*/
	width:100%;
	max-width:100%;
	margin:0 auto;
}
/*------->>> 2. RESET STYLES <<<-------*/
/*	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*//*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/*- HTML5 display-role reset for older browsers -*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
*, *::after, *::before {
    box-sizing: border-box;
}
/*------->>> 3. BASIC STYLES <<<-------*/
html {
  font-size:16px; /*- 1rem=16px -*/
}
html, html a, body  {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
body, html {
	height:auto;
	min-height:100%;
	/*line-height:1;*/
	background-color:#fff;
	font-family:'Lato', sans-serif;
	font-weight:300;
	color:#6d6e71;
}
a, a:link, a:active, a:visited {
	/*color:#00457b;*/
	text-decoration:none;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
a.red {
	color:#771319;
}/*
a:hover {
	color:#000;
}*/
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
i, b {
	font-style:normal;
	font-weight:normal;
}
small {
	font-size:80%;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0.75em 0 0 0;
	line-height:1.2;
}
h1 {
	font-size:35px;
	color:#00457b;
}
h2 {
	color:#6d6e71;
	font-size:30px;
}
h3 {
	font-weight:400;
	color:#00457b;
	font-size:25px;
}
h4 {
	font-size:20px;
	font-weight:normal;
	color:#6d6e71;
}
h5 {
	font-size:1.25rem;
}
h6 {
	font-size:1.25rem;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight:400;
	font-size:inherit;
	text-transform:inherit;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:inherit;
}
p, li, td, blockquote {
	font-size:1rem;
	line-height:1.4rem;
}
p, blockquote {
	margin:0.75em 0;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3  + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3  + ol, h4 + ol, h5 + ol , h6 + ol {
/*	margin-top:0;*/
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ababad;
	margin:0.75em 0;
    padding:0; 
}
blockquote {
	font-style:italic;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	padding:10px 7.5%;
	position:relative;
    border-top:1px dashed #ababad;
    border-bottom:1px dashed #ababad;
}
blockquote:before {
	font-family:"Georgia";
	display:block;
	content:"\201C";
	font-size:100px;
	position:absolute;
	left:-15px;
	top:45px;
	color:#003D6C;
}
blockquote cite {
	color:#003D6C;
	font-size:90%;
	display:block;
	margin-top:5px;
	text-align:right;
	font-weight:400;
} 
blockquote cite:before {
	content:"\2014 \2009";
}
sup, sub {
	vertical-align:baseline;
	position:relative;
	top:-0.4em;
}
sub {
	top:0.4em;
}
::-moz-selection {
	color:#fff;
	background:#00457b;
}
::selection {
	color:#fff;
	background:#00457b;
}
/*------->>> 4. GLOBAL STYLES <<<-------*/
.clearfix {
	zoom:1; /*- ie 6/7 -*/
}
.clearfix:before, 
.clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
/*- Buttons -*/
.btn {
	border:1px solid #00487f;
	font-family:"Lato", sans-serif;
	font-weight:500;
	font-size:14px;
	color:#fff !important;
	background:#00487f;
	cursor:pointer;
	padding:7px 20px;
	display:inline-block;
	margin:10px 0px;
	outline:none;
	position:relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition: all 0.3s;
}
.btn:hover {
	color:#00487f !important;
	background:#fff;
}
/*- Utility Classes -*/
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.float-left {
	float:left;
}
.float-center {
	margin:0 auto;
}
.float-right {
	float:right;
}
.block {
	display:block;
}
.inline {
	display:inline;
}
.inline-block {
	display:inline-block;
}
.valign-middle {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.underline {
	text-decoration:underline;
}
.uppercase {
	text-transform:uppercase;
}
.relative {
	position:relative;
}
.positionBottom{
	bottom:0;
	top:auto;
}
/*------->>> 5. HEADER STYLES <<<-------*/
header {
	background:#fff;
	border-bottom:15px solid #003d6c;
}
header img {
	display:block;
}
.branding a {
	display:block;
	margin:10px 0;
}
.branding img {
	border:none;
	width:100%;
	max-width:520px;
	height:auto;
}
.ISO p {
	width:50%;
	float:left;
}
.ISO img {
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:80px;
}
.site-search {
}
.site-search ul {
	display:block;
    list-style:none;
	margin:0;
	padding:0;
}
.site-search li {
	width:100%;
	margin:0 0 15px 0;
	padding:0 !important;
}
.site-search form label {
    line-height:1;
    padding-bottom: 2px;
    display:block;
}
.site-search  form input[type="text"] {
    background:#fff;
    height:29px;
    float:left;
    width:85%;
    padding:5px;
    font-size:0.875rem;
    color:#6d6e71;
	border:0;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	border-left:1px solid #D1D1D1;	
	border-radius:3px 0px 0px 3px;
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-radius:3px 0px 0px 3px;
	-webkit-box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
}
.site-search  form  input[type="submit"] {
	background:#fff;
    padding:0;
    height:29px;
    text-align:center;
    float:left;
    width:15%;
    font-family:"FontAwesome";
    font-size:0.875rem;
	color:#6d6e71;
	border:0;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;	
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	-webkit-box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
    transition:all 200ms ease-in-out;
}
.site-search form input[type="submit"]:hover {
    color:#000;
	cursor:pointer;
}
.phone {
}
.phone p {
	font-family:'Fjalla One', sans-serif;
	font-weight:normal;
	color:#003D6C;
	font-size:1.5rem;
	margin-top:18px;
	text-align:center;
}
.phone p a,
.phone p a:hover {
	color:#003D6C;	
}
/*- Google Translate -*/
#google_translate_element {
  margin-top:0;
}
#google_translate_element  a {
	display:none;
}
#google_translate_element .goog-te-gadget {
	background:transparent;
	font-size:0;
}
.goog-te-gadget img{
  display:none;
}
select.goog-te-combo {
	width:100% !important;
	margin:0;
	padding:2px 0 5px 0;
	background-color:#fff;
	font-family:"Lato", sans-serif !important;
	font-size:0.875rem;
	color:#6d6e71 !important;
	line-height:1.42857143;
	border:1px solid #D1D1D1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position:100% center;
	background-repeat:no-repeat;
}
/*------->>> 6. SLIDER/HERO GRAPHIC SECTION <<<-------*/
/*- Interior -*/
.header-wrap  {
	background:#E9E9EB;
	border-top:10px solid #fff;
}
.header-wrap img {
	display:block;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
}
/*- Index -*/
.slider-wrap {
	background-color:#fff;
	overflow-x:hidden;
}
.slider-wrap img {
	display:block;
}
.slider-wrap img.show-for-small-only {
	border-top:10px solid #fff;
}
.bx-wrapper {
	padding:10px 0 0 0;
	margin:0 auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0px;
	background: none;
	z-index:500;
}
.bx-viewport {
	-webkit-transform:translateZ(0);
	overflow:visible !important;
}
.bx-wrapper .bx-viewport {
	background:#fff;
	overflow:visible;
}
ul.bxslider {
	margin:0;
	position:relative;
}
.bxslider > li {
	padding:0 5px;
    line-height:0;
    margin:0;
	position:relative;
}
.bxslider > li:before {
	position:absolute;
	display:block;
	top:0;
	left:5px;
	bottom:0;
	right:5px;
	background:#E9E9EB;
	opacity:0.90;
	content:"";
}
.bxslider > li.active-slide {
	opacity:1;
}
.bxslider > li.active-slide:before {
	opacity:0;
}
/*- Slider Messaging -*/
.bxslider > li .messaging {
	position:absolute;
	width:25%;
	padding:0 20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:0.313rem;
	color:#fff;
	opacity:0;
}
.bxslider > li.active-slide .messaging {
	opacity:1;
}
.bxslider > li .messaging p,
.bxslider > li .messaging ul li {
	font-weight:500;
	font-size:0.75rem;
	line-height:1.3;
}
.bxslider > li .messaging ul {
	padding-left:20px;
	list-style-type:disc;
}
.bxslider > li .messaging ul li {
	margin:0;
}
/*- Slider Controls -*/
.slider-controls {
	width:100%;
	position:absolute;
	top:45%;
	-webkit-transform:translateY(-45%);
	transform:translateY(-45%);
	z-index:2000;
}
#slider-next, #slider-prev {
	position:absolute;
}
#slider-next {
	right:25px;
}
#slider-prev {
	left:5px;
}
#slider-next a, #slider-prev a {
	font-family:'Lato', sans-serif;
	font-weight:300;
	font-size:2.125rem;
	text-decoration:none;
	color:#B8E0FF;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.41);
}
#slider-next a:hover, #slider-prev a:hover {
	color:#fff;
}
/*------->>> 7. CTA <<<-------*/
.cta {
	background:url(../images/stripe-bg.png) repeat;
	background-color:#E9E9EB;
	color:#fff;
	width:100%;
	margin-top:10px;
	padding:15px 0;
	border-top:15px solid #003D6C;
	border-bottom:15px solid #003D6C;
	-webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.5);
	box-shadow:0 1px 10px 1px rgba(0,0,0,0.5);
	position:relative;
	z-index:500;
}
.cta h2 {
	color:#003D6C;
	text-align:center;
	margin-bottom:2rem;
}
.cta .medium-3 a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
}
.cta .medium-3 a section {
	padding:0;
	background:transparent;
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
    transition:all 200ms ease-in-out;
} 
.cta .medium-3 a:hover section {
	background:#00487F;
}
.cta .medium-3 a section img {
	display:block;
	margin:0 auto;
	width:100%;
	max-width:160px;
	height:auto;
}
.cta .medium-3 a section h4 {
	font-size:1.25rem;
	font-weight:normal;
	color:#003D6C;
	text-align:center;
	padding:0;
	line-height:1.6rem;
	margin-top:15px;
	text-transform:none;
}
.cta .medium-3 a:hover section h4 {
	color:#fff;
}
/*------->>> 8. NEWS <<<-------*/
ul.newsArticles {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.newsArticles li {
    padding-bottom:10px;
	line-height:1.4rem;
}
ul.newsArticles li:first-of-type {
	padding-bottom:30px;
}
ul.newsArticles li span.newsArticlesDate {
	display:block;
	font-size:0.875rem;
	font-weight:600;
	color:#000;
}
ul.newsArticles li span.pageHeader {
	font-weight:500;
}
/* news section [news page] */
.news-div {
}
.row .news-div .row {
	margin:0;
}
.news-div select {
	margin-bottom:10px !important;
}
.news-div #allYears {
	margin-right:0px;
}
.news-div .date, .news-div .title, .news-div .short_description, .news-div #spanNavText {
	font-size:1rem;
	line-height:1.4rem;
	color:#000;
	font-weight:bold;
}
.news-div .short_description {
	padding-bottom:0.625rem;
	border-bottom:1px dotted #c8c8c8;
	margin-bottom:0.625rem;
}
/*------->>> 9. CONTENT AREA <<<-------*/
.content {
	position:relative;
	background:#fff;
}
.content .content-area {
	margin:0 0.625rem; margin:0 auto;
	min-height:300px;
	padding:10px 0 30px 0;
}
.text-area a {
	font-weight:bold;
}
.interior-bg {
	background:#fff;
	padding-left: 15px;
}
.content img.styled {
	border:3px solid #959594;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}
.content .sidebar {
	padding-top:5px;
}
#index .content .sidebar {
	padding-top:0;
	text-align:center;
	color:#000;
}
#index .content .sidebar h2 {
	color:#000;
}
#interior .content {
	position:relative;
	background:url(../images/content-bg.jpg) top center no-repeat;
}
#interior .content-area {
	margin-top:125px;
	padding:25px 0;
	border-top:15px solid #003D6C;
	background:rgba(255,255,255,0.75);
}
#interior .rec_pro li{/* clear:both;border-bottom:1px solid #dedfdf;*/ margin-bottom:2%; }
#interior .rec_pro .newpic{ width:30%; float:left;}
#interior .rec_pro li img{ width:100%;}
#interior .rec_pro .neww{ width:67%; float:right; margin:0 auto; font-size: 14px;}
#interior .rec_pro .newtit{ font-weight:bold; line-height:24px; font-size:16px;/*margin-bottom:10px;*/}
#interior .rec_pro .rq{margin-bottom:10px;}

/*------->>> 10. CALLOUTS <<<--------*/
.callouts {
	background:url(../images/stripe-bg.png) repeat;
	background-color:#003D6C;
	color:#fff;
	width:100%;
	-webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.5);
	box-shadow:0 1px 10px 1px rgba(0,0,0,0.5);
	position:relative;
	z-index:500;
}
.callouts .medium-3 a {
	display:block;
	position:relative;
	width:100%;
	height:0;
	overflow:hidden;
	padding-bottom:130%;
}
.callouts .medium-3 a section {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:20px 15px;
	background:transparent;
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
    transition:all 200ms ease-in-out;
	border-top:1px solid rgba(255,255,255,0.25);
}
.callouts .medium-3:last-child a section {
	border-bottom:1px solid rgba(255,255,255,0.25);
} 
.callouts .medium-3 a:hover section {
	background:#00487F;
}
.callouts .medium-3 a section img {
	display:block;
	margin:0 auto;
	width:75%;
	max-width:160px;
	height:auto;
}
.callouts .medium-3 a section h4 {
	font-size:24px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	padding:0;
	line-height:2rem;
	margin-top:15px;
}
.callouts .medium-3 a section > p,
.calouts .medium-3 a:hover > section p {
	color:#fff;
	font-size:0.875rem;
	margin-top:15px;
}
.callouts .medium-3 a span.btn {
	position:absolute;
	bottom:20px;
	left:10px;
	right:10px;
	text-align:center;
	border:1px solid #fff;
	color:#fff !important;
	margin:0;
	background:transparent;
}
.callouts .medium-3 a span.btn:hover {
	background:#fff;
	color:#003D6C !important;
}
/*------->>> 11. FOOTER STYLES-------*//*
footer {
	background:#fff;
	color:#565658;
	padding:20px 0;
	position:relative;
}
#interior footer {
	border-top:15px solid #003d6c;
	-webkit-box-shadow:0 1px 10px 1px rgba(0,0,0,0.5);
	box-shadow:0 1px 10px 1px rgba(0,0,0,0.5);	
}
footer p {
	text-align:center;
	color:#565658;
	font-size:0.813rem;
	text-transform:uppercase;
}
footer .xs {
	font-size:0.688rem;
	line-height:1.2rem;
	text-transform:none;
}
footer .social {
	position:relative;
}
footer .social p {
	margin:0;
	padding:0;
}
footer .social img {
	display:inline-block;
	position:relative;
}
footer .social img + img {
	margin-left:25px;
}
footer .social a,
footer .social a:link,
footer .social a:active,
footer .social a:visited {
	position:relative;
	display:inline-block;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:35px;
	height:35px;
	margin-right:25px;
	background:#8B97A7;
	font-weight:400;
	font-size:1.25rem;
	color:#fff;
	text-align:center;
	line-height:35px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
footer .social a:last-child {
	margin-right:0;
	margin-left:25px;
}
footer .social a:hover {
	background:#003D6C;
}
/*------->>> 12. FORM ELEMENT STYLES <<<-------*/
.row form .row {
	margin:0;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
}
.row form ul {
	display:block;
}
.row form li {
	width:100%;
}
.formElements h2 {
	margin-bottom:0.75rem;
	color:#003D6C;
}
.formElements ul {
    list-style:none;
}
.formElements li {
	margin:0 0 15px 0;
	padding:0 !important;
}
.formElements,
.formElements label {
	color:#6d6e71;	
}
.formElements label {
	font-size:inherit;
}
.formElements input[type=text],
.formElements textarea,
.formElements select,
#site_search input[type=text],
.news-div select {
	width:100% !important;
	margin:3px 0 0 0;
	padding:5px;
	background-color:#fff;
	font-size:0.875rem;
	color:#6d6e71;
	line-height:1.42857143;
	border:1px solid #D1D1D1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	box-shadow:0 4px 7px rgba(0, 0, 0, 0.075);
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
}
.formElements select,
.news-div select {
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position:100% center;
	background-repeat:no-repeat;
}
.formElements input[type=text]:focus,
.formElements textarea:focus,
.formElements select:focus,
.formElements input[type=radio]:focus,
.formElements input[type=checkbox]:focus,
#site_search input[type=text]:focus {
	border-left:10px solid #003D6C;
	outline:0;
}
.formElements input[type=radio],
.formElements input[type=checkbox] {
	margin-right:3px;
}
.content form input[type=submit],
.formElements input[type=button] {
    display:inline-block;
	border:1px solid #00487f;
	font-weight:500;
	font-size:1rem;
	color:#fff;
	background:#00487f;
	cursor:pointer;
	display:inline-block;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition: all 0.3s;
}
.content form input[type=submit] {
	width:100%;
    padding:10px 0px;
}
#site_search input[type=text] {
	width:79% !important;
	float:left;
	margin-bottom:15px;
}
#site_search input[type=submit] {
	width:20%;
	float:right;
	margin-bottom:15px;
}
.formElements input[type=button] {
	padding:10px;
	margin-top:7px;
}
.content form input[type=submit]:hover,
.content form input[type=submit]:focus,
.formElements input[type=button]:hover,
.formElements input[type=button]:focus {
	color:#00487f;
	background:#fff;
}
/*------->>> 13. RESPONSIVE IFRAMES <<<-------*/
/*- Google Maps [div class="google-maps" then IFRAME] -*/
.google-maps {
    position:relative;
	height:175px;
    overflow:hidden;
    margin-bottom:15px;
    padding-bottom:25%;
}
/*- Flexible iFrame [div class="flex-container" then IFRAME] -*/
.flex-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
    overflow:hidden;
}
.google-maps iframe,
.flex-container iframe,   
.flex-container object,  
.flex-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*------->>> 14. RESPONSIVE TABLES <<<-------*/
table.styled {
	position:relative;
	width:100%;
	border-top:1px solid #5f5f5f;
	border-left:1px solid #5f5f5f;
	border-right:1px solid #5f5f5f;
	margin:2.5em auto;
	border-collapse:separate;
	text-align:center;
	border-radius:0;
}
table.styled thead tr th {
	font-family: "Fjalla One",sans-serif;
	font-weight:400;
	font-size:1.125rem;
	text-align:center;
	vertical-align:middle;
	background:#003D6C;
	color:#fff;
	border-bottom:0;
	padding:10px 0;
}
table.styled td {
	border-bottom:1px solid #5f5f5f;
	padding:.3em 0.5em;
	border-collapse:collapse;
	font-size:0.813rem;
	vertical-align:middle;
}
table.styled tr:nth-child(even) {
	background:#ece9e9;
}
table.styled tr:nth-child(odd) {
	background:#FFF;
}
/*------->>> 15. LIGHTBOX GALLERIES <<<-------*/
.lbThumb {
	border: none;
	background-color: transparent;
	margin: 0 1% 10px 0;
}
.main .lbThumb {
	width: 49%;
	height: auto;    
}
.main .lbThumb:nth-child(even) {
	margin-right: 0;
}
.lbThumb a {
	display: block;
	width: 100%;
	height: 100%;
}
.lbThumb a:after {
	display: none;
}
.lbThumb img {
	width: 100%;
	height: 100%;
	display: block;
	margin:0;
}
/*------->>> 16. MEDIA QUERIES <<<-------*/
@media all and (min-width : 320px) and (max-width : 640px) and (orientation:landscape) {
	/*---> CTA <---*/
	.cta .medium-3 {
		width:50%;
	}
	/*---> Callouts <---*/
	.callouts .medium-3 {
		width:50%;
	}
	.callouts .medium-3 a {
		padding-bottom:180%;
	}
	.callouts .medium-3 a section {
		border-top:1px solid rgba(255,255,255,0.25);
		border-left:1px solid rgba(255,255,255,0.25);
	}

}
@media only screen and (min-width:30em) { /*- 480px and up -*/
}
@media only screen and (min-width:40em) { /*- 640px and up -*/
	/*---> Header <---*/
	.phone p {
		text-align:center;
	}
	#google_translate_element {
		margin-top:12px;		
		width:49%;
		float:left;
	}
	.site-search ul {
		margin-top:15px;
		display:block;
		width:49%;
		float:right;
	}
	/*--> Content<---*/
	#interior .content {
		background-size:125% auto;
	}
}
@media only screen and (min-width:40.063rem) { /*- 641px and up -*/
	/*--->  Callouts <---*/
	.cta .medium-3 {
		width:33%;
	}
	.callouts .medium-3 a {
		padding-bottom:200%;
	}
	.callouts .medium-3 a section {
		border-top:0px solid rgba(255,255,255,0.25);
		border-left:1px solid rgba(255,255,255,0.25);
	}
	.callouts .medium-3:last-child a section {
		border-bottom:0px solid rgba(255,255,255,0.25);
		border-right:1px solid rgba(255,255,255,0.25);
	}
	.callouts .medium-3 a section h4 {
		font-size:15px;
		line-height:1.3rem;
	}
	.callouts .medium-3 a section > p,
	.calouts .medium-3 a:hover > section p {
		font-size:0.75rem;
		line-height:1.3;
	}
	.callouts .medium-3 a span.btn {
		font-size:0.75rem;
	}
}
@media only screen and (min-width:48em) { /*- 768px and up -*/
	/*---> Header <---*/
	.phone p {
		font-size:1.875rem;
	}
	.phone p a,
	.phone p a:hover {
		pointer-events:none;	
	}
	/*---> BxSlider <---*/
	.bxslider > li .messaging p,
	.bxslider > li .messaging ul li {
		font-size:0.875rem;
		line-height:1.3;
	}
	#slider-next a, #slider-prev a {
		font-size:3rem;
	}
	/*---> CTA <---*/
	.cta .medium-3 {
		width:25%;
	}	
	/*---> Callouts <---*/
	.callouts .medium-3 a section h4 {
		font-size:20px;
		line-height:1.5rem;
	}
	.callouts .medium-3 a section > p,
	.calouts .medium-3 a:hover > section p {
		line-height:1.4rem;
		font-size:0.875rem;
	}
	.callouts .medium-3 a span.btn {
		font-size:14px;
	}
}
@media all and (min-width:64em) { /*- 1024px and up -*/
	/*---> BxSlider <---*/
	.bxslider > li .messaging p,
	.bxslider > li .messaging ul li {
		font-size:1rem;
		line-height:1.4;
	}
	/*---> Callouts <---*/
	.cta .medium-3 {
		width:20%;
	}
	.callouts .medium-3 a {
		padding-bottom:180%;
	}
	.callouts .medium-3 a section h4 {
		font-size:24px;
		line-height:2rem;
	}
}
@media all and (min-width:64.063rem) { /*- 1025 and up -*/
	/*--> Content<---*/
	#interior .content {
		background-size:100% auto;
	}
	/*---> Content <---*/
/*	.content {
		background:-moz-linear-gradient(left, #E9E9EB 25%, #fff 25%);
	}
	.content-area {
		background:-moz-linear-gradient(left, #E9E9EB 20%, #fff 20%);
	}*/
	#index .content {
		background:-moz-linear-gradient(right, #E9E9EB 25%, #fff 25%);
	}
	#index .content-area {
		background:-moz-linear-gradient(right, #E9E9EB 27%, #fff 25%);	
	}
	/*---> BXSlider <---*/
	.header-wrap img {
		border-bottom:10px solid #fff;
	}
}
/*------->>> PRINT STYLES <<<-------*/
@media print {
	html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, em, img, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, mark, audio, video, .center, .copyright {
		font:inherit; /*Without this, font reset won't work*/
		font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;	
		border:none;
	}
	a[href]:after { /*Remove appending links*/
		content:none !important;
	}
	body, article, .content, .content-text {
		width:100%; /*Full width of print screen*/
	}
	@page {
		margin:1cm .2cm; /*Print Screen Margin*/
	}
/*	h1 {
		page-break-before:always; /*Force heading to always be the beginning of a page
	}*/
	h1, h2, h3, h4, h5 {
		font-weight:bold;
		background:none;
		page-break-after:avoid; /*Avoid breaks directly after a heading, so won't print at page bottom*/
	}
	table, figure, ul, img {
		page-break-inside:avoid; /*prevent elements from being split across multiple pages*/
	}
	img {
		max-width:100% !important; /*Prevent images from bleeding over the edge of the printed page*/
	}
	.branding img {
		max-width:500px !important;
		margin:0 auto;
	}
	header, footer, .phone {
		text-align:center;
	}
	header .ISO {
		display:none;
	}
	nav, aside, hr, .sidebar, .slider-text, .slider-wrap, .btn, .iso, .site-search, .menu-button, .cta, .callouts {
		display:none;
	}
	.sub_callouts, .lastsub_callouts {
		border:0;
	}
	.content, .content-area,
	#interior .content, #interior .content-area {
		margin-top:0;
		border:0;
	}
	header {
		border-bottom:3px solid #003D6C;
	}/*
	footer {
		border-top:3px solid #003D6C;
	}*/
}