/*------->>> TABLE OF CONTENTS <<<-------
	1. FOUNDATION OVERRIDE STYLES
	2. RESET AND OVERRIDES
	3. BASIC STYLES
	4. GLOBAL STYLES
	5. HEADER STYLES
	6. HERO STYLES
	7. SLICK SLIDER
	8. PRIMARY CONTENT
	9. SECONDARY CONTENT
	10. ACCORDION
	11. VCARD
	12. NEWS
	13. CALLOUT STYLES
	14. CTA (Sucess & Promise on Homepage)
	15. FOOTER STYLES
	16. FORMS
	17. RESPONSIVE IFRAMES [Maps, Videos, etc.]
	18. STYLE GUIDE
	
/*------->>> COLOR PALETTE <<<-------
	#1d314a rgb(29,49,74) - Primary Color [blue]
	#7e2935 rgb(126,41,53) - Secondary Color [maroon]
	#e7e7e7 rgb(231,231,231) - Tertiary Color [gray]	
	#000 rbg[0,0,0] - Support Color [black]
	#283c53 rgb(40,60,83) - [blue#2 | h1 - h6]
	#d5d5d5 rgb(213,213,213) - [gray #2]
	#691c28 rgb(105,28,40) - [maroon #2]
	
/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
	Font Family: "Open Sans", sans-serif; [Primary Font | Google Fonts | 400 & 700]
	Font Family: "proxima-nova",sans-serif;[Secondary Font | Typekit | 400 & 700]
	Font Family: FontAwesome [Icon Font]
		SAMPLE CSS USAGE: fortawesome.github.io/Font-Awesome/cheatsheet/
		.myDiv {
			font-family:"FontAwesome";
			content:"\f111";
		}
		SAMPLE HTML USAGE: fortawesome.github.io/Font-Awesome/examples/
		<span class="fa-stack fa-lg">
			<i class="fa fa-square-o fa-stack-2x"></i>
			<i class="fa fa-twitter fa-stack-1x"></i>
		</span>
*/

/*------->>> 1. FOUNDATION OVERRIDE STYLES <<<-------*/
.column, .columns {
	padding-left:.625rem;
	padding-right:.625rem;
}
.row {
	max-width:1200px;
	max-width:75rem;
}
.row .row {
	margin:0 -.625rem;
}
/*- Tables -*/
table tbody, table tfoot, table thead {
    border:0;
    background-color:inherit;
}
table tbody td, table tbody th, table tfoot td, table tfoot th, table thead td, table thead th {
    padding:inherit;
    font-weight:inherit;
    text-align:inherit;
}
/*------->>> 2. RESETS AND OVERRIDES <<<-------*/
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 {
	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;
}
html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
html, html a, body  {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
html, body {
	height:auto;
	min-height:100%;
}
body {
	line-height:1;
	box-sizing:border-box;
    margin:0;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
main, li {
    display:block;
}
a, button {
    color:inherit;
    transition:.3s;
}
a {
    text-decoration:none;
}
button {
    overflow:visible;
    border:0;
    font:inherit;
    -webkit-font-smoothing:inherit;
    letter-spacing:inherit;
    background:none;
    cursor:pointer;
}
::-moz-focus-inner {
    padding:0;
    border:0;
}
:focus {
    outline:0;
}
img {
    max-width:100%;
    height:auto;
    border:0;
}
/* Box Model Reset */
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Form Resets */
input, label, select, button, textarea {
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}
/* Remove the stupid outer glow in Webkit */
input:focus, select:focus{
	outline:0;
}
/* All of our custom controls should be what we expect them to be */
input, textarea {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{
}
input[type=checkbox], input[type=radio] {
/*	width:13px;
	height:13px;*/
}
input[type=file] {
}
input[type=search] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}
::-webkit-search-decoration {
	display:none;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}
::-webkit-file-upload-button {	
	padding:0;
	border:0;
	background:none;
}
textarea  {
	vertical-align:top;
	overflow:auto;
}
select {
}
select[multiple] {
	vertical-align:top;
}
/*- Fix red outline for required fields in FF & Safari -*/
input:invalid {
	box-shadow:none;
}
/*------->>> 3. BASIC STYLES <<<-------*/
html {
	font-size:16px;
}
body, html {
	font-family:"Open Sans",sans-serif;
	font-weight:400;
	color:#000;
}
a, a:link, a:active, a:visited {
	color:#7e2935;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
a:hover {
	color:#1e314a;
}
abbr { /* Replaces acronym */
	color:  #7e2935;
	text-decoration: none;
	border: 0px;
	cursor: help;
}
blockquote {
	display:block;
	padding:0 0 0 55px;
	position:relative;
	font-style:italic;
	border-bottom:3px solid #1d314a;
}
blockquote:before {
	content: "\201C";  
	font-family:arial, sans-serif;
	font-size:10rem;
	font-style:normal;
	color:#1d314a;
	position: absolute;
	left:-8px;
	top:-15px;
}
blockquote::after{
	content:"";
}
blockquote p {
	font-size:1.375rem;
	font-style:italic;
	font-weight:400;
	color:rgba(0,0,0,0.5);
}
blockquote cite {
	display:block;
	position:relative;
	margin:5px 0;
	text-align:right;
	color:rgba(0,0,0,0.5);
}
blockquote cite:before {
    content: '\2014 \0020';
}
em { /* Replaces <i> */
	font-style:italic;
}
hr { 
	border:0; 
	height:1px;
	position:relative;
	margin:1em 0;
}
hr:before {
	top:-0.5em;
	height:1em;
}
hr:after {
	content:'';
	height:0.5em;
	top:1px;
}
hr:before, hr:after {
	content:'';
	position:absolute;
	width:100%;
}
hr, hr:before {
	background:-moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
	background:-webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
	background:-webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background:-o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background:-ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background:radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}
hr:after {
    background:#fff;
}
i { /* Outdated, still used for Font Awesome and Flexnav Menu Icons */
	font-style:normal;
}
small {
	font-size:80%;
}
strong { /*  Replaces outdated <b> */
	font-weight:bold;
}
sup, sub {
	position:relative;
	top:-0.4em;
	vertical-align:baseline;
}
sub {
	top:0.4em;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"proxima-nova", sans-serif;
	font-weight:400;
	color:#283c53;
	line-height:1;
}
h1 {
	font-size:2.25rem;
	color:#7e2935;
	text-transform:uppercase;
}
h2 {
	font-size:1.625rem;
	text-transform:uppercase;
}
h3 {
	font-size:1.5rem;
}
h4 {
	font-size:1.25rem;
	text-transform:uppercase;
}
h5 {
	font-size:1.125rem;
}
h6 {
	font-size:1rem;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight:inherit;
	font-family:"Open Sans", sans-serif;
	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 {
	font-weight:inherit;
	font-size:inherit;
	color:inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:inherit;
}
p, li, td, dt, dd {
	font-size:1rem;
	line-height:1.750rem;
}
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, table, blockquote, form {
	margin:1.5rem 0;
}
h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h2 + ul, h3  + ul, h4 + ul, h5 + ul, h6 + ul,
h2 + ol, h3  + ol, h4 + ol, h5 + ol, h6 + ol,
h2 + table, h3  + table, h4 + table, h5 + table, h6 + table {
	margin-top:-1.3rem;
}
ul:not([class]) {
	list-style: none;
	padding:0 0 0 1.25rem;
}
ul:not([class]) li {
	padding-left:0.625rem;
	position: relative;
}
ul:not([class]) li:before {
	content: "";
	height:0.375rem;
	width:0.375rem;
	background:#7e2935;
	position:absolute;
	top:0.75rem;
	left:0;
	border-radius:100%;
}
nav ul:not([class]),
form ul:not([class]) {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul:not([class]) li,
form ul:not([class]) li {
	padding: 0;
}
nav ul:not([class]) li:before,
form ul:not([class]) li:before {
	display: none;
}
ol:not([class]) {
	list-style: none;
	padding:0 0 0 1.25rem;
}
ol:not([class]) li {
	position: relative;
	padding-left:1rem;	
	counter-increment: step-counter;
}
ol:not([class]) li:before {
	content: counter(step-counter) ".";
	color:#7e2935;
	font-weight:700;
	position:absolute;
	top:0;
	left:0;
}
/*- Highlighting on Select [Click and Drag] -*/
::-moz-selection {
	background:#e7e7e7;
	color:#1d314a;
}
::selection {
	background:#e7e7e7;
	color:#1e314a;
}
/*------->>> 4. GLOBAL STYLES <<<-------*/
/*- button styling -*/
.btn {
	display:inline-block;
	position:relative;
	padding:9px 20px;
	font-family:"proxima-nova", sans-serif;
	font-size:1rem;
	font-weight:400;
	color:#fff;
	text-align:center;
	text-decoration:none;
	border:3px solid #fff;
	box-shadow: 0px 1px 18px 0px rgba(21, 21, 21, 0.5);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.btn.large {
	font-size:1.313rem;
}
a.btn,
a.btn:hover {
	color:#fff;
}
.btn.primaryBg {
	background:#1d314a;
}
.btn.secondaryBg {
	background:#7e2935;
}
.btn:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn.secondaryBg:after {
	background:#1d314a;
}
.btn.primaryBg:after {
	background:#7e2935;
}
.btn.primaryBg:hover:after,
.btn.secondaryBg:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
/*- link class with arrows -*/
.more {
	font-weight:700;
	position:relative;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.more:after {
	position:relative;
	right:2px;
 	font-family:"FontAwesome";
	content:" \f101";
	font-weight:400;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.more:hover:after {
	right:-3px;
}
/*- shadowed sections |  Meet Our Team, Contact -*/
.shadowed .column.column-block {
	padding:0;
}
.shadowed section {
	position:relative;
	box-shadow: 0px 2px 12px 0px rgba(21, 21, 21, 0.21);
	margin:0.625rem 0.438rem;
	padding:0;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.shadowed section:hover {
	box-shadow: 0px 2px 24px 0px rgba(21, 21, 21, 0.5);
}
.shadowed section h3,
.shadowed section p {
	padding-right:1.5rem;
	padding-left:1.5rem;
}
.shadowed section .flex-container {
	margin-right:1.5rem;
	margin-left:1.5rem;
}
.shadowed section h3 a,
.primaryContent .shadowed section h3 a:not([class]) {
	font-weight:400;
}
.shadowed section h3 a:hover {
	color:#7e2935;
}
.shadowed section .fa {
	font-size:0.875rem;
	color:#23374E;
	margin-right:0.5rem;
}
.shadowed section p {
	font-size:0.875rem;
}
.shadowed section p.open a {
	border:1px solid #1d314a;
	display:block;
	position:absolute;
	bottom:1.5rem;
	right:1.5rem;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:1.5rem;
	color:#1d314a;
	text-align:center;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;		
}
.shadowed section p.open a:hover {
	border:1px solid #7e2935;
	color:#7e2935;
}
.shadowed section img.block {
/*	margin:-0.5rem -3rem 0 0;*/
	margin:0;
}
.shadowed section img.block.positionCenter {
	margin:0 auto;
}
/*---> Utility Classes <---*/
/*- backgrounds -*/
.primaryBg	{
	background-color:#1d314a;
}
.secondaryBg	{
	background-color:#7e2935;
}
.tertiaryBg {
	background-color:/*#e7e7e7*/#D6D6D6;
}
.supportBg {
	background-color:#000;
}
/*- display -*/
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:inline-block;
}
.isHidden {
	display:none;
}
.flex {
	display:flex;
}
/*- width and height -*/
.width20 {
	width:20%;
}
.width25 {
	width:25%;
}
.width33 {
	width:33%;
}
.width40 {
	width:40%;
}
.width50  {
	width:50%;
}
.width66 {
	width:66%;
}
.width75 {
	width:75%;
}
.width100  {
	width:100%;
}
.height50 {
	height:50%;
}
.height100 {
	height:100%;
}
/*- positioning -*/
.fixed    {
	position: fixed;
}
.relative {
	position:relative;
}
.absolute {
	position: absolute;
}
.static {
	position:static;
}
.valignMiddle {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.alignCenter {
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
.positionCenter{
	left:0;
	right:0;
	margin:0 auto;
}
/*- floats -*/
.clearfix {
	zoom:1;
}
.clearfix:before, 
.clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.floatLeft  {
	float:left;
}
.floatRight {
	float: right;
}
/*- typography -*/
.ellipse {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.break-word {
	word-wrap: break-word;
}
.no-wrap {
	white-space: nowrap;
}
.primaryColor {
	color:#1d314a;
}
.secondaryColor {
	color:#7e2935;
}
.tertiaryColor {
	color:#e7e7e7;
}
.supportColor {
	color:#000;
}
.primaryFont {
	font-family:"Open Sans", sans-serif;
}
.secondaryFont {	
	font-family:"proxima-nova", sans-serif;
}
.underline {
	text-decoration:underline;
}
.uppercase {
	text-transform:uppercase;
}
/*- text alignment -*/
.textLeft {
	text-align:left;
}
.textCenter {
	text-align:center;
}
.textRight {
	text-align:right;
}
.textJustify {
	text-align:justify;
}
/*------->>> 5. HEADER STYLES <<<--------*/
header {
	position:relative;
	padding-bottom:0;
	box-shadow: 0px 2px 12px 0px rgba(21, 21, 21, 0.25);
	z-index:5000;
}
header .branding {
	position:relative;
	box-shadow: 0px 2px 12px 0px rgba(21, 21, 21, 0.25);	
}
header .branding a {
	display:block;
	padding:2rem 0 1rem;
}
header .call {
	background:rgba(0,0,0,0.75);
}
header .call p {
	margin:0.875rem 0;
}
header .call a, header .call a:hover {
	color:#fff;
	font-size:1.25rem;
}
/*------->>> 6. HERO STYLES <<<-------*/
.hero  {
	display:block;
	width:100%;
	height:0;
	padding:0 0 60% 0;
	margin-top:-57px;	
	overflow:hidden;	
	position:relative;
	box-shadow: 0px 2px 12px 0px rgba(21, 21, 21, 0.25);
}
#interior .hero {
	z-index:550;	
}
.hero img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:auto;
	min-height:100%;
	max-height:100%;
	max-width:none;
	margin:0 auto;
	left: -100%;
	right: -100%;
}
.hero .messaging {
	position:absolute;
	display:block;
	width:100%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
.hero .messaging h3 {
	font-size:20px;
	text-align:center;
	color:rgba(0,0,0,0.8);
	text-transform:uppercase;
	margin:0;
}
/*- Index Specific Styles -*/
#index .hero {
	height:auto;
	padding:0;
	margin-top:0;
	overflow:visible;
}
#index .hero img {
		position:static;
		width:100%;
		max-width:100%;
		height:auto;
		min-height:0;
		margin:0;
		left:auto;
		right:auto;	
}
#index .hero .show-for-small-only img:nth-of-type(1) {
	margin-top:-57px;
}
#index .hero .show-for-small-only img:nth-of-type(2) {
	max-width:125px;
	margin:0 auto;
	position:absolute;
	top:calc(50% + 25px);
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
/*------->>> 7. SLICK SLIDER <<<-------*/
.heroSlider {
	width:100%;
	margin:0;
}
 .heroSlider li {
	 position:relative;
 }
 .slick-loading .slick-list {
	background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}
 .slick-slider { /*- ul class */
 }
.slick-slide { /*- li  class */
	margin: 0;
}
.slick-slide img {
	display:block;
	width:100%;
	height:auto;
	position:relative;
	top:0;
	left:0;
	right:0;
	margin:0;
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transform: scale(1.2);	
}
.slick-active img {
	transform: scale(1);
}
.slider-track {
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
/*- Messaging -*/
.slick-slide .messaging {
	display:block;
	width:100%;
	text-align:center;
	position:absolute;
	padding-top:57px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
.slick-slide .messaging h2 {
	font-size:1.750rem;
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	text-shadow: 0px 1px 21px rgba(21, 21, 21, 0.63);		
}
.slick-slide .messaging h2 span {
	color:rgba(0,0,0,0.8);
	text-shadow:none;	
}
/*------->>> 8. PRIMARY CONTENT <<<-------*/
main {
	position:relative;
	background:#fff;
}
.primaryContent {
	padding-bottom:20px;
}
.primaryContent img {
	margin:7px 0;
	padding:0;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.primaryContent img.positionCenter {
	margin:0 auto;
}
.primaryContent img.floatLeft {
	margin-right:7px;
}
.primaryContent img.floatRight {
	margin-left:7px;
}
.primaryContent img.styled {
	padding:3px;
	background:#fff;
	box-shadow:0px 2px 12px 0px rgba(21, 21, 21, 0.21);
}
.primaryContent a:not([class]), 
.primaryContent a:link:not([class]), 
.primaryContent a:active:not([class]), 
.primaryContent a:visited:not([class]) {
	font-weight:700;
}
.primaryContent a:hover:not([class]) {
}
.primaryContent a.more {
	font-weight:700;
}
.primaryContent a.phone,
.primaryContent a.phone:hover {
	font-weight:inherit;
	color:inherit;
}
/*- Index Specific -*/
#index main {
	background:rgba(0,0,0,1);
	color:#fff;
	position:relative;
	text-align:center;
/*	margin-top:-308px;*/
}
#index main h1:first-of-type {
	color:#8b8b8b;	
	margin-bottom:-1rem;
}
#index .primaryContent {
	padding:0.5rem 0.625rem;
}
#index .primaryContent p {
	font-size:0.99rem;
}
/*------->>> 9. SECONDARY CONTENT <<<-------*/
.secondaryContent {	
}
.secondaryContent dl {
	background:#E7E7E7;
	padding-bottom:0.313rem;
}
.secondaryContent dl dt {
	margin:0.313rem 0;
	padding:0.625rem 0.625rem;
	background:#aaaaaa;
	font-family:"proxima-nova", sans-serif;
	font-size:1.625rem;
	font-weight:400;
	line-height:1;
	color:#fff;
}
.secondaryContent dl dt:first-of-type {
	margin-top:0;
}
.secondaryContent dl dd {
	margin:0;
	line-height:1.2;
	padding:0.438rem 0.625rem;	
}
/*------->>> 10. ACCORDION <-------*/
.accordion-list {
	list-style-type: none;
	padding:0;
	margin:0;
}
.accordion-list > li:before {
	display:none;
}
.accordion-toggle {
	background:#191919;
	padding:0.625rem;
	margin-top:1.25rem;
	position: relative;
	border:2px solid #fff;
	box-shadow: 0px 1px 18px 0px rgba(21, 21, 21, 0.5);	
	cursor: pointer;
	z-index:1;
}
.accordion-toggle:before {
	content: "";
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#666666;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	z-index:5;
}
.accordion-toggle:hover:before,
.accordion-toggle.active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.accordion-toggle:after {
	display:block;
	width:30px;
	height:30px;
	content:"+";
	font-size:1.5rem;
	text-align:center;
	line-height:25px;
	color:#ccc;
	border:1px solid #ccc;
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	z-index:10;
 }	
.accordion-toggle:hover:after,
.accordion-toggle.active:after {
	border:1px solid #fff;
	color:#fff;
}
.accordion-toggle.active:after {
	content:"-";
}
.accordion-toggle h2 {
	position:relative;
	color:#fff;
	text-transform:none;
	z-index:15;
	margin:0;
	text-align:center;
	font-weight:400;
}
.accordion-panel {
	max-height: 0;
	padding:0 0.625rem;	
	-webkit-transition:all 0.5s linear;
	transition:all 0.5s linear;
	opacity: 0;
	overflow: hidden;
	position: relative;
}
.accordion-panel.accordion-panel-show {
	max-height: 2000px;
	opacity: 1;
	-webkit-transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);	
}
/*------->>> 11. VCARD <<<-------*/
.vCard {
	position:relative;
	text-align:center;
}
.vCard img {
	display:block;
	width:100%;
	margin:0;
}
.vCard .messaging {
	padding:0 1rem;
	position:relative;
	background:#1d314a;
	height:350px;
}
.vCard .messaging h1 {
	margin-top:0;
	color:#fff;
}
.vCard .messaging p {
	color:#fff;
}
.vCard .messaging a {
	font-weight:400 !important;
	color:#fff;
}
.vCard .messaging a:hover {
	text-decoration:underline;
}
.vCard .messaging .social a,
.vCard .messaging .social a:link,
.vCard .messaging .social a:active,
.vCard .messaging .social a:visited {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:0.75rem;
	background:#fff;
	font-size:1rem;
	color:#1d314a;
	text-align:center;
	line-height:30px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:50;
}
.vCard .messaging .social a:last-child {
	margin-right:0;
}
.vCard .messaging .social a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#7e2935;	
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	z-index:60;
}
.vCard .messaging .social a:hover {
	color:#fff;
}
.vCard .messaging .social a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.vCard .messaging .social a .fa {
	position:relative;
	z-index:70;
}
.vCard .messaging .social a .fa-justia {
	font-family:"proxima-nova", sans-serif;
	font-size:1.5rem;
	font-weight:700;
}
/*------->>> 12. NEWS <<<-------*/
.news-div { /*- Add to p for styles */
}
.news-div .newsHeader {
		margin-top:2rem;
}
.news-div .newsHeader .date, .news-div .newsHeader .title {
	display:none;
}
.news-div .date {
	display:none;
}
.news-div .title {
	font-family: 'proxima-nova', sans-serif;	
	font-size:1.25rem;
	text-transform:uppercase;
	padding:0 0 0.875rem 0;
	margin-left:0;
	width:100%;
}
.news-div .title a {
	font-weight:400 !important;
	color:#7e2935;
	line-height:1.1;
}
.news-div .title a:hover {
	color:#1e314a;
}
.news-div .short_description {
	font-size:1rem;
	line-height:1.750rem;
}
.news-div .short_description {
	padding-bottom:1.5rem;
	border-bottom:1px dotted #000;	
	margin:0 0 2rem 0;
}
.news-div #dirNav {
	padding:0 0 2rem 0;
}
.news-div #spanNavText {
	font-size:0.875rem;
	font-weight: 600;		
	line-height:1.1;
}
.news-div #pageNext, /*- Link Class -*/
.news-div #page-previous {
}
.news-div select {
	max-width:200px;
}
/*- News Articles [PHP Include on Index] -*/
ul.newsArticles {
	display:block;
	list-style-type:none;
	margin:0.5rem 0 0 0;
	padding:0;
	background:transparent;
}
ul.newsArticles li {
	background:#fff;	
	display:block;
	position:relative;
	width:100%;
	overflow:hidden;
	text-indent:0;
	margin-bottom:1.25rem;	
	color:#1d314a;
	box-shadow: 0px 1px 10px 0px rgba(21, 21, 21, 0.48);
}
ul.newsArticles li:last-child {
	margin-bottom:0;
}
ul.newsArticles li:before {
	display:none;
}
ul.newsArticles li a .pageHeader {
	display:block;
	width:75px;
	height:100%;
	background:#691c28;
	position:absolute;
	top:0;
	right:0;
	font-size:0;
	color:transparent;
	font-size:1.125rem;
	text-decoration:none;
	font-weight:700;
}
ul.newsArticles li a .pageHeader:before {
	background:#1d314a;	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transform-style:preserve-3d;	
}
ul.newsArticles li a .pageHeader:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
ul.newsArticles li a .pageHeader:after {
	content:"+";
	display:block;
	width:auto;
	height:auto;
	color:#fff;
	font-size:2rem;
	font-weight:normal;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}
ul.newsArticles li .shortDescription {
	margin:0;
	padding:15px 90px 15px 15px;
	line-height:1.4rem;
}
/*------->>> 13. CALLOUT STYLES <<<-------*/
.callouts {
	padding:1.5rem 0 1.750rem 0;
	background:#d5d5d5;
}
#index .callouts {
	padding:2.5rem 0 3rem 0;	
	background:#fff;
}
.callouts h2 {
	font-size:2.25rem;
	color:#7e2835;
	text-align:center;
	text-transform:uppercase;
}
.callouts section a {
	position:relative;
	display:block;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 58% 0;
	margin-bottom:20px;
	border:4px solid #fff;
	background:#1d314a;
	box-shadow: 0px 1px 18px 0px rgba(21, 21, 21, 0.5);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
 .callouts section a:before {
	display:block;
	width:25px;
	height:25px;
	content:"+";
	text-align:center;
	line-height:25px;
	color:#ccc;
	border:1px solid #ccc;
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;	
 }
 .callouts section a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#7e2935;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
 .callouts section a h3 {
	margin:0;	 
	width:100%;
	font-size:1.750rem;
	color:#fff;
	text-align:center;	
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
 }
 /* Interior Specific */
 #interior .callouts .medium-6:first-of-type section a  {
	background:url(../images/img-callouts-transportation.jpg) top center no-repeat;
}
#interior .callouts .medium-6:first-of-type section a:after {
	background:url(../images/img-callouts-transportation-hover.jpg) top center no-repeat;
}
#interior .callouts .medium-6:nth-of-type(2) section a  {
	background:url(../images/img-callouts-tort.jpg) top center no-repeat;
}
#interior .callouts .medium-6:nth-of-type(2) section a:after  {
	background:url(../images/img-callouts-tort-hover.jpg) top center no-repeat;
}
#interior .callouts .medium-6:nth-of-type(3) section a  {
	background:url(../images/img-callouts-product.jpg) top center no-repeat;
}
#interior .callouts .medium-6:nth-of-type(3) section a:after {
	background:url(../images/img-callouts-product-hover.jpg) top center no-repeat;
}
#interior .callouts .medium-6:last-of-type section a  {
	background:url(../images/img-callouts-bus-lit.jpg) top center no-repeat;
}
#interior .callouts .medium-6:last-of-type section a:after  {
	background:url(../images/img-callouts-bus-lit-hover.jpg) top center no-repeat;
}
 /*- Hover States -*/
.callouts section a:hover:before {
	border:1px solid #fff;
	color:#fff;
}
.callouts section a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
/*------->>> 14. CTA <<<-------*/
.cta {
	position:relative;
	box-shadow: 0px 2px 10px 0px rgba(21, 21, 21, 0.61);
}
.cta .columns {
	padding:0;
}
.cta .pic {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.cta .ourSuccess .pic,
.cta .ourPromise .pic {
	height:550px;
	transition:all 0.5s ;
	-webkit-transition:all 0.5s ;
	-o-transition:all 0.5s ;
	-moz-transition:all 0.5s ;
}
.cta section {
	position:relative;
/*	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);*/	
	padding:50px 15px 0;
	max-width:580px;
}
.cta h2 {
	font-size:1.875rem;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	margin-bottom:2.813rem;
}
.cta .ourSuccess {
	text-align:right;
}
.cta .ourSuccess .pic {
	background:url(../images/bg-our-success.jpg) top right no-repeat;
	background-size:cover;		
}
.cta .ourSuccess section {
	display:inline-block;
	text-align:left;
}
.cta .ourPromise {	
	color:#fff;
}
.cta .ourPromise .pic {
	background:url(../images/bg-our-promise.jpg) top left no-repeat;
	background-size:cover;
}
.cta .ourPromise p {
	line-height:1.563rem;
	margin:0.5rem 0;
}
.cta .ourPromise h2 + p {
	margin-top:-1rem;
}
/*------->>> 15. FOOTER STYLES <<<-------*/
footer {
	padding-top:20px;
	background:#fff;
}
footer > .row {
	padding-bottom:20px;
}
footer p {
	font-size:0.875rem;
	line-height:1.4rem;
	color:#1d314a;
}
footer .branding img {
	margin-bottom:2.5rem;
}
footer .address p + p {
	margin-top:-1rem;
}
footer .branding a {
	color:#1d314a;
}
footer .branding a:hover {
	color:#7e2935;
	border-bottom:1px dotted #7e2935;	
}
footer .address .phone,
footer .addres .phone:hover {
	color:#1d314a;	
}
footer .social a,
footer .social a:link,
footer .social a:active,
footer .social a:visited {
	position:relative;
	display:inline-block;
	background:#1d314a;
	width:30px;
	height:30px;
	margin-left:0.75rem;
	margin-bottom:0.75rem;
	font-size:1rem;
	color:#fff;
	text-align:center;
	line-height:30px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:50;
}
footer .social a:first-child {
	margin-left:0;
}
footer .social a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#7e2935;	
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transform-style:preserve-3d;	
	z-index:60;
}
footer .social a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
footer .social a .fa {
	position:relative;
	z-index:70;
}
footer .captiva {
	background:url(../images/bg-footer-captiva.jpg) top left repeat;
	padding:0.75rem 0;
}
footer .captiva p {
	margin:0;
	line-height:1;
}
footer .captiva p,
footer .captiva p a {
	font-size:0.75rem;
	color:#adadad;
}
footer .captiva a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}
/*------->>> 16. FORMS <<<-------*/
.formElements h2 {
	margin:1.5rem 0;
	font-family: 'proxma-nova', sans-serif;
	font-weight:400;
	font-size:1.625rem;
	line-height:1;
	color:#283c53;
}
.formElements .row {
	clear:none;
	margin-left: auto;
	margin-right: auto
}
.formElements .row > ul {
	width:100%;
	padding:0;
	display:block;
}
.formElements .row > ul > li label {
	font-family:'proxima-nova', sans-serif;
	font-size:1.125rem;
	font-weight:400;
	color:#1d314a;
}
.formElements .row > ul > li label .required,
.formElements .row > ul > li.radio span.required {
	font-family:'proxima-nova', sans-serif;
	color: #7e2935;
	font-weight:700;
	font-size:1.125rem;
}
.primaryContent form ul li,
form ul li {
	display:block;
	width:100%;
	position:relative;
	margin:0 0 20px 0;
	padding:0 !important;
	text-indent:0 !important;
}
#form-4503 ul li {
	width: auto;
    margin-right: 1rem;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea,
form select,
select {
	width:100%;
	height:40px;
	margin:3px 0 0 0;
	padding:10px 5px;
	box-sizing:border-box;
	background-color:rgba(242,242,242,0.5);
	font-family:'Open Sans', sans-serif;
	font-size:1rem;
	color:#000;
	line-height:1.4rem;
	border:1px solid #D5D5D5;
	border-left:7px solid #d5d5d5;	
	border-radius:0;
	box-shadow:0 0 5px rgba(21, 21, 21, 0.21);
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
}
form select,
select {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position:100% center;
	background-repeat:no-repeat;
	background-size:25px 7px;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	padding:0px 5px;	
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form textarea:focus,
form select:focus,
form input[type=radio]:focus,
form input[type=checkbox]:focus,
select:focus {
	background-color:#fff;
	border:1px solid #7e2935;
	border-left:7px solid #7e2935;
}
form input[type=radio],
form input[type=checkbox] {
	margin:0 0.313rem 0.250rem 0;
}
form input[type=button],
form input[type=submit] {
	margin:0 !important;
	background:transparent;	
	display:inline-block;
	position:relative;
	padding:15px 25px;
	font-family:"proxima-nova", sans-serif;
	font-size:1rem;
	font-weight:400;
	color:#fff;
	text-align:center;
	text-decoration:none;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
form span.action,
form li input[type=button] {
	display:inline-block;
	position:relative;
	background:#1d314a;
	border:3px solid #fff;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	box-shadow: 0px 1px 18px 0px rgba(21, 21, 21, 0.5);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;	
}
form span.action:before {
	background:#7e2935;	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
form span.action:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
/*- Contact Form -*/
#form-3276 {
}
#form-3276 #row-0 li,
#form-3276 #row-1 li {
	width:calc(50% - 0.313rem);
	float:left;
}
#form-3276 #row-2 li:nth-of-type(1) {
	width:calc(66% - 0.313rem);
	float:left;
}
#form-3276 #row-2 li:nth-of-type(2) {
	width:calc(33% - 0.313rem);
	float:right;
}
#form-3276 #row-0 li:nth-of-type(2),
#form-3276 #row-1 li:nth-of-type(2),
#form-3276 #row-2 li:nth-of-type(2) {
	float:right;
}
#form-3276 #row-3 li {
	width:calc(33% - 0.313rem);
	float:left;
	margin-right:0.563rem;
}
#form-3276 #row-3 li:nth-of-type(3) {
	float:right;
	margin:0;
}
#form-3276 p {
	font-size:0.875rem;
	color:rgba(0,0,0,0.5);
	line-height:1.3rem;
	margin:0;
}
/*------->>> 17. 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;
	height:0;
	overflow:hidden;
	padding-bottom:56.25%;
}
.flex-container.styled {
	box-shadow:0px 2px 12px 0px rgba(21, 21, 21, 0.21);
}
.google-maps iframe,
.flex-container iframe,   
.flex-container object,  
.flex-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*------->>> 18. STYLE GUIDE <<<-------*/
.styleGuide {	
}
.example {
	margin:25px 0;
	position:relative;
	border:1px dotted #333;
	padding:1.875rem 0.938rem;
	box-shadow:0px 2px 12px 0px rgba(21, 21, 21, 0.21);
}
.example:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:75px;
	content:"Example";
	color:#fff;
	background:#1d314a;
	padding:0.313rem 0.438rem;
	font-size:0.813rem;
	text-align:center;
}
code {
	background:#E7E7E7;
	overflow:visible;
	padding-left:5px;
	padding-right:5px;
}
.code {
	position:relative;
	padding:1.875rem 0.938rem;
	border:1px solid #333;
	background:#F5F5F5;
	line-height:1.4;
	font-size:inherit;
}
.code:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:75px;
	content:"Code";
	color:#fff;
	background:#7e2935;
	padding:0.313rem 0.438rem;
	font-size:0.813rem;
	text-align:center;
}
.code code {
	background:tranparent;
	padding:0;
	color:#d32027;
}
.colors {
	padding-top:1rem;
	padding-bottom:1.5rem;
}
.colors .box {
	margin-top:0.938rem;
	background:#fff;
	border:1px solid #333;
	box-shadow:0px 2px 12px 0px rgba(21, 21, 21, 0.21);
}
.colors .box div {
	width:100%;
	padding-top:0.7em;
	height:75px;
}
.colors .box div h6 {
	color:#fff;
	font-weight:400;
}
.colors .small-12:nth-child(3) .box div h6 {
	color:#000;
}