/* #Reset & Basics
================================================== */
/* Addresses margins handled incorrectly in IE6/7. */
	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, 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, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;} ul, ol {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	figure {position: relative;}figure img {width: 100%;}
	* {margin: 0; padding: 0;}
/* #Basic Styles ================================================== */
	body {background-color: #fff; font-family: 'Roboto Light'; margin: 0; overflow-x: hidden;}
/* #Typography ================================================== */
@font-face {font-family: 'Montserrat SemiBold'; font-style: normal;font-weight: normal;src: url('../fonts/Montserrat-SemiBold.woff') format('woff');}
@font-face {font-family: 'Montserrat Regular'; font-style: normal;font-weight: normal;src: url('../fonts/Montserrat-Regular.woff') format('woff');}
@font-face {font-family: 'Roboto Light'; font-style: normal;font-weight: normal;src: local('Roboto Light'), url('../fonts/Roboto-Light.woff') format('woff');}
@font-face {font-family: 'Playfair Display Bold Italic';font-style: normal;font-weight: normal;src: local('Playfair Display Bold Italic'), url('../fonts/PlayfairDisplay-BoldItalic.woff') format('woff');}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
	h1 {color: #fff; font-family: 'Montserrat SemiBold', sans-serif; font-size: 42px; letter-spacing: .5px; line-height: 48px; margin: 0; padding: 0;}
	h2 {color: #4d4d4d; font-family: 'Montserrat SemiBold', sans-serif; font-size: 40px; letter-spacing: .5px; line-height: 42px; margin-bottom: 16px;}
	h3 {color: #000; font-family: 'Roboto Light'; font-size: 26px; letter-spacing: .15px; line-height: 34px; padding: 0 0 10px 0;}
	h4 {color: #000; font-family: 'Roboto Light'; font-size: 18px; line-height: 24px; margin: 14px 0 6px;}
	h5 {background-color: #b5121b; border-radius: 4px; color: #fff; font-family: 'Roboto Light'; font-size: 16px; font-style: italic; line-height: 24px; margin-bottom: 2px; padding: 6px; width: 150px;}/* red button text */
	
	p {color: #4d4d4d; font-family: 'Roboto Light'; letter-spacing:.15px; font-size: 16px; line-height: 22px; margin: 0 0 18px 0;}
	a, a:hover {text-decoration: none;} a {transition: color 0.3s ease 0s;} em {font-style: italic; line-height: 14px;}
	small {font-size: 80%;} strong {font-weight: 400;}
	blockquote:before {display: block; content: "\201C"; font-size: 80px; position: relative; left: -50px; color: #7a7a7a; padding-left: 20px; top: 10px;}
	blockquote, blockquote p {font-family: Georgia, serif; font-size: 12px; line-height: 18px; color: #777; font-style: italic; font-weight:300;}
	blockquote {margin: 0 0 20px; padding: 12px 20px 14px 19px; border: 1px solid #ddd; background-color: #fff;}
	blockquote cite {display: block; font-size: 12px; color: #555; margin-top: 5px;}
	blockquote cite:before {content: "\2014 \0020";} blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {color: #555;}
	hr {border: solid #929292; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0;} .break{display: inline-block; width: 100%; height: 0;}
	hr.style-two {border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
/* ------------ Alternate text styles ------------ */
.spacer-above-text {padding-top: 20px;}
.red-button {background-color: #b5121b; border-radius: 4px; color: #fff; font-family: 'Roboto Light'; font-size: 16px; line-height: 24px; margin-bottom: 2px; padding: 6px; text-align: center; width: 150px;}
.color-white {color: #fff;}
.color-red {color: #E91C26;}/* --- Bright Red for Footer H3 only ---*/
.color-regred {color: #b5121b;}
.color-darker-grey {color: #757378;}
.color-black {color: #000;}
.special-title {font-family: 'Playfair Display Bold Italic'; font-size: 28px; line-height: 32px; padding-bottom: 10px; position: relative; text-align: center;}
.center-text {text-align: center;}
.uppercase {text-transform: uppercase;}
.bigred {color: #E91C26; font-family: 'Roboto Light'; font-size: 22px; letter-spacing: .15px; line-height: 28px; padding: 0 0 10px 0;}
.feature-text {font-family: 'Roboto Light'; font-size: 24px; letter-spacing: .15px; line-height: 32px; padding: 0 0 10px 0;}
/* ------------ buttons -------------------*/
.quickbtn {background-color: #b5121b; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; margin: 0 auto; margin-top: 10px; padding:10px 14px; position: relative; text-align: center; width: auto;}
.quickbtn a {color: #fff;}
.quickbtn:hover {background-color: #000; color: #fff;}

.wrap {padding: 10px;text-align: center;}
.hover-fx {background-color: #ccc; border-radius: 50%; cursor: pointer; display: inline-block; height: 80px; line-height:105px; margin: 0 0 10px; position: relative; text-align: center; transition: 300ms; width: 80px;}
.hover-fx:after {border-radius: 50%; box-sizing: content-box; box-shadow: 0 0 0 3px #b5121b; content: ''; left: 0; height: 100%; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: 300ms; width: 100%;}
.hover-fx:hover {background-color: #b5121b;}
.hover-fx:hover:after { opacity: 1; transform: scale(1.15);}
.icon-travel {background: url('../images/icon-travel.svg') no-repeat; display: inline-block; height: 40px; margin: 0 auto; width: 40px;}
.icon-travel:hover {background: url('../images/icon-travel-w.svg') no-repeat;}
.icon-insight {background: url('../images/icon-insight.svg') no-repeat; display: inline-block; height: 40px; margin: 0 auto; width: 40px;}
.icon-insight:hover {background: url('../images/icon-insight-w.svg') no-repeat;}
.icon-edu {background: url('../images/icon-educ.svg') no-repeat; display: inline-block; height: 40px; margin: 0 auto; width: 40px;}
.icon-edu:hover {background: url('../images/icon-educ-w.svg') no-repeat;}
/* ----- Image Styles ---------------------------------------------------*/
#img {}
img.scale-with-grid {height: auto; max-width: 100%;}
img {display: block; margin: 0 auto;}
img.floatleft {height: auto; float: left; margin: 0 25px 8px 0; max-width: 100%;}
img.floatright {float: right; margin: 0px; padding: 5px;}
img.floatcenter {display: block; height: auto; margin: 0 auto;}
a img {border:none;}
.foxhead {display: inline-block; height: auto; margin: 0 8px 4px 0; max-width: 100%; vertical-align: middle;}
.logo {display: block; height: auto; margin: 0 auto; max-width: 100%; padding: 0; position: relative;}
.gs {float: left; margin: 5px 8px 8px 0;}
.titleicons {float: left; margin: -10px 8px 25px 0; max-width: 100%; height: auto;}
.titleiconscenter {display: inline-block; float:none; height: auto; margin: 6px; max-width: 100%;}
.socialicons {float: left; max-width: 100%; margin: 3px 10px 10px 0;}
.centerredtext {color: #b5121b; font-size: 20px; line-height: 24px; text-align: center;}
.innerpics {border: 4px solid #fff; -webkit-box-shadow: 2px 4px 9px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow:2px 4px 9px 0px rgba(50, 50, 50, 0.4);box-shadow:2px 4px 9px 0px rgba(50, 50, 50, 0.4); float: left; height: auto; margin: 0 25px 50px 0; max-width: 100%;}
.new-icons {display: block; height: auto; margin: 0 auto; max-width: 100%; padding-bottom: 12px;}
/* #CLearFix */
	.clearfix:before,
	.clearfix:after {content: " "; display: table;}
	.clearfix:after {clear: both;}
	.clear {clear: both;}
.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
/* FRANKEN GRID STYLES */
#wrapper {background-color: #e1e2e3; height: auto !important; margin: 0 auto; min-height: 100%; max-width: 100%; position: relative;}
.content {padding:20px;}
/*-----------------------header area--------------------*/
#header {background-color: #fff; clear: both; margin: 0 auto; position:relative; padding: 6px 0; width: 100%; z-index: 100;}
/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap *,
#nav-wrap *:before,
#nav-wrap *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
#nav-wrap {margin: 0 auto; padding: 0; float: left; position: relative; width: 100%; z-index: 10000;}	
/* menu icon */
#menu-icon {display: none;}/* hide menu icon initially */
#nav {font-family: 'Roboto Light'; letter-spacing: 0.02em; margin: 0 auto; max-width: 100%; margin-top: 50px; padding:0; position: relative;}
#nav ul {margin: 0 auto; padding: 0; display: block; position: relative; width: 100%; text-align: center;}
#nav ul li {list-style: none;display: inline-block; line-height: 35px;position: relative;}
/* nav link */
#nav ul li a {color: #757378; display: block; font-size: 16px; padding: 4px 14px; text-decoration: none;}
#nav ul li a:hover {color: #fff; background-color: #b3b3b3;}
/* nav dropdown */
#nav ul li ul{position: absolute;display: none; /* hide dropdown */width: 100%;z-index: 10000;}
#nav ul li ul li {border-top: 1px solid #fff; display: block; float: none;font-size: 12px;font-weight: normal;line-height: 14px; margin: 0; padding: 0; text-align: left; text-decoration: none; width: 100%;}
#nav ul li ul li a {background-color: #dee4eb; color: #1f1c41; padding: 10px 6px; text-decoration: none;}
#nav li:hover > ul {display: block;}/* show dropdown on hover */
#nav ul li > ul li a:hover {background-color: #1f1c41; color: #dee4eb;}

/*---------------------Lg image or slider_area--------------------*/
#largeimage {background: #000 url('../images/gf_checkbkgnd.jpg') no-repeat bottom center /*fixed*/;-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 500px; max-width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 1;}
#largeimageinner {background: #000 url('../images/gf_checkbkgnd.jpg') no-repeat bottom center /*fixed*/;-moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 250px; margin: 0 auto; max-width: 100%; padding: 0; position: relative; z-index: 1;}
.imagetext {background-color: rgba(0,0,0, 0.5); border-radius: 10px; float: right; height: auto; max-width: 600px; margin: 16px; padding: 8px 14px 10px 14px;}
.imagetext p {color: #fff;}
.imagetext a:link {color: #fff; text-decoration:none;} 
.imagetext a:visited {color: #fff; text-decoration:none;}
.imagetext a:hover {color: #000; text-decoration:none;}
.imagetext a:active {color: #4d4d4d; text-decoration:none;}
/*----------------------TITLE HEADERS AND SPACING--------------------*/
.section-header {padding: 80px 0; text-align: center;}
.section-padding {padding: 50px 0 !important;}
.article-header {clear: both; height: auto; margin: 0 auto; padding-top: 50px; text-align: center; width: 100%;}
.article-header p {text-align: center;}
/*-------------------------topbody_area--------------------*/
.topbody {background-color: #fff; margin: 0 auto; max-width: 100%; min-height: 500px; padding: 0; position:relative;}
.topbody ul {clear: both; list-style-type: none; margin: 20px 0 10px 0;}
.topbody ul li:before {content: "\00BB \0020";}
.topbody ul li {color: #515a5a; font-size: 18px; font-family: 'Roboto Light'; letter-spacing:.15px; line-height: 22px; list-style: inside none; margin-left: 14px; padding-bottom: 10px; text-indent: -14px;}
.topbody ul ul li:before {content: "\2192 \0020";}
.topbody ul ul li {margin-left: 30px;}
/*---------------------inner main body_area--------------------*/
.innerbody {background-color: #fff; margin: 0 auto; max-width: 100%; min-height: 500px; position:relative; padding: 0;}
.innerbody a:link {color: #b5121b; text-decoration:none;}
.innerbody a:visited {color: #b5121b; text-decoration:none;}
.innerbody a:hover {color: #000; text-decoration:none;}
.innerbody a:active {color: #4d4d4d; text-decoration:none;}
.innerbody ul {clear: both; list-style-type: none; margin: 10px 0 30px 0;}
.innerbody ul li:before {content: "\00BB \0020";}
.innerbody ul li {color: #515a5a; font-family: 'Roboto Light'; font-size: 16px; letter-spacing: .15px; line-height: 22px; list-style: inside none; margin-left: 14px; padding-bottom: 14px; text-indent: -14px;}
.innerbody ul ul {list-style-type: none; margin: 8px 0 0 0;}
.innerbody ul ul li {line-height: 27px; margin-left: 30px; padding-bottom: 0px;}
/*------------------reference links page--------------------*/
#referencelinks {background-color: #fff; max-width: 100%; min-height: 500px; margin: 0 auto; padding: 0; position:relative;}
#referencelinks a:link {color: #b5121b; text-decoration:none;}
#referencelinks a:visited {color: #b5121b; text-decoration:none;}
#referencelinks a:hover {color: #000; text-decoration:none;}
#referencelinks a:active {color: #4d4d4d; text-decoration:none;}
#referencelinks ul {clear: both; margin: 10px 0 10px 0; list-style-type: none;}
#referencelinks ul li:before {content: "\00BB \0020";}
#referencelinks ul li {color: #757378; font-family: 'Roboto Light'; font-size: 16px; letter-spacing:.15px; line-height: 22px; list-style: inside none; margin-left: 14px; padding-bottom: 14px; text-indent: -12px;}
#referencelinks ul ul {margin: 8px 0 0 0; list-style-type: none;}
#referencelinks ul ul li {margin-left: 30px; padding-bottom: 0px;}
/*-----------------------grey_area--------------------*/
#greyarea {background-color: #807f83; max-width: 100%; min-height: 280px; position:relative; margin: 0 auto; padding: 0; text-align: center;}
#greyarea p {color: #fff; text-align: center;}
#greyarea h2 {color: #fff;}
#greyarea h3 {color: #fff; text-align: center;}
#ourvisionred {background-color: #b5121b; max-width: 100%; min-height: 280px; position:relative; margin: 0 auto; padding: 0; text-align: center;}
#ourvisionred p {color: #fff; text-align: center;}
#ourvisionred h2 {color: #fff;}
#ourvisionred h3 {color: #fff; text-align: center;}
/*-----------------------red_area--------------------*/
#redarea {background-color: #b5121b; margin: 0 auto; max-width: 100%; min-height: 350px; padding: 0; position:relative; text-align: left;}
#redarea p {color: #fff;}
#redarea a:link {color: #fff; text-decoration:none;} 
#redarea a:visited {color: #fff; text-decoration:none;}
#redarea a:hover {color: #000; text-decoration:none;}
#redarea a:active {color: #fff; text-decoration:none;}
#redarea h2 {color: #fff;}
#redarea h3 {color: #fff; text-align: center;}
#redarea ul {clear: both; margin: 20px 0 10px 0; list-style-type: none;}
#redarea ul li:before {content: "\00BB \0020";}
#redarea ul li {color: #fff; font-size: 18px; font-family: 'Roboto Light'; letter-spacing: .15px; line-height: 22px; list-style: inside none; margin-left: 30px; margin-left: 35px; padding-bottom: 10px; text-indent: -16px;}
/*------------------------------footer_area--------------------*/
#footer {background-color: #000; min-height: 250px; width: 100%;}
#footer h2 {color: #fff; text-align: center; margin-bottom: 2px;}
#footer p {color:#fff; font-size: 14px; line-height:20px; padding-bottom: 4px; float: left;}
#footer p a {color: #fff !important; text-decoration: none;}
#footer p a:hover {color: #b5121b !important;}
#footer a {color: #fff; text-decoration: none;}
#footer ul {margin: 2px 4px 20px 2px;}
#footer li {color: #fff; font-family: 'Roboto Light'; list-style-type: none; letter-spacing: .5px; padding-bottom: 12px; text-decoration: none;}
#footer li a {color: #fff; text-decoration: none;}
#footer li a:hover {background-color: #807f83; color: #fff !important; padding: 6px;}
.footertext {clear: both; height: auto; max-width: 100%; }
.sitecredit {color: #999999; clear: both; font-size: 11px; line-height: 8px; }
.sitecredit a {color: #fff !important; text-decoration: none;}
.sitecredit a:hover {color: #b5121b !important;}
/*--------------------------copyright_area--------------------*/
#copyright {background-color: #74be46; min-height: 75px; padding-right: 20px; text-align: center; width: 100%;}
#copyright p {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; text-align: center;}
#copyright a {color: #fff; text-decoration: none;}
/*-------------------------------------------------MOBILE DEVICE AREA SETTINGS----------------------------------------------*/
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) {#nav ul li a {padding: 4px 10px;}}
/*Styles for screen 960px and lower*/
@media screen and (max-width: 960px) {#nav {margin-top: 35px !important;}#nav ul li a {font-size: 14px; padding: 4px 8px;}}
/*Styles for screen 880px and lower*/
@media screen and (max-width: 880px) {.imagetext {float: none; margin: 0 auto; max-width: 100%; text-align: center;}#header {padding-bottom: 0px;}.logo {padding-bottom: 10px;}}
@media screen and (max-width: 800px) {
	#nav-wrap {position: relative; z-index: 8000;}
	#menu-icon {background: #b3b3b3 url('../images/nav-icon.png') no-repeat 10px center; color: #fff; cursor: pointer; display: block; height: 25px; padding: 8px 10px 0 42px; width: 42px;}/* show menu icon */
	#menu-icon:hover {background-color: #b5121b; color: #fff;}
	#menu-icon.active {background-color: #b3b3b3;}
	/* main nav */
	#nav {background: #b3b3b3; clear: both; display: none; margin-top: 0px !important; max-width:100%; padding: 5px; position: relative; z-index: 10000;}/* visibility will be toggled with jquery */
	#nav ul li {text-align: left; width: 100%;}
	#nav ul li:hover {background-color: #b5121b; color: #fff; padding: 0; width: 100%;}
	#nav ul li a {border-bottom: 1px solid #fff; color: #fff; display: block; padding: 4px; z-index: 8000;}
	#nav ul li a:hover {background-color: #b5121b; color: #fff; padding: 4px;}
	/* dropdown */
	#nav ul {background: inherit; border: none; display: block;position: static; width: auto;}
	#nav ul li ul {display: block; position: relative; text-align: left; width: 100%;}
}
@media screen and (min-width: 800px) {
#nav {display: block !important;}}/* ensure #nav is visible on desktop version */
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	.content {padding: 10px;}
	.hr {margin: 10px 0;}
	.section-header {padding: 30px 0 0;}
	h1 {font-size: 34px; line-height: 38px;}
	h2 {font-size: 30px; line-height: 34px; margin-bottom: 20px;}
	h3 {font-size: 24px; line-height: 28px;}
	.special-title {font-size: 26px; padding-bottom: 20px;}
	.feature-text {font-size: 20px; line-height: 26px;}
	.wrap {padding: 0 0 10px;}
	#footer li {text-align: center;}
	#footer p {float: none; text-align: center;}
	.gs {float: none; margin: 0 auto;}
	.red-button {position: relative; margin: 0 auto;}
}
/*Styles for screen 568px and lower*/
@media only screen and (max-width : 568px) {#largeimage {background-image: none; background-color: #000;}.imagetext {padding: 12px; background-color: transparent;}#footer ul {margin-bottom: 0px;}}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 515px) {.content {padding: 10px;}.section-padding {padding: 25px 0 !important;}#referencelinks ul li {padding-bottom: 10px;}}
/*Smartphone*/
@media only screen and (max-width : 480px) {h1 {text-align: center;}h2 {text-align: center;}h3 {text-align: center;}}
/*Smartphone*/
@media only screen and (max-width : 384px) {h1 {font-size: 30px; line-height: 36px;}h2 {font-size: 26px; line-height: 30px;}h3 {font-size: 20px; line-height: 24px; padding-bottom: 4px;}}
/*Smartphone*/
@media only screen and (max-width : 320px) {h4 {font-size: 16px; line-height: 20px;}h5 {font-size: 16px; line-height: 24px;}.logo {float: none;}.content {padding: 5px;}}
/*Smartphone*/
@media only screen and (max-width : 240px) {h3 {font-size: 16px;}}