/*! style.css v5.0.0 */

/**
* Theme Name:  MET Labs
* Theme URI:   http://www.metlabs.com/
* Description: Website theme.
* Author:      Wood Street, Inc.
* Author URI:  http://woodst.com
* Version:     1.00
* Copyright:   2015, All Rights Reserved.
*/

/**
* Table of Contents:
* 0.0 - MET Brand Elements
* 1.0 - Reset
* 2.0 - Core
* 3.0 - Components
* 4.0 - Modules
*/

/**
* Breakpoints:
*
* xs < 543px
* sm > 544px & < 767px
* md > 768px & < 1023px
* lg > 1024px & < 1279px
* xl > 1280px
*/

/* ##########################################################################
M E T   B R A N D  &  S I Z E   E L E M E N T S
########################################################################## */

/* Quick Position & Dimenions Sizes */
.dim1 {position: relative; margin: 0 auto !important; display: table}
.dim2 {position: relative; float: left; display: table}
.dim3 {position: relative; float: right; display: table}
.dim4 {position: absolute; margin: auto; left: 0; right: 0; display: table}
.dim5 {position: relative; margin: 0 auto; padding: 0; display: table}
.dim6 {position: relative; margin: 0 auto; display: table}
.dim7 {position: relative; display: table}
.dim8 {position: absolute; left: 0; display: table}
.dim9 {position: absolute; right: 0; display: table}
.dim10 {position: absolute; margin: auto;}
.dim11 {position: absolute; margin: auto; left: 0; right: 0;}
.dim12 {position: relative; margin: 0 auto !important; display: block}
.dim13 {position: fixed; right: 0; display: table}

.vert20 {height: 100%; min-height: 200px}
.vert2 {height: 200px !important; min-height: 200px}

.bar1 {width: 100% !important;}
.bar95 {width: 95% !important}
.bar9 {width: 90% !important}
.bar85 {width: 85% !important}
.bar8 {width: 80% !important}
.bar75 {width: 75% !important}
.bar7 {width: 70% !important}
.bar65 {width: 65% !important}
.bar6 {width: 60% !important}
.bar55 {width: 55% !important}
.bar5 {width: 50% !important}
.bar45 {width: 45% !important}
.bar4 {width: 40% !important}
.bar35 {width: 35% !important}
.bar33 {width: 33% !important}
.bar32 {width: 32% !important}
.bar3 {width: 30% !important}
.bar25 {width: 25% !important}
.bar2 {width: 20% !important}
.bar15 {width: 10% !important}
.bar {width: 10% !important}

/* Quick MET Brand Colors & Elements */
.metbrand {color:#8c1d2e}.metbrand2 {color:#424242}.metbrand3 {color:#202120}.metbrand4 {color:#ffffff}.metbrand5 {color:#b41747}

h1.brand,h2.brand,h3.brand,h4.brand,h5.brand,h6.brand 
{font-family: Roboto, Helvetica Neue, Arial, sans-serif !important; margin: 0 !important; padding: 0}
/*h1.brand {font-size: 42pt; font-weight: 600;}
h1.brand2 {font-size: 26pt; font-weight: 400; letter-spacing: -2pt !important}
h1.brand3 {font-size: 32pt; font-weight: 400; letter-spacing: -1pt !important}

h4.brand {font-size: 20pt; font-weight: 300; text-align: left !important; line-height: 1.1}
h4.brand1 {font-size: 20pt; font-weight: 200; text-align: center !important; padding-top: 6px !important}*/

h1.prime-title,h2.prime-title,h3.prime-title,h4.prime-title,h5.prime-title,prime-title 
{font-family: Roboto, Helvetica Neue, Arial, sans-serif !important; color: #fff !important; padding: 40px 18px 0 18px; margin: 0 !important; z-index: 100}



/* Quick Font Sizes */
.f44 {font-size: 44pt}
.f42 {font-size: 42pt}
.f40 {font-size: 40pt}
.f38 {font-size: 38pt}
.f36 {font-size: 36pt}
.f34 {font-size: 34pt}
.f32 {font-size: 32pt}
.f30 {font-size: 30pt}
.f28 {font-size: 28pt}
.f27 {font-size: 27pt}
.f26 {font-size: 26pt}
.f24 {font-size: 24pt}
.f21 {font-size: 21pt}
.f18 {font-size: 18pt}
.f16 {font-size: 16pt}
.f14 {font-size: 14pt}
.f12 {font-size: 12pt}
.f11 {font-size: 11pt}
.f10 {font-size: 10pt}
.f9 {font-size: 9pt}
.f8 {font-size: 8pt}

/* Quick Weights Classes */
.w800 {font-weight: 800}
.w700 {font-weight: 700}
.w600 {font-weight: 600}
.w500 {font-weight: 500}
.w400 {font-weight: 400}
.w300 {font-weight: 300}
.w200 {font-weight: 200}
.w100 {font-weight: 100}

/* Quick Paragraph Classes */
.pl {text-align: left}
.pm {text-align: center}
.pr {text-align: right}

.lsp-2 {letter-spacing: -2pt !important}
.lsp-1 {letter-spacing: -1pt !important}
.lsp-05 {letter-spacing: -0.5pt !important}

.ttrn {text-transform: uppercase}

.met-brand {color:#8C1D2E} .met-brand2{color:#424242}
.met-brand-bg {background:#8C1D2E} .met-brand-bg2 {background:#b41747} .met-brand-bg3 {background:#e7e7e7}
.promo-space {}
.promo-headline {position:relative; overflow:hidden !important; box-shadow: 2px 4px 5px rgba(0,0,0,.5)}
.promo-ad {max-width:1525px !important; z-index:1000 !important}
.promo-ad:hover {}
.promo-banner {padding:0 !important; margin: 0 !important; float: right !important}
.promo-banner img {width: 100% !important}
.promo-bg {min-height: 180px !important; top: 0}

/* ##########################################################################
		  R E S E T
########################################################################## */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
*    without disabling user zoom.
*/

html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}

/**
* Remove default margin.
*/

body {
margin: 0;
}

/* HTML5 display definitions
========================================================================== */

/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
display: none;
height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/

[hidden],
template {
display: none;
}

/* Links
========================================================================== */

/**
* Remove the gray background color from active links in IE 10.
*/

a {
background-color: transparent;
}

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/

a:active,
a:hover {
outline: 0;
}

/* Text-level semantics
========================================================================== */

/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
border-bottom: 1px dotted;
text-decoration: none;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/

dfn {
font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/

h1 {
font-size: 2em;
margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
background: #ff0;
color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/* Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9/10.
*/

img {
border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/

svg:not(:root) {
overflow: hidden;
}

/* Grouping content
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari.
*/

figure {
margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
box-sizing: content-box;
height: 0;
}

/**
* Contain overflow in all browsers.
*/

pre {
overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

/* Forms
========================================================================== */

/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/

/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/

button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/

button,
select {
text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {

cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

input {
line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/

input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/




fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
font-weight: bold;
}

/* Tables
========================================================================== */

/**
* Remove most spacing between table cells.
*/

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*! screen.css */

/* ##########################################################################
			C O R E
########################################################################## */


/*Salesforce 
========================================================================== */
#webleadcontact {display: table; max-width: 284px; overflow: hidden}
.form-field, .label, .submit {background:#fff}
p.form-field {position: relative; padding: 0 0 2px 0; display: table; width:100% !important; float: left;margin:0 !important}
label.field-label {width: 100%; font-size: 8pt; font-weight: bold; color: #323232 !important; position: relative; padding: 5px 0 2px 0; clear:both !important}
input.text, textarea.standard  {width: 90%; height: 30px; background: #f6f6f7 !important; font-size: 12pt; position: relative; padding: 0 10px; border: solid 1px rgba(1,1,1,.085)}
p.form-field .select {width: 92%; height: 30px; background: #f6f6f7 !important; font-size: 12pt; color: #424242 !important; float: left; position: relative; padding: 0 10px; border: solid 1px rgba(1,1,1,.085)}
p.submit, .submit {width: 100%; position: relative; margin: 0 auto !important; display: table !important; padding: 7px 0 0 0}
p.submit input {width: 200px; height: 44px; background: #8c1d2e; font-size: 10pt; font-weight: 400; color: #ffffff !important; letter-spacing: 1pt; text-transform: uppercase; padding: 15px 10px; border: none !important; float:left !important; display: block !important;margin: 0 !important; align-items:stretch !important}
p.submit input:hover {background: #701724; cursor: pointer}
p.errors {font-size: 12pt; font-weight: bold; color: rgb(191,0,0) !important; margin: 0 !important; padding: 1em 0}
p.no-label {font-size: 9pt; font-weight: bold; color: rgb(191,0,0) !important; margin: 0 !important}

/* Fonts
========================================================================== */

/**
* 'Open Sans', sans-serif;
* 'Roboto', sans-serif;
*/

/* Reset
========================================================================== */

@-ms-viewport {
width: device-width;
}

/**
* Box model.
*/

html {
box-sizing: border-box;
}

*,
:before,
:after {
box-sizing: inherit;
}

/**
* Remove margin and paddings.
*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
figure,
figcaption,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}

/**
* Give a help cursor to elements that give extra info on `:hover`.
*/

abbr[title],
dfn[title] {
cursor: help;
}

/**
* 1. So that `alt` text is visually offset if images don’t load.
* 2. So that iamge is aligned to the middle.
*/

img {
font-style: italic;
/* 1 */
vertical-align: middle;
/* 2 */
}

/**
* So that label text is aligned to the top.
*/

textarea {
vertical-align: top;
}

/* Base
========================================================================== */

html {
background: #fff;
/*min-width: 320px;*/
}

body {
background: #fff;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 24px;
}

/* Links
========================================================================== */

a {
	/*color: #b41747;*/
	color: rgba(109, 150, 189, 1);
	text-decoration: none;
}

a:hover {
color: #808183;
text-decoration: none;
}

a[href^=tel] {
color: inherit;
text-decoration: none;
}

.appleLinks a {
color: #000;
text-decoration: none;
}

.appleLinksWhite a {
color: #fff;
text-decoration: none;
}

/* Text-level semantics
========================================================================== */

/**
* Headings 1–6.
*/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #000;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}

h1,
.h1 {
color: #003883;
font-size: 28px;
line-height: 32px;
margin-bottom: 24px;
padding-top: 16px;
}

h2,
.h2 {
font-size: 26px;
line-height: 32px;
margin-bottom: 24px;
padding-top: 16px;
}

h3,
.h3 {
font-size: 24px;
line-height: 28px;
margin-bottom: 24px;
padding-top: 16px;
}

h4,
.h4 {
font-size: 22px;
line-height: 24px;
margin-bottom: 20px;
padding-top: 16px;
}

h5,
.h5 {
font-size: 20px;
line-height: 20px;
margin-bottom: 16px;
padding-top: 16px;
}

h6,
.h6 {
font-size: 18px;
line-height: 20px;
margin-bottom: 16px;
padding-top: 16px;
}

@media (min-width: 1024px) {
h1,
.h1 {
font-size: 36px;
line-height: 40px;
}

h2,
.h2 {
font-size: 32px;
line-height: 36px;
}

h3,
.h3 {
font-size: 28px;
line-height: 32px;
}

h4,
.h4 {
font-size: 24px;
line-height: 28px;
}

h5,
.h5 {
font-size: 20px;
line-height: 24px;
}

h6,
.h6 {
font-size: 18px;
line-height: 20px;
}
}

/* end @media */

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
color: inherit;
text-decoration: none;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,



.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
line-height: 1;
}

/**
* Paragraph.
*/

p {
margin-bottom: 24px;
}

.lead {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 24px;
}

@media (min-width: 1024px) {
.lead {
font-size: 20px;
line-height: 28px;
}
	

}

/* end @media */

/**
* Blockquote.
*/

blockquote {
border-left: 4px solid #a21f4e;
margin-bottom: 20px;
padding: 8px 28px;
}

blockquote p:last-of-type {
margin-bottom: 0;
}

/**
* Code.
*/

code {
padding: 2px 4px;
color: #000;
background: #f6f6f7;
border-radius: 4px;
}

kbd {
padding: 2px 4px;
color: #fff;
background: #333;
border-radius: 4px;
}

kbd kbd {
padding: 0;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none;
}

pre {
display: block;
background: #f6f6f7;
border-width: 1px 1px 1px 4px;
border-style: solid;
border-color: #e3e4e6 #e3e4e6 #e3e4e6 #333;
margin-bottom: 20px;
padding: 15px 15px 15px 16px;
word-break: break-all;
word-wrap: break-word;
}

pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
}

/**
* Horizontal rule.
*/

hr,
.hr {
display: block;
border: 0;
border-bottom: 2px solid #e3e4e6;
margin-top: -2px;
padding-top: 20px;
margin-bottom: 40px;
}

/* Images
========================================================================== */

@media (max-width: 767px) {
img {
max-width: 100%;
height: auto;
}
}

/* end @media */

/* Thumbnails
========================================================================== */

.thumbnail {
display: block;
margin-bottom: 20px;
}

.thumbnail > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}

@media \0screen {
.thumbnail img {
width: auto;
}
}

/* end @media */

/* Lists
========================================================================== */

/**
* Ordered and unordered list.
*/

ul,
ol {
margin-bottom: 20px;
padding: 0 16px 0 32px;
}

ul > li {
list-style: none;
}

li {
margin-bottom: 12px;
}

li li {
font-size: 15px;
}

li > ul > li,
li > ol > li {
margin-bottom: 0;
}

li > ol,
li > ul {
margin-top: 12px;
margin-bottom: 12px;
}

/**
* 1. Bullet top offset.
* 2. Bullet left offset to match width of bullet.
*/

ul > li:before {
display: inline-block;
vertical-align: middle;
content: "";
background: #a21f4e;
border-radius: 50%;
width: 6px;
height: 6px;
position: relative;
left: -16px;
margin-top: -2px;
/* 1 */
margin-right: -6px;
/* 2 */
}

ul > li > ul > li:before {
background: #959597;
border-radius: 0;
height: 2px;
}

/**
* Definition list.
*/

dl,
dt,
dd {
margin-bottom: 12px;
}

dl {
margin-bottom: 20px;
padding: 4px 0;
}

dd {
padding-left: 32px;
}

/* Forms
========================================================================== */

fieldset {
border: 0;
}

legend {
display: block;
width: 100%;
}

label {
display: inline-block;
font-family: 'Roboto', sans-serif;
font-weight: 600;
margin-bottom: 4px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: inherit;
text-overflow: ellipsis;
opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
color: inherit;
text-overflow: ellipsis;
opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: inherit;
text-overflow: ellipsis;
opacity: 1;
}

input,
select,
textarea {
background: #f6f6f7;
border: 2px solid #e3e4e6;
color: #808183;
font-family: inherit;
font-size: 15px;
height: 40px;
padding: 0 0 0 14px;
}

input[type="checkbox"],
input[type="radio"] {
background: none;
border: 0;
width: auto;
height: auto;
margin: 0 4px 0 0;
padding: 0;
}

select {
padding-left: 10px;
}

select[multiple] {
height: auto;
}

textarea {
height: 160px;
padding: 7px 15px;
resize: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,

html select,
html textarea,
html input[type="text"],
html input[type="password"],
html input[type="datetime"],
html input[type="datetime-local"],
html input[type="date"],
html input[type="month"],
html input[type="time"],
html input[type="week"],
html input[type="number"],
html input[type="email"],
html input[type="url"],
html input[type="tel"] {
font-size: 16px;
line-height: normal;
}
}

/* end @media */

/**
* Form item.
*/

.form-item {
margin-bottom: 20px;
}

/**
* Form group.
*/

.form-group {
border: 2px solid #e3e4e6;
margin-bottom: 20px;
padding: 14px;
}

.form-group label {
font-weight: normal;
margin-bottom: 0;
vertical-align: top;
}

.form-group .form-item {
margin-bottom: 0;
}

.form-group .form-item:last-child {
margin-bottom: 0;
}

/**
* Required.
*/

.required {
color: #A1033E;
}

/* Tables
========================================================================== */

table {
width: 100%;
margin-bottom: 20px;
}

caption {
margin-bottom: 8px;
}

th {
font-weight: bold;
text-align: left;
}

th,
td {
vertical-align: top;
padding: 12px 16px;
}

/* ##########################################################################
	   C O M P O N E N T S							   
########################################################################## */

/* Media
========================================================================== */

.media,
.media-body {
overflow: hidden;
zoom: 1;
}

.media-body {
width: 10000px;
}

.media-object {
display: block;
}

.media-object,
.media-object img {
max-width: none;
}

.media-right {
padding-left: 16px;
}

.media-left {
padding-right: 16px;
}

.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}

.media-middle {
vertical-align: middle;
}

.media-bottom {
vertical-align: bottom;
}

.media-title {
padding-top: 0;
}

.media-reverse {
direction: rtl;
}

.media-reverse > .media-left,
.media-reverse > .media-right,
.media-reverse > .media-body {
direction: ltr;
}

@media (min-width: 544px) {
.media-sm,
.media-body-sm {
overflow: hidden;
zoom: 1;
}

.media-body-sm {
width: 10000px;
}

.media-object-sm {
display: block;
}

.media-object-sm,
.media-object-sm img {
max-width: none;
}

.media-right-sm {
padding-left: 16px;
}

.media-left-sm {
padding-right: 16px;
}

.media-left-sm,
.media-right-sm,
.media-body-sm {
display: table-cell;
vertical-align: top;
}

.media-middle-sm {
vertical-align: middle;
}

.media-bottom-sm {
vertical-align: bottom;
}

.media-title-sm {
padding-top: 0;
}

.media-reverse-sm {
direction: rtl;
}

.media-reverse-sm > .media-left-sm,
.media-reverse-sm > .media-right-sm,
.media-reverse-sm > .media-body-sm {
direction: ltr;
}
}

/* end @media */

@media (min-width: 768px) {
.media-md,
.media-body-md {
overflow: hidden;
zoom: 1;
}

.media-body-md {
width: 10000px;
}

.media-object-md {
display: block;
}

.media-object-md,
.media-object-md img {
max-width: none;
}

.media-right-md {
padding-left: 16px;
}

.media-left-md {
padding-right: 16px;
}

.media-left-md,
.media-right-md,
.media-body-md {
display: table-cell;
vertical-align: top;
}

.media-middle-md {
vertical-align: middle;
}

.media-bottom-md {
vertical-align: bottom;
}

.media-title-md {
padding-top: 0;
}

.media-reverse-md {
direction: rtl;
}

.media-reverse-md > .media-left-md,
.media-reverse-md > .media-right-md,
.media-reverse-md > .media-body-md {
direction: ltr;
}
}

/* end @media */

@media (min-width: 1024px) {
.media-lg,
.media-body-lg {
overflow: hidden;
zoom: 1;
}

.media-body-lg {
width: 10000px;
}

.media-object-lg {
display: block;
}

.media-object-lg,
.media-object-lg img {
max-width: none;
}

.media-right-lg {
padding-left: 16px;
}

.media-left-lg {
padding-right: 16px;
}



.media-left-lg,
.media-right-lg,
.media-body-lg {
display: table-cell;

vertical-align: top;
}


.media-middle-lg {
vertical-align: middle;
}

.media-bottom-lg {
vertical-align: bottom;
}

.media-title-lg {
padding-top: 0;
}

.media-reverse-lg {
direction: rtl;
}

.media-reverse-lg > .media-left-lg,
.media-reverse-lg > .media-right-lg,
.media-reverse-lg > .media-body-lg {
direction: ltr;
}
}

/* end @media */

@media (min-width: 1280px) {
.media-xl,
.media-body-xl {
overflow: hidden;
zoom: 1;
}

.media-body-xl {
width: 10000px;
}

.media-object-xl {
display: block;
}

.media-object-xl,
.media-object-xl img {
max-width: none;
}

.media-right-xl {
padding-left: 16px;
}

.media-left-xl {
padding-right: 16px;
}

.media-left-xl,
.media-right-xl,
.media-body-xl {
display: table-cell;
vertical-align: top;
}

.media-middle-xl {
vertical-align: middle;
}

.media-bottom-xl {
vertical-align: bottom;
}

.media-title-xl {
padding-top: 0;
}

.media-reverse-xl {
direction: rtl;
}

.media-reverse-xl > .media-left-xl,
.media-reverse-xl > .media-right-xl,
.media-reverse-xl > .media-body-xl {
direction: ltr;
}
	

}

/* end @media */

/* Grids
========================================================================== */

.container {
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}




/* end @media */

.container-fluid {
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}

.row {
margin-right: -16px;
margin-left: -16px;
}

.container:after,
.container-fluid:after,
.row:after {
display: table;
content: "";
clear: both;
}

/**
* Container and rows only at breakpoint sizes
*/

@media (min-width: 768px) and (max-width: 1023px) {
.container-only-md {
width: 720px;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}

.row-only-md {
margin-right: -16px;
margin-left: -16px;
}

.container-only-md:after,
.row-only-md:after {
display: table;
content: "";
clear: both;
}
}

/* end @media */

@media (min-width: 1024px) and (max-width: 1279px) {
.container-only-lg {
width: 960px;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}

.row-only-lg {
margin-right: -16px;
margin-left: -16px;
}

.container-only-lg:after,
.row-only-lg:after {
display: table;
content: "";
clear: both;
}
	
	
}

/* end @media */

@media (min-width: 1280px) {
.container-only-xl {
width: 1200px;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}

.row-only-xl {
margin-right: -16px;
margin-left: -16px;
}

.container-only-xl:after,
.row-only-xl:after {
display: table;
content: "";
clear: both;
}
	

	
.site-branding-2 {
z-index: 1000;
margin-top: -50px;
float: right;
margin-right: 10px;
display:block;
}	
	
}

/* end @media */

.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 16px;
padding-left: 16px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left;
}

.col-xs-12 {
width: 100%;
}

.col-xs-11 {
width: 91.66666667%;
}

.col-xs-10 {
width: 83.33333333%;
}

.col-xs-9 {
width: 75%;
}

.col-xs-8 {
width: 66.66666667%;
}

.col-xs-7 {
width: 58.33333333%;
}

.col-xs-6 {
width: 50%;
}

.col-xs-5 {
width: 41.66666667%;
}

.col-xs-4 {
width: 33.33333333%;
}

.col-xs-3 {
width: 25%;
}


.col-xs-2 {
width: 16.66666667%;
}

.col-xs-1 {
width: 8.33333333%;
}

.col-xs-pull-12 {
right: 100%;
}

.col-xs-pull-11 {
right: 91.66666667%;
}

.col-xs-pull-10 {
right: 83.33333333%;
}

.col-xs-pull-9 {
right: 75%;
}

.col-xs-pull-8 {
right: 66.66666667%;
}

.col-xs-pull-7 {
right: 58.33333333%;
}

.col-xs-pull-6 {
right: 50%;
}

.col-xs-pull-5 {
right: 41.66666667%;
}

.col-xs-pull-4 {
right: 33.33333333%;
}

.col-xs-pull-3 {
right: 25%;
}

.col-xs-pull-2 {
right: 16.66666667%;
}

.col-xs-pull-1 {
right: 8.33333333%;
}

.col-xs-pull-0 {
right: 0;

}



.col-xs-push-12 {
left: 100%;
}

.col-xs-push-11 {
left: 91.66666667%;
}

.col-xs-push-10 {
left: 83.33333333%;
}

.col-xs-push-9 {
left: 75%;
}

.col-xs-push-8 {
left: 66.66666667%;
}

.col-xs-push-7 {
left: 58.33333333%;
}

.col-xs-push-6 {
left: 50%;
}

.col-xs-push-5 {
left: 41.66666667%;
}

.col-xs-push-4 {
left: 33.33333333%;
}

.col-xs-push-3 {
left: 25%;
}

.col-xs-push-2 {
left: 16.66666667%;
}

.col-xs-push-1 {
left: 8.33333333%;
}

.col-xs-push-0 {
left: 0;
}

.col-xs-offset-12 {
margin-left: 100%;
}

.col-xs-offset-11 {
margin-left: 91.66666667%;
}

.col-xs-offset-10 {
margin-left: 83.33333333%;
}

.col-xs-offset-9 {
margin-left: 75%;
}

.col-xs-offset-8 {
margin-left: 66.66666667%;
}

.col-xs-offset-7 {
margin-left: 58.33333333%;
}

.col-xs-offset-6 {
margin-left: 50%;
}

.col-xs-offset-5 {
margin-left: 41.66666667%;
}

.col-xs-offset-4 {
margin-left: 33.33333333%;
}

.col-xs-offset-3 {
margin-left: 25%;
}

.col-xs-offset-2 {
margin-left: 16.66666667%;
}

.col-xs-offset-1 {
margin-left: 8.33333333%;
}

.col-xs-offset-0 {
margin-left: 0;
}

@media (min-width: 544px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left;
}

.col-sm-12 {
width: 100%;
}

.col-sm-11 {
width: 91.66666667%;
}

.col-sm-10 {
width: 83.33333333%;
}

.col-sm-9 {
width: 75%;
}

.col-sm-8 {
width: 66.66666667%;
}

.col-sm-7 {
width: 58.33333333%;
}

.col-sm-6 {
width: 50%;
}

.col-sm-5 {
width: 41.66666667%;
}

.col-sm-4 {
width: 33.33333333%;
}

.col-sm-3 {
width: 25%;
}

.col-sm-2 {
width: 16.66666667%;
}

.col-sm-1 {
width: 8.33333333%;
}

.col-sm-pull-12 {
right: 100%;
}

.col-sm-pull-11 {
right: 91.66666667%;
}

.col-sm-pull-10 {
right: 83.33333333%;
}

.col-sm-pull-9 {
right: 75%;
}

.col-sm-pull-8 {
right: 66.66666667%;
}

.col-sm-pull-7 {
right: 58.33333333%;
}

.col-sm-pull-6 {
right: 50%;
}

.col-sm-pull-5 {
right: 41.66666667%;
}

.col-sm-pull-4 {
right: 33.33333333%;
}

.col-sm-pull-3 {
right: 25%;
}

.col-sm-pull-2 {
right: 16.66666667%;
}

.col-sm-pull-1 {
right: 8.33333333%;
}

.col-sm-pull-0 {
right: 0;
}

.col-sm-push-12 {
left: 100%;
}

.col-sm-push-11 {
left: 91.66666667%;
}

.col-sm-push-10 {
left: 83.33333333%;
}

.col-sm-push-9 {
left: 75%;
}

.col-sm-push-8 {
left: 66.66666667%;
}

.col-sm-push-7 {
left: 58.33333333%;
}

.col-sm-push-6 {
left: 50%;
}

.col-sm-push-5 {
left: 41.66666667%;
}

.col-sm-push-4 {
left: 33.33333333%;
}

.col-sm-push-3 {
left: 25%;
}

.col-sm-push-2 {
left: 16.66666667%;
}

.col-sm-push-1 {
left: 8.33333333%;
}

.col-sm-push-0 {
left: 0;
}

.col-sm-offset-12 {
margin-left: 100%;
}

.col-sm-offset-11 {
margin-left: 91.66666667%;
}

.col-sm-offset-10 {
margin-left: 83.33333333%;
}

.col-sm-offset-9 {
margin-left: 75%;
}

.col-sm-offset-8 {
margin-left: 66.66666667%;
}

.col-sm-offset-7 {
margin-left: 58.33333333%;
}

.col-sm-offset-6 {
margin-left: 50%;
}

.col-sm-offset-5 {
margin-left: 41.66666667%;
}

.col-sm-offset-4 {
margin-left: 33.33333333%;
}

.col-sm-offset-3 {
margin-left: 25%;
}

.col-sm-offset-2 {
margin-left: 16.66666667%;
}

.col-sm-offset-1 {
margin-left: 8.33333333%;
}

.col-sm-offset-0 {
margin-left: 0;
}
}

/* end @media */

@media (min-width: 768px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left;
}

.col-md-12 {
width: 100%;
}

.col-md-11 {
width: 91.66666667%;
}

.col-md-10 {
width: 83.33333333%;
}

.col-md-9 {
width: 75%;
}

.col-md-8 {
width: 66.66666667%;
}

.col-md-7 {
width: 58.33333333%;
}

.col-md-6 {
width: 50%;
}

.col-md-5 {
width: 41.66666667%;
}

.col-md-4 {
width: 33.33333333%;
}

.col-md-3 {
width: 25%;
}

.col-md-2 {
width: 16.66666667%;
}

.col-md-1 {
width: 8.33333333%;
}

.col-md-pull-12 {
right: 100%;
}

.col-md-pull-11 {
right: 91.66666667%;
}

.col-md-pull-10 {
right: 83.33333333%;
}

.col-md-pull-9 {
right: 75%;
}

.col-md-pull-8 {
right: 66.66666667%;
}

.col-md-pull-7 {
right: 58.33333333%;
}

.col-md-pull-6 {
right: 50%;
}

.col-md-pull-5 {
right: 41.66666667%;
}

.col-md-pull-4 {
right: 33.33333333%;
}

.col-md-pull-3 {
right: 25%;
}

.col-md-pull-2 {
right: 16.66666667%;
}

.col-md-pull-1 {
right: 8.33333333%;
}

.col-md-pull-0 {
right: 0;
}

.col-md-push-12 {
left: 100%;
}

.col-md-push-11 {
left: 91.66666667%;
}

.col-md-push-10 {
left: 83.33333333%;
}

.col-md-push-9 {
left: 75%;
}

.col-md-push-8 {
left: 66.66666667%;
}

.col-md-push-7 {
left: 58.33333333%;
}

.col-md-push-6 {
left: 50%;
}

.col-md-push-5 {
left: 41.66666667%;
}

.col-md-push-4 {
left: 33.33333333%;
}


.col-md-push-3 {
left: 25%;
}

.col-md-push-2 {
left: 16.66666667%;
}

.col-md-push-1 {
left: 8.33333333%;
}

.col-md-push-0 {
left: 0;
}

.col-md-offset-12 {
margin-left: 100%;
}

.col-md-offset-11 {
margin-left: 91.66666667%;
}

.col-md-offset-10 {
margin-left: 83.33333333%;
}

.col-md-offset-9 {
margin-left: 75%;
}

.col-md-offset-8 {
margin-left: 66.66666667%;
}

.col-md-offset-7 {
margin-left: 58.33333333%;
}

.col-md-offset-6 {
margin-left: 50%;
}

.col-md-offset-5 {
margin-left: 41.66666667%;
}


.col-md-offset-4 {
margin-left: 33.33333333%;
}

.col-md-offset-3 {
margin-left: 25%;
}

.col-md-offset-2 {
margin-left: 16.66666667%;
}

.col-md-offset-1 {
margin-left: 8.33333333%;
}

.col-md-offset-0 {
margin-left: 0;
}
}

/* end @media */

@media (min-width: 1024px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left;
}

.col-lg-12 {
width: 100%;
}

.col-lg-11 {
width: 91.66666667%;
}

.col-lg-10 {
width: 83.33333333%;
}

.col-lg-9 {
width: 75%;
}

.col-lg-8 {
width: 66.66666667%;
}

.col-lg-7 {
width: 58.33333333%;
}

.col-lg-6 {
width: 50%;
}

.col-lg-5 {
width: 41.66666667%;
}

.col-lg-4 {
width: 33.33333333%;
}

.col-lg-3 {
width: 25%;
}

.col-lg-2 {
width: 16.66666667%;
}

.col-lg-1 {
width: 8.33333333%;
}

.col-lg-pull-12 {
right: 100%;
}

.col-lg-pull-11 {
right: 91.66666667%;
}

.col-lg-pull-10 {
right: 83.33333333%;
}

.col-lg-pull-9 {
right: 75%;
}

.col-lg-pull-8 {
right: 66.66666667%;
}

.col-lg-pull-7 {
right: 58.33333333%;
}

.col-lg-pull-6 {
right: 50%;
}

.col-lg-pull-5 {
right: 41.66666667%;
}

.col-lg-pull-4 {
right: 33.33333333%;
}

.col-lg-pull-3 {
right: 25%;
}

.col-lg-pull-2 {
right: 16.66666667%;
}

.col-lg-pull-1 {
right: 8.33333333%;
}

.col-lg-pull-0 {
right: 0;
}

.col-lg-push-12 {
left: 100%;
}

.col-lg-push-11 {
left: 91.66666667%;
}

.col-lg-push-10 {
left: 83.33333333%;
}

.col-lg-push-9 {
left: 75%;
}

.col-lg-push-8 {
left: 66.66666667%;
}

.col-lg-push-7 {
left: 58.33333333%;
}

.col-lg-push-6 {
left: 50%;
}

.col-lg-push-5 {
left: 41.66666667%;
}

.col-lg-push-4 {
left: 33.33333333%;
}

.col-lg-push-3 {
left: 25%;
}

.col-lg-push-2 {
left: 16.66666667%;
}

.col-lg-push-1 {
left: 8.33333333%;
}

.col-lg-push-0 {
left: 0;
}

.col-lg-offset-12 {
margin-left: 100%;
}

.col-lg-offset-11 {
margin-left: 91.66666667%;
}

.col-lg-offset-10 {
margin-left: 83.33333333%;
}

.col-lg-offset-9 {
margin-left: 75%;
}

.col-lg-offset-8 {
margin-left: 66.66666667%;
}

.col-lg-offset-7 {
margin-left: 58.33333333%;
}

.col-lg-offset-6 {
margin-left: 50%;
}

.col-lg-offset-5 {
margin-left: 41.66666667%;
}

.col-lg-offset-4 {
margin-left: 33.33333333%;
}

.col-lg-offset-3 {
margin-left: 25%;
}

.col-lg-offset-2 {
margin-left: 16.66666667%;
}

.col-lg-offset-1 {
margin-left: 8.33333333%;
}

.col-lg-offset-0 {
margin-left: 0;
}
}

/* end @media */

@media (min-width: 1280px) {
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
float: left;
}

.col-xl-12 {
width: 100%;
}

.col-xl-11 {
width: 91.66666667%;
}

.col-xl-10 {
width: 83.33333333%;
}

.col-xl-9 {
width: 75%;
}

.col-xl-8 {
width: 66.66666667%;
}

.col-xl-7 {
width: 58.33333333%;
}

.col-xl-6 {
width: 50%;
}

.col-xl-5 {
width: 41.66666667%;
}

.col-xl-4 {
width: 33.33333333%;
}

.col-xl-3 {
width: 25%;
}

.col-xl-2 {
width: 16.66666667%;
}

.col-xl-1 {
width: 8.33333333%;
}

.col-xl-pull-12 {
right: 100%;
}

.col-xl-pull-11 {
right: 91.66666667%;
}

.col-xl-pull-10 {
right: 83.33333333%;
}

.col-xl-pull-9 {
right: 75%;
}

.col-xl-pull-8 {
right: 66.66666667%;
}

.col-xl-pull-7 {
right: 58.33333333%;
}

.col-xl-pull-6 {
right: 50%;
}

.col-xl-pull-5 {
right: 41.66666667%;
}

.col-xl-pull-4 {
right: 33.33333333%;
}

.col-xl-pull-3 {
right: 25%;
}

.col-xl-pull-2 {
right: 16.66666667%;
}

.col-xl-pull-1 {
right: 8.33333333%;
}

.col-xl-pull-0 {
right: 0;
}

.col-xl-push-12 {
left: 100%;
}

.col-xl-push-11 {
left: 91.66666667%;
}

.col-xl-push-10 {
left: 83.33333333%;
}

.col-xl-push-9 {
left: 75%;
}

.col-xl-push-8 {
left: 66.66666667%;
}

.col-xl-push-7 {
left: 58.33333333%;
}

.col-xl-push-6 {
left: 50%;
}

.col-xl-push-5 {
left: 41.66666667%;
}

.col-xl-push-4 {
left: 33.33333333%;
}

.col-xl-push-3 {
left: 25%;
}

.col-xl-push-2 {
left: 16.66666667%;
}

.col-xl-push-1 {
left: 8.33333333%;
}

.col-xl-push-0 {
left: 0;
}

.col-xl-offset-12 {
margin-left: 100%;
}

.col-xl-offset-11 {
margin-left: 91.66666667%;
}

.col-xl-offset-10 {
margin-left: 83.33333333%;
}

.col-xl-offset-9 {
margin-left: 75%;
}

.col-xl-offset-8 {
margin-left: 66.66666667%;
}

.col-xl-offset-7 {
margin-left: 58.33333333%;
}

.col-xl-offset-6 {
margin-left: 50%;
}

.col-xl-offset-5 {
margin-left: 41.66666667%;
}

.col-xl-offset-4 {
margin-left: 33.33333333%;
}

.col-xl-offset-3 {
margin-left: 25%;
}

.col-xl-offset-2 {
margin-left: 16.66666667%;
}

.col-xl-offset-1 {
margin-left: 8.33333333%;
}

.col-xl-offset-0 {
margin-left: 0;
}
}

/* end @media */

/* Grids - Tile
-------------------------------------------------------------------------- */

.row-tile {
vertical-align: top;
}

.col-tile {
float: none;
display: inline-block;
vertical-align: top;
margin-right: -4px;
}

/* Grids - Justify
-------------------------------------------------------------------------- */

.container-justify {
margin-bottom: -1.5em;
}

.row-justify {
vertical-align: top;
text-align: justify;
text-justify: distribute;
}

.row-justify:after {
content: "";
display: inline-block;
vertical-align: top;
width: 100%;
}

.col-justify {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}

@media (min-width: 544px) {
.container-justify-sm {
margin-bottom: -1.5em;
}

.row-justify-sm {
vertical-align: top;
text-align: justify;
text-justify: distribute;
}

.row-justify-sm:after {
content: "";
display: inline-block;
vertical-align: top;
width: 100%;
}

.col-justify-sm {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}
}

/* end @media */

@media (min-width: 768px) {
.container-justify-md {
margin-bottom: -1.5em;
}

.row-justify-md {
vertical-align: top;
text-align: justify;
text-justify: distribute;
}

.row-justify-md:after {
content: "";
display: inline-block;
vertical-align: top;
width: 100%;
}

.col-justify-md {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}
}

/* end @media */

@media (min-width: 1024px) {
.container-justify-lg {
margin-bottom: -1.5em;
}


.row-justify-lg {
vertical-align: top;
text-align: justify;
text-justify: distribute;
}

.row-justify-lg:after {
content: "";
display: inline-block;
vertical-align: top;
width: 100%;
}

.col-justify-lg {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}
}

/* end @media */

@media (min-width: 1280px) {
.container-justify-xl {
margin-bottom: -1.5em;
}

.row-justify-xl {
vertical-align: top;
text-align: justify;
text-justify: distribute;
}

.row-justify-xl:after {
content: "";
display: inline-block;
vertical-align: top;
width: 100%;
}

.col-justify-xl {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}
}

/* end @media */

/* Grids - Outset
-------------------------------------------------------------------------- */

.outset {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}

@media (min-width: 544px) {
.outset-sm {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
}

/* end @media */

@media (min-width: 768px) {
.outset-md {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
}

/* end @media */

@media (min-width: 1024px) {
.outset-lg {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
}

/* end @media */

@media (min-width: 1280px) {
.outset-xl {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
}

/* end @media */

/* Images
========================================================================== */

.img-rounded {
border-radius: 8px;
}

.img-circle {
border-radius: 50%;
}

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

@media \0screen {
.img-responsive {
width: auto;
}
}

/* end @media */



/* Google Maps Style */

.gm-style img {
max-width: none !important;
}

/* Image Captions
========================================================================== */

.img-caption {
max-width: 100%;
margin-bottom: 20px;
}

.img-caption img {
display: block;
max-width: 100%;
height: auto;
}

.img-caption-text {
border-bottom: 1px solid #e3e4e6;
font-size: 14px;
line-height: 16px;
text-align: center;
padding: 16px 0 15px;
}

/**
* Alignment
*/

img.alignright,
.img-caption.alignright {
margin: 0 0 20px 32px;
}

img.alignleft,
.img-caption.alignleft {
margin: 0 32px 20px 0;
}

img.aligncenter {
display: block;
margin: 0 auto 20px;
}

@media (max-width: 543px) {
img.alignright,
img.alignleft,
.img-caption,
.img-caption.alignright,
.img-caption.alignleft {
float: none;
margin-left: auto;
margin-right: auto;
}
}

/* end @media */

/* Buttons
========================================================================== */

[role=button] {
cursor: pointer;
}

a.btn,
a.btn:hover,
a.button,
a.button:hover {
text-decoration: none;
}

.btn,
.button {
display: inline-block;
background: transparent;
border: 2px solid #000;
border-radius: 4px;
color: #8a0738;
font-weight: 500;
font-size: 10px;
font-family: 'Roboto', sans-serif;
line-height: 15px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-shadow: none;
white-space: normal;
width: auto;
height: auto;
padding: 8px 22px;
}

.gform_button {
background: #b41747;
border-color: #b41747;
color: #fff;
}

.gform_button:hover {
background: #8a0738;
border-color: #8a0738;
color: #fff;
}

.btn .icon {
font-size: 7px;
vertical-align: middle;
}

/* Button sizes
-------------------------------------------------------------------------- */

/**
* Button extra large
*/

.btn-extra-large {
padding-top: 16px;
padding-bottom: 16px;
}

/**
* Button large
*/

.btn-large {
padding-top: 12px;
padding-bottom: 12px;
}

/**
* Button small
*/

.btn-small {
padding-top: 4px;
padding-bottom: 4px;
}

/**
* Button extra small
*/

.btn-extra-small {
padding-top: 2px;
padding-bottom: 2px;
}

/* Contextual variations
-------------------------------------------------------------------------- */

/**
* Button default
*/

.btn-default {
border-color: #8a0738;
color: #8a0738;
}

.btn-default:hover {
background: #8a0738;
color: #fff;
}

/**
* Button primary
*/

.btn-primary {
background: #b41747;
border-color: #b41747;
color: #fff;
}

.btn-primary:hover {
background: #8a0738;
border-color: #8a0738;
color: #fff;
}

/**
* Button secondary
*/

.btn-secondary {
background: #000;
border-color: #000;
color: #fff;
}

.btn-secondary:hover {
background: #333;
border-color: #333;
color: #fff;
}

/**
* Button tertiary
*/

.btn-tertiary {
background: #333;
border-color: #333;
color: #fff;
}

.btn-tertiary:hover {
background: #000;
border-color: #000;
color: #fff;
}

/**
* Button quaternary
*/

.btn-quaternary {
background: transparent;
border-color: #333;
color: #acadaf;
padding-left: 6px;
padding-right: 6px;
}

.btn-quaternary:hover {
background: #333333;
color: #fff;
}

/* Block buttons
-------------------------------------------------------------------------- */

.btn-block {
display: block;
width: 100%;
}

.btn-block + .btn-block {
margin-top: 24px;
}

@media (min-width: 544px) {
.btn-block-sm {
display: block;
width: 100%;
}

.btn-block-sm + .btn-block-sm {
margin-top: 24px;
}
}

/* end @media */

@media (min-width: 768px) {
.btn-block-md {
display: block;
width: 100%;
}

.btn-block-md + .btn-block-md {
margin-top: 24px;
}
}


/* end @media */

@media (min-width: 1024px) {

.btn-block-lg {
display: block;
width: 100%;
}

.btn-block-lg + .btn-block-lg {
margin-top: 24px;
}
}

/* end @media */

@media (min-width: 1280px) {
.btn-block-xl {
display: block;
width: 100%;
}

.btn-block-xl + .btn-block-xl {
margin-top: 24px;
}
}

/* end @media */

/* Inputs / Selects
* TODO: Combind these into one naming convention (form-control / form-field)
========================================================================== */

/**
* Input / Select extra large
*/

.input-extra-large,
.select-extra-large {
height: 56px;
}

/**
* Input / Select large
*/

.input-large,
.select-large {
height: 48px;
}

/**
* Input / Select small
*/

.input-small,
.select-small {
height: 32px;
}

/**
* Input / select extra small
*/

.input-extra-small,
.select-extra-small {
height: 24px;
}

/* Block level input / select
-------------------------------------------------------------------------- */

.input-block,
.select-block {
display: block;
width: 100%;
}

/* Panels
========================================================================== */

/* Default panel
-------------------------------------------------------------------------- */

.panel-default {
margin-bottom: 20px;
}

.panel-default .panel-title {
background: #a21f4e;
border: 1px solid #a21f4e;
color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
padding: 15px;
}

.panel-default .panel-main {
border: 1px solid #e3e4e6;
padding: 15px;
}

.panel-default .panel-footer {
background: #f6f6f7;
border: 1px solid #e3e4e6;
color: #808183;
font-size: 15px;
padding: 11px 15px;
}

.panel-default .panel-header + .panel-main {
margin-top: -1px;
padding-top: 16px;
}

.panel-default .panel-main + .panel-footer {
margin-top: -1px;
padding-top: 12px;
}

/* Primary panel
-------------------------------------------------------------------------- */

.panel-primary {
border: 2px solid #e3e4e6;
margin-bottom: 40px;
padding: 14px 18px 18px;
}

.panel-primary .panel-title {
color: #333;
}

.panel-primary .panel-content {
font-size: 14px;
line-height: 20px;
}

.panel-primary ul {
margin-bottom: 0;
padding: 4px 4px 0 12px;
}

.panel-primary ul > li:before {
display: inline-block;
vertical-align: middle;
background: transparent;
font-family: "icomoon";
position: relative;
border-radius: 0;
content: "\eb0b";
color: #b41747;
font-size: 7px;
line-height: 1;
width: 7px;
height: 7px;
margin-right: -7px;
left: -12px;
}

.panel-primary ul > li > a {
color: #333;
}

@media (min-width: 544px) {
.panel-primary .panel-content {
font-size: 15px;
}
}

/* end @media */

/* Quote
========================================================================== */

.quote {
position: relative;
margin: 0 0 20px;
padding: 0 0 0 48px;
}

.quote:before {
color: #a1033e;
content: "\eaf2";
font-family: 'icomoon';
font-size: 32px;
line-height: 1;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
}

.quote-content {
border: 0;
font: italic 400 20px/28px 'Open Sans', sans-serif;
margin: 0;
padding: 0;
}

.quote-caption {
border-top: 1px solid #000;
margin-top: 16px;
padding-top: 15px;
}

.quote-source {
color: #000;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: 2px;
text-transform: uppercase;
}

/* Pullquote
========================================================================== */

.pullquote {
background: #a21f4e;
border: 0;
color: #fff;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
width: 40%;
margin-bottom: 20px;
padding: 24px 56px;
position: relative;
}

.pullquote:before,
.pullquote:after {
font-family: 'icomoon';
font-size: 32px;
line-height: 1;
vertical-align: top;
position: absolute;
}

.pullquote:before {
content: "\eaf2";
top: 16px;
left: 16px;
}

.pullquote:after {
content: "\eaf3";
bottom: 16px;
right: 16px;
}

.pullquote p {
margin-bottom: 0;
}

/**
* Alignment
*/

.pullquote.alignright {
margin: 0 0 20px 32px;
}

.pullquote.alignleft {
margin: 0 32px 20px 0;
}

.pullquote.aligncenter {
margin: 0 auto 32px;
}

@media (max-width: 543px) {
.pullquote,
.pullquote.alignright,
.pullquote.alignleft {
float: none;
margin-left: auto;
margin-right: auto;
width: auto;
}
}

/* end @media */

/* Text
========================================================================== */

.text-large {
font-size: 120%;
}

.text-small {
font-size: 80%;
}

.text-left {
text-align: left;
}

.text-right {
text-align: right;
}

.text-center {
text-align: center;
}

.text-justify {
text-align: justify;
}

.text-nowrap {
white-space: nowrap;
}

.text-lowercase {
text-transform: lowercase;
}

.text-uppercase {
text-transform: uppercase;
}

.text-capitalize {
text-transform: capitalize;
}

.text-underline {
text-decoration: underline;
}

.text-strikethrough {
text-decoration: line-through;
}

.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.text-line,
.text-line-left,
.text-line-right {
display: block;
overflow: hidden;
}

.text-line {
text-align: center;
}

.text-line-left {
text-align: right;
}

.text-line-right {
text-align: left;
}

.text-line:before,
.text-line:after,
.text-line-left:before,
.text-line-right:after {
background: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.text-line:before {
right: 16px;
margin-left: -50%;
}

.text-line:after {
left: 16px;
margin-right: -50%;
}

.text-line-left:before {
right: 16px;
margin-left: -100%;
width: 100%;
}

.text-line-right:after {
left: 16px;
margin-right: -100%;
width: 100%;
}

/* Icons
========================================================================== */

/* Icomoon
-------------------------------------------------------------------------- */

/**
* Reference /fonts/icomoon for directory of svg icons.
*/

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]:hover,
[class*=" icon-"]:hover {
text-decoration: none;
}

/* Contextual variations
-------------------------------------------------------------------------- */

/* Forms
========================================================================== */

/* Comment form
-------------------------------------------------------------------------- */

.comment-form label {
font-size: 16px;
line-height: 24px;
vertical-align: top;
}

.comment-notes,
.comment-tags {
display: none;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
margin-bottom: 16px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
display: block;
height: 48px;
width: 100%;
}

.comment-form-comment textarea {
height: 232px;
}

.comment-form-submit {
margin-top: 16px;
margin-bottom: 32px;
}

.comment-form-submit .btn {
min-width: 168px;
}

/* Search toggle
-------------------------------------------------------------------------- */

.search-toggle {
display: none;
}

@media (min-width: 1024px) {
.search-toggle {
display: block;
background: transparent;
border: 0;
border-left: 1px solid #d0d2d6;
color: #a1033e;
font-size: 20px;
line-height: 1;
margin: 0;
padding: 6px 0 6px;
width: 40px;
text-align: center;
}

.search-toggle:hover {
color: #000;
}

.search-toggle-icon {
vertical-align: top;
}

.search-toggle-active {
display: none;
}
}

/* end @media */

/* Search form
-------------------------------------------------------------------------- */

.search-form {
position: relative;
margin-bottom: 20px;
}

.search-form-input {
display: block;
width: 100%;
}

.search-form-btn {
border: 0;
margin: auto 0;
padding: 0 16px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}

.search-form-btn .icon {
font-size: 20px;
}

/* Gravity form
-------------------------------------------------------------------------- */

/**
* TODO: create gforms.css
*/

/* Tables
========================================================================== */

/* Default table
-------------------------------------------------------------------------- */

.table-default {
border: 1px solid #e3e4e6;
font-size: 14px;
line-height: 20px;
}

.table-default > thead > tr > th {
background: #a21f4e;
border-top: 1px solid #a21f4e;
border-bottom: 1px solid #a21f4e;
color: #fff;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
padding: 16px 16px 14px;
}

.table-default > thead > tr > th:first-child {
border-left: 1px solid #a21f4e;
}

.table-default > thead > tr > th:last-child {
border-right: 1px solid #a21f4e;
}

.table-default > tbody > tr > th {
border-left: 1px solid #e3e4e6;
border-top: 1px solid #e3e4e6;
border-bottom: 1px solid #e3e4e6;
text-transform: none;
padding: 13px 16px 14px;
}

.table-default > tbody > tr:nth-child(odd) > th {
background: #f6f6f7;
}

.table-default > tbody > tr:nth-child(even) > th {
background: #e3e4e6;
}

.table-default > tbody > tr > td {
border-bottom: 1px solid #e3e4e6;
border-top: 1px solid #e3e4e6;
padding: 13px 16px 14px;
}

.table-default > tbody > tr:nth-child(odd) > td {
background: #fff;
}

.table-default > tbody > tr:nth-child(even) > td {
background: #f6f6f7;
}

/* Responsive table
-------------------------------------------------------------------------- */

.table-responsive {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
}

.table-responsive::-webkit-scrollbar {
-webkit-appearance: none;
width: 16px;
height: 16px;
}

.table-responsive::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.3);
border-radius: 8px;
border: 4px solid #fff;
}

.table-responsive table {
max-width: 100%;
width: 100%;
margin-bottom: 0;
}

/* Embedded
========================================================================== */

/* Responsive embed
-------------------------------------------------------------------------- */

.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
border: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}

.embed-responsive.embed-responsive-16x9 {
padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4x3 {
padding-bottom: 75%;
}

/* Fancybox
========================================================================== */

/* Default fancybox
-------------------------------------------------------------------------- */

/* Sliders
========================================================================== */

.slide {
display: none;
width: 100%;
}

.slide:first-of-type {
display: block;
}

/* Default slider
-------------------------------------------------------------------------- */

.slider-default {
position: relative;
margin-bottom: 20px;
}

.slider-default .slide {
background: #f6f6f7;
border: 1px solid #e3e4e6;
padding: 19px;
}

.slider-default .slide-thumbnail img {
display: block;
margin: auto;
}

.slider-default .slider-navigation {
clear: both;
font-size: 14px;
line-height: 32px;
margin: 0 0 20px;
padding: 0;
}

.slider-default .slider-previous a,
.slider-default .slider-next a {
display: block;
text-decoration: none;
}

.slider-default .slider-previous .icon,
.slider-default .slider-next .icon {
display: inline-block;
vertical-align: top;
line-height: inherit;
text-align: center;
min-width: 32px;
}

.slider-default .slider-previous {
float: left;
}

.slider-default .slider-previous .icon {
margin-right: 8px;
}

.slider-default .slider-next {
float: right;
}

.slider-default .slider-next .icon {
margin-left: 8px;
}

.slider-default .slider-pager {
font-size: 0;
line-height: 0;
text-align: center;
display: table;
margin: 0 auto;
padding: 8px 0;
}

.slider-default .slider-pager-item {
display: inline-block;
background: #f6f6f7;
border: 1px solid #e3e4e6;
border-radius: 50%;
width: 16px;
height: 16px;
text-indent: -9999px;
margin: 0 8px;
}

.slider-default .slider-pager-item:hover {
background: #e3e4e6;
}

.slider-default .slider-pager-item-active,
.slider-default .slider-pager-item-active:hover {
background: #a21f4e;
border-color: #a21f4e;
}

/* Tabset
========================================================================== */

.tab {
display: none;
}

.tab-active {
display: block;
}

/* Default tabset
-------------------------------------------------------------------------- */

.tabset-default {
margin-bottom: 20px;
}

.tabset-default .tabs {
display: table;
font-size: 0;
margin: 0;
padding: 0;
}

.tabset-default .tab-item {
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0;
padding: 0;
}

.tabset-default .tab-item:before {
content: none;
}

.tabset-default .tab-link {
display: block;
background: #f6f6f7;
border: 1px solid #e3e4e6;
color: #000;
font-weight: 600;
font-size: 15px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
min-width: 100px;
padding: 11px 19px;
}

.tabset-default .tab-link:hover {
background: #e3e4e6;
}

.tabset-default .tab-link-active,
.tabset-default .tab-link-active:hover {
background: transparent;
border-bottom-color: #fff;
color: #B41747;
}

.tabset-default .tab {
background: #fff;
border: 1px solid #e3e4e6;
margin: -1px 0 0;
padding: 16px 19px 19px;
}

.tabset-default .tabset-navigation {
clear: both;
border-top: 2px solid #e3e4e6;
border-bottom: 2px solid #e3e4e6;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 32px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 14px 8px 14px;
}

.tabset-default .tabset-previous a,
.tabset-default .tabset-next a {
display: block;
color: #333;
text-decoration: none;
}

.tabset-default .tabset-previous .icon,
.tabset-default .tabset-next .icon {
display: inline-block;
vertical-align: top;
line-height: inherit;
text-align: center;
font-size: 9px;
min-width: 32px;
}

.tabset-default .tabset-previous {
float: left;
}

.tabset-default .tabset-next {
float: right;
}

@media (min-width: 1024px) {
.tabset-default .tab-link {
border-radius: 4px 4px 0 0;
margin-right: 4px;
}
}

/* end @media */

/* Accordion
========================================================================== */

/* Default accordion
-------------------------------------------------------------------------- */

.accordion-default {
margin-bottom: 20px;
padding-top: 1px;
}

.accordion-default .accordion-title {
background: #f6f6f7;
border: 1px solid #e3e4e6;
color: #000;
font-weight: 600;
font-size: 15px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
margin: -1px 0 0;
padding: 16px 19px 15px;
cursor: pointer;
position: relative;
}

.accordion-default .accordion-title:after {
font-family: "icomoon";
color: #959597;
font-size: 13px;
line-height: 24px;
content: "\ea0a";
position: absolute;
right: 16px;
top: 16px;
}

.accordion-default .accordion-title:hover {
background: #e3e4e6;
}

.accordion-default .accordion-content {
border: 1px solid #e3e4e6;
margin: -1px 0 0;
padding: 15px 19px;
}

.accordion-default .accordion-active .accordion-title {
background: #a21f4e;
border-color: #a21f4e;
color: #fff;
}

.accordion-default .accordion-active .accordion-title:after {
color: #fff;
content: "\ea0b";
}

/* Gallery
========================================================================== */

.gallery {
margin: 0 -16px 20px;
}

.gallery-columns {
display: table;
width: 100%;
font-size: 0;
margin-bottom: -8px;
padding-top: 8px;
}

.gallery-item {
display: inline-block;
vertical-align: top;
margin: 0 0 16px;
padding: 0 16px;
}

.gallery-thumbnail img {
border: 0;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 100%;
height: auto;
}

.gallery-caption {
font-size: 14px;
line-height: 16px;
text-align: center;
margin: 0;
padding: 16px 0;
}

.gallery-columns-1 .gallery-item {
width: 100%;
}

.gallery-columns-2 .gallery-item {
width: 50%;
}

.gallery-columns-3 .gallery-item {
width: 33.33333333%;
}

.gallery-columns-4 .gallery-item {
width: 25%;
}

.gallery-columns-5 .gallery-item {
width: 20%;
}

.gallery-columns-6 .gallery-item {
width: 16.66666667%;
}

.gallery-columns-7 .gallery-item {
width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
width: 12.5%;
}

.gallery-columns-9 .gallery-item {
width: 11.11111111%;
}

/* Navigations
========================================================================== */

.navigation:after {
content: "";
display: table;
clear: both;
}

@media (max-width: 1023px) {
.navigation-toggle {
background: transparent;
border: transparent;
margin: 0;
padding: 0;
position: absolute;
top: 8px;
right: 16px;
z-index: 9999;
}

.navigation-toggle-title {
display: table-cell;
vertical-align: middle;
padding-right: 8px;
}

.navigation-toggle-icon {
display: table-cell;
vertical-align: middle;
width: 40px;
height: 40px;
}

.navigation-toggle-icon .icon-bar {
display: block;
background: #808183;
width: 24px;
height: 5px;
margin: auto;
}

.navigation-toggle-icon .icon-bar + .icon-bar {
margin-top: 5px;
}

.navigation-toggle-active .navigation-toggle-icon .icon-bar {
background: #a21f4e;
}

.navigation-collapse {
max-height: 0;
overflow: hidden;
transition-property: max-height;
transition-duration: 0s;
}

.navigation-open {
max-height: 1200px;
transition-duration: 1.2s;
}
}

/* end @media */

@media (min-width: 1024px) {
.navigation-toggle {
display: none;
}
}

/* end @media */

/* Navigation area
-------------------------------------------------------------------------- */

.navigation-area .col {
min-height: 0;
}

@media (max-width: 1023px) {
.navigation-area {
background: #f4f4f5;
border-bottom: 2px solid #d0d2d6;
padding-bottom: 10px;
}
}

/* end @media */

/* Site navigation
-------------------------------------------------------------------------- */

@media (min-width: 1024px) {
.site-navigation {
background: transparent;
display: table;
font-size: 0;
line-height: 0;
width: 100%;
height: 48px;
margin-top: -48px;
}
}

/* end @media */

/* Header navigation
-------------------------------------------------------------------------- */

/* Sidebar navigation
-------------------------------------------------------------------------- */

/* Footer navigation
-------------------------------------------------------------------------- */

/* Archives navigation
-------------------------------------------------------------------------- */

/* Paging navigation
-------------------------------------------------------------------------- */

.paging-navigation {
font-family: 'Roboto', sans-serif;
clear: both;
margin-bottom: 20px;
padding: 20px 0;
}

.paging-navigation .nav-links {
display: table;
width: 100%;
font-size: 0;
}

.paging-navigation .page-numbers {
display: inline-block;
vertical-align: top;
border: 2px solid transparent;
border-radius: 50%;
color: #333;
font-weight: 600;
font-size: 14px;
line-height: 28px;
text-align: center;
text-decoration: none;
min-width: 32px;
}

.paging-navigation a.page-numbers:hover {
color: #A1033E;
}

.paging-navigation .icon {
font-size: 9px;
position: relative;
top: -1px;
}

.paging-navigation .current {
border-color: #e3e4e6;
color: #b41747;
font-weight: bold;
}

/* Pager navigation
-------------------------------------------------------------------------- */

.pager-navigation {
clear: both;
border-top: 2px solid #e3e4e6;
border-bottom: 2px solid #e3e4e6;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 32px;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 36px;
margin-bottom: 40px;
padding: 14px 8px 14px;
}

.pager-navigation a {
display: block;
color: #333;
text-decoration: none;
}

.pager-navigation a:hover {
color: #A1033E;
}

.pager-navigation .icon {
display: inline-block;
vertical-align: top;
line-height: inherit;
text-align: center;
font-size: 9px;
min-width: 32px;
}

.pager-navigation .nav-previous {
float: left;
}

.pager-navigation .nav-next {
float: right;
}

/* Menus
========================================================================== */

.menu,
.menu li,
.menu ul,
.menu ol,
.menu dl,
.menu dt,
.menu dd {
list-style: none;
margin: 0;
padding: 0;
}

.menu:after {
display: table;
content: "";
clear: both;
}

.menu li:before {
content: none;
display: inline;
vertical-align: baseline;
background: none;
width: auto;
height: auto;
margin-top: 0;
margin-right: 0;
position: static;
left: auto;
}

/* Menu site
-------------------------------------------------------------------------- */

.menu-site {
margin-left: -16px;
margin-right: -16px;
padding-top: 16px;
}

.menu-site > li {
float: left;
width: 50%;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
padding-left: 16px;
padding-right: 16px;
}

.menu-site > li > a {
border-bottom: 1px solid #d0d2d6;
display: block;
color: #000;
padding: 8px 0 7px;
}

.menu-site > li > a:hover {
color: #a1033e;
}

@media (min-width: 1024px) {
.menu-site {
vertical-align: top;
text-align: justify;

text-justify: distribute;
background: #e3e4e6;
border-radius: 4px 4px 0 0;
margin: 0;
padding: 0 20px;
}

.menu-site:after {
content: "";
display: inline-block;
vertical-align: top;
width: 100%;
}

.menu-site > li {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
width: auto;
font-size: 17px;
line-height: 24px;
padding: 0;
position: relative;
}

.menu-site > li:before {
content: "";
display: block;
background: #d0d2d6;
width: 1px;
height: 28px;
position: absolute;
top: 10px;
bottom: 5px;
margin-left: 10px;
}

.menu-site > li:first-child:before {
content: none;
}

.menu-site > li > a {
border-bottom: 0;
padding: 12px 0 10px;
}
}

/* end @media */

@media (min-width: 1280px) {
.menu-site {
padding-left: 32px;
padding-right: 32px;
margin-right:30px;
}

.menu-site > li:before {
left: -32px;
}
}

/* end @media */

/* Menu header
-------------------------------------------------------------------------- */


@media (max-width: 1023px) {
.menu-header {
margin-left: -16px;
margin-right: -16px;
margin-bottom: 24px;
}

.menu-header > li {
float: left;
width: 50%;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
padding-left: 16px;
padding-right: 16px;
}

.menu-header > li > a {
border-bottom: 1px solid #d0d2d6;
display: block;
color: #000;
padding: 8px 0 7px;
}

.menu-header > li > a:hover {
color: #808183;
}
}

/* end @media */

@media (min-width: 1024px) {
.menu-header {
display: inline-block;
vertical-align: top;
}

.menu-header > li {
float: left;
font-size: 11px;
line-height: 32px;
font-weight:600;
}

.menu-header > li:before {
content: "|";
margin: 0 4px;
}

.menu-header > li:first-child:before {
content: none;
}

.menu-header > li > a {
color: #808183;
}

.menu-header > li > a:hover {
color: #000;
}
}

/* end @media */

/* Menu sidebar
-------------------------------------------------------------------------- */

.menu-sidebar {
margin-bottom: 40px;
}

.menu-sidebar > li {
border-bottom: 0px;
font-weight: 400;
font-size: 16px;
}

.menu-sidebar > li > a {
display: block;
color: #a1033e;
padding: 8px 0 7px;
}

.menu-sidebar > li:first-child {
border-top: 0px;
}

.menu-sidebar > li:first-child a {
padding-top: 7px;
}

.menu-sidebar > li > a:hover {
color: #000;
}

/**
* Menu sidebar tier two.
*/

/* .menu-sidebar ul {
padding-bottom: 8px;
} */

.menu-sidebar ul > li {
font-weight: 400;
font-size: 14px;
margin-bottom: 4px;
}

.menu-sidebar ul > li > a {
color: #141414;
}

.menu-sidebar ul > li ul li {
padding-left: 10px;
}

.menu-sidebar ul li {
display: none;
}

.menu-sidebar li.current-menu-ancestor > ul > li,
.menu-sidebar ul li.current-menu-ancestor > ul > li,
.menu-sidebar ul li ul li.current-menu-ancestor > ul > li,
.menu-sidebar ul li ul li ul li.current-menu-ancestor > ul > li,
.menu-sidebar ul li ul li ul li ul li.current-menu-ancestor > ul > li,
.menu-sidebar ul li ul li ul li ul li ul li.current-menu-ancestor > ul > li,
.menu-sidebar ul li ul li ul li ul li ul li ul li.current-menu-ancestor > ul > li {
display: block;
}

.menu-sidebar li.current_page_item > ul > li,
.menu-sidebar ul li.current_page_item > ul > li,
.menu-sidebar ul li ul li.current_page_item > ul > li,
.menu-sidebar ul li ul li ul li.current_page_item > ul > li,
.menu-sidebar ul li ul li ul li ul li.current_page_item > ul > li,
.menu-sidebar ul li ul li ul li ul li ul li.current_page_item > ul > li,
.menu-sidebar ul li ul li ul li ul li ul li ul li.current_page_item > ul > li {
display: block;
}

.menu-sidebar li.current_page_item > a {
color: #B41747;
}

@media (min-width: 1024px) {
.menu-sidebar {
margin-left: -24px;
margin-right: -24px;
}

.menu-sidebar > li {
padding-left: 24px;
padding-right: 24px;
}
}

/* end @media */

/* Menu archives
-------------------------------------------------------------------------- */

.menu-archives {
margin-bottom: 0px;
padding: 4px 16px 0px;
}

.menu-archives > li {
margin-bottom: 12px;
}

.menu-archives > li > a {
color: #333;
}

.menu-archives > li > a:hover {
color: #A1033E;
}

@media (max-width: 543px), 
(min-width: 768px) and (max-width: 1023px),
(min-width: 1280px) {
.menu-archives {
margin-right: -20px;
}

.menu-archives > li {
float: left;
width: 50%;
}
}

/* end @media */

/* Menu footer
-------------------------------------------------------------------------- */

.menu-footer {
margin-left: -16px;
margin-right: -16px;
margin-bottom: 40px;
font-size: 0;
display: table;

}

.menu-footer > li {
display: inline-block;
vertical-align: bottom;
width: 50%;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: 400;
padding-left: 16px;
padding-right: 16px;
}

.menu-footer > li > a {
border-bottom: 1px solid #333;
display: block;
color: #acadaf;
padding: 12px 0 11px 8px;
}

.menu-footer > li > a:hover {
color: #fff;
}

@media (min-width: 1024px) {
.menu-footer {
margin-top: -8px;
}
}

/* end @media */

/* Menu social
-------------------------------------------------------------------------- */

.menu-social {
display: table;
font-size: 0;
margin-bottom: 20px;
}

.menu-social li {
display: inline-block;
vertical-align: top;
font-size: 20px;
line-height: 1;
margin-right: 8px;
}

.menu-social li:last-child {
margin-right: 0;
}

.menu-social a {
display: block;
vertical-align: top;
color: #000;
}

/**
* Menu Social Header
*/

.menu-social-header a:hover {
color: #a1033e;
}

@media (min-width: 1024px) {
.menu-social-header {
float: right;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 8px;
}
}

/* end @media */

/**
* Menu Social Footer
*/

.menu-social-footer {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}

.menu-social-footer a {
color: #acadaf;
}

.menu-social-footer a:hover {
color: #fff;
}

@media (min-width: 544px) {
.menu-social-footer {
margin-left: auto;
margin-right: 0;
}
}

/* end @media */

/* Menu Industries
-------------------------------------------------------------------------- */

.menu-industries {
border-top: 2px solid #e3e4e6;
border-left: 2px solid #e3e4e6;
margin-top: -2px;
margin-bottom: 76px;
}

.menu-industries li {
border-bottom: 2px solid #e3e4e6;
border-right: 2px solid #e3e4e6;
font-weight: 500;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}

.menu-industries li:nth-child(odd) {
background: #f4f4f5;
}

.menu-industries a {
display: block;
color: #333;
position: relative;
}

.menu-industries a:hover {
color: #A1033E;
}

.menu-industries a:after {
color: #b41747;
font-family: "icomoon";
font-size: 15px;
line-height: 1;
content: "\eb07";
position: absolute;
right: 14px;
top: 0;
bottom: 0;
width: 15px;
height: 15px;
margin: auto;
}

.menu-industries a:hover:after {
color: #333;
}

.menu-industries .media {
display: table;
padding: 12px 32px 12px 16px;
}

.menu-industries .icon {
font-size: 40px;
vertical-align: top;
}

@media (min-width: 544px) {
.menu-industries li {
float: left;
width: 50%;
}

.menu-industries .media {
display: table;
padding: 0 32px 0 16px;
height: 96px;
}
}

/* end @media */

@media (min-width: 1024px) {
.menu-industries li {
width: 33.33333333%;
}
}

/* end @media */

/* Menu Industries Alt
-------------------------------------------------------------------------- */

.menu-industries-alt {
margin-left: -16px;
margin-right: -16px;
}

.menu-industries-alt li {
font-family: 'Roboto', sans-serif;
line-height: 16px;
}

.menu-industries-alt li:last-child .media {
border-bottom: 0;
}

.menu-industries-alt a {
display: block;
color: #333;
position: relative;
}

.menu-industries-alt a:hover {
color: #b41747;
}

.menu-industries-alt .media {
border-top: 1px solid #e3e4e6;
display: table;
padding: 11px 32px 12px 15px;
}

.menu-industries-alt .media-left {
padding-right: 8px;
}

.menu-industries-alt .icon {
font-size: 24px;
vertical-align: top;
}


@media (min-width: 544px) {
.menu-industries-alt li {
float: left;
width: 50%;
padding-left: 16px;
padding-right: 16px;
}

.menu-industries-alt .media {
display: table;
padding: 7px 16px 8px 16px;
}
}

/* end @media */

@media (min-width: 1024px) {
.menu-industries-alt li {
width: 33.33333333%;
}
}

/* end @media */

@media (min-width: 1280px) {
.menu-industries-alt li {
width: 25%;
}
}

/* end @media */

/* Helper classes
========================================================================== */

/**
* Remove margin.
*/

.nm {
margin: 0;
}

/**
* Remove padding.
*/

.np {
padding: 0;
}

/**
* Alignment.
*/

.alignleft {
float: left;
}

.alignright {
float: right;
}

.aligncenter {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}

.alignnone {
float: none;
}

/**
* Clear floats.
*/

.clear {
clear: both;
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

/**
* Clearfix.
*/

.clearfix:after {
content: "";
display: table;
clear: both;
}

/**
* Display.
*/

.display-block {
display: block !important;
}

.display-inline {
display: inline !important;
}

.display-inline-block {
display: inline-block !important;
}

.display-none {
display: none !important;
}

@media (max-width: 543px) {
.display-block-xs {
display: block !important;
}

.display-inline-xs {
display: inline !important;
}

.display-inline-block-xs {
display: inline-block !important;
}

.display-none-xs {
display: none !important;
}
}

/* end @media */

@media (min-width: 544px) and (max-width: 767px) {
.display-block-sm {
display: block !important;
}

.display-inline-sm {
display: inline !important;
}

.display-inline-block-sm {
display: inline-block !important;
}

.display-none-sm {
display: none !important;
}
}

/* end @media */

@media (min-width: 768px) and (max-width: 1023px) {
.display-block-md {
display: block !important;
}

.display-inline-md {
display: inline !important;
}

.display-inline-block-md {
display: inline-block !important;
}

.display-none-md {
display: none !important;
}
}

/* end @media */

@media (min-width: 1024px) and (max-width: 1279px) {
.display-block-lg {
display: block !important;
}

.display-inline-lg {
display: inline !important;
}

.display-inline-block-lg {
display: inline-block !important;
}

.display-none-lg {
display: none !important;
}
}

/* end @media */

@media (min-width: 1280px) {
.display-block-xl {
display: block !important;
}

.display-inline-xl {
display: inline !important;
}

.display-inline-block-xl {
display: inline-block !important;
}

.display-none-xl {
display: none !important;
}
}

/* end @media */

/**
* Image replacement.
*/

.ir {
background-color: transparent;
border: 0;
overflow: hidden;
}

.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}

/**
* Hide from both screenreaders and browsers.
*/

.hidden {
display: none !important;
visibility: hidden;
}

/**
* Hide only visually, but have it available for screenreaders.
*/

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/**
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard.
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;

height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}

/**
* Hide visually and from screenreaders, but maintain layout.
*/

.invisible {
visibility: hidden;
}

/**
* Display baseline grid.
*/

.baseline {
position: relative;
}

.baseline:after {
content: "";
display: block;
background-image: -moz-linear-gradient(top, rgba(255,0,0,0) 95%, rgba(255,0,0,0.3) 100%);
/* FF3.6+ */
background-image: -webkit-linear-gradient(top, rgba(255,0,0,0) 95%,rgba(255,0,0,0.3) 100%);
/* Chrome10+,Safari5.1+ */
background-image: linear-gradient(top, rgba(255,0,0,0.3) 95%,rgba(255,0,0,0.3) 100%);
/* W3C */
background-size: 100% 24px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: none;
pointer-events: none;
}

/* ##########################################################################
		 M O D U L E S
########################################################################## */

/* Site
========================================================================== */

.site {
background: #fff;
min-width: 320px;
max-width: 2000px;
margin-left: auto;
margin-right: auto;
position: relative;
}

/* Site branding
========================================================================== */

.site-branding {
padding: 8px 0;
}

.site-brand {
text-decoration: none;
}

.site-logo {
vertical-align: top;
height: 40px;
width: auto;
max-width: 100%;
}

.site-title {
margin: 0;
padding: 0;
}

.site-tagline {
margin: 0;
padding: 0;
}

@media (min-width: 1024px) {
.site-branding {
margin-right: -16px;
height: 96px;
padding: 27px 0 1px 0;
position: relative;
}

.site-logo {
height: auto;
vertical-align: bottom;
}

.site-tagline {
position: absolute;
left: 100%;
font-size: 14px;
line-height: 24px;
padding-left: 16px;
white-space: nowrap;
top: 16px;
}
}

/* end @media */

@media (min-width: 1280px) {
.site-branding {
padding: 20px;
margin: 0 auto;
text-align: center;
}

.site-tagline {
font-size: 16px;
line-height: 20px;
}
}

/* end @media */

/* Site header
========================================================================== */

.site-header .container {
position: relative;
}

.site-header-primary {
border-bottom: 1px solid #e3e4e6;
}

.site-header-secondary {
border-top: 2px solid #d0d2d6;
}



/* end @media */

/* Site header utility
========================================================================== */

@media (min-width: 1024px) {
.header-utility {
display: table;
font-size: 0;
line-height: 0;
text-align: center;
width: 100%;
margin-top: -104px;
padding: 12px 0px;

}

.header-utility .row {
display: inline-block;
vertical-align: top;
margin: 0;
}

.header-utility .col {
display: inline-block;
vertical-align: top;
width: auto;
padding: 0;
}
}

/* end @media */

/* Site language
========================================================================== */

.site-language {
margin-bottom: 20px;
}

.site-language select {
background: #fff;
border: 1px solid #d0d2d6;
display: block;
width: 100%;
font-size: 13px;
padding-left: 11px;
}

@media (min-width: 1024px) {
.site-language {
float: left;
margin-bottom: 0;
padding-left: 32px;
padding-right: 20px;
}

.site-language select {
width: 192px;
height: 32px;
}
}

/* end @media */

@media (min-width: 1280px) {
.site-language select {
width: 268px;
}
}

/* end @media */

/* Site search
========================================================================== */

.site-search .search-form-btn {
color: #A1033E;
}

.site-search .search-form-input {
background: #fff;
border: 1px solid #d0d2d6;
display: block;
width: 100%;
font-size: 13px;
padding-left: 15px;
}

@media (min-width: 1024px) {
.site-search {
display: inline-block;
vertical-align: top;
position: relative;
width: 40px;
}

.site-search .search-form {
display: none;
margin-bottom: 0;
}

.site-search .search-form-open {
display: block;
position: absolute;
right: 0;
width: 392px;
}

.site-search .search-form-input {
float: left;
width: 100%;
height: 32px;
font-size: 13px;
}

.site-search .search-form-btn {
width: auto;
padding: 0 16px;
}

.site-search .search-form-btn {
display: block;
padding: 0 9.5px 0 10px;
}

.site-search .search-form-btn .icon {
display: block;
width: 20px;
}
}

/* end @media */

@media (min-width: 1280px) {
.site-search .search-form-open {
width: 468px;
}
}

/* end @media */

/* Site banner
========================================================================== */

.banner-area {
position: relative;
}

/* Banner slider
-------------------------------------------------------------------------- */

.banner-slider .slide {
height: 608px;
background-position: center top;
color: #fff;
}

.banner-slider .slide img {
margin: auto;
}

.banner-slider .slide-title {
color: #fff;
font-weight: 500;
font-size: 40px;
line-height: 40px;
text-transform: uppercase;
margin-bottom: 0;
}

.banner-slider .slide-title strong {
font-style: italic;
}

.banner-slider .slide .media {
display: table;
width: 768px;
height: 336px;
margin: auto;
}

@media (min-width: 1024px) {

}

/* end @media */

/* Site main
========================================================================== */

/* Breadcrumb area
========================================================================== */

/*.breadcrumbs-area {
background: #E3E4E6 url("../img/bg-rpt-02.png") repeat center top;
padding: 24px 0;
}

.breadcrumbs {
font-size: 14px;
line-height: 24px;
}

/* Content area
========================================================================== */

.site-content {
padding-top: 12px;
padding-bottom: 20px;

}

@media (min-width: 1024px) {
.site-content {
padding-top: 44px;
}
}

/* end @media */

/* Page content area
-------------------------------------------------------------------------- */

@media (min-width: 1024px) {
.page-content-area .site-content {
padding-bottom: 0;
}
}

/* end @media */

/* Archives, categories, tags, post types content area
-------------------------------------------------------------------------- */

.archive-content-area .content-header {
border-bottom: 2px solid #e3e4e6;
margin-bottom: 28px;
padding-bottom: 22px;
}

.archive-content-area .content-title {
margin-bottom: 0;
}

/* Archives, categories, tags, post types content area
-------------------------------------------------------------------------- */

.news-events-content-area .section-title {
padding-top: 0;
margin-bottom: 10px;
}

.news-events-content-area .view-more {
display: block;
margin-bottom: 10px;
}

@media (min-width: 544px) {
.news-events-content-area .view-more {
line-height: 36px;
text-align: right;
}
}

/* Singular, single, image, attachment content area
-------------------------------------------------------------------------- */

/* Industries content area
-------------------------------------------------------------------------- */

.industries-content-area .site-content {
padding-top: 24px;
padding-bottom: 4px;
}

.industries-content-area .content-title {
color: #000;
font-weight: 300;
font-size: 40px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 32px;
}

/* Services content area
-------------------------------------------------------------------------- */

.services-content-area .site-content {
background: #E3E4E6 url("../img/bg-rpt-02.png") repeat center top;
padding-top: 24px;
padding-bottom: 4px;
}

.services-content-area .content-title {
color: #000;
font-weight: 300;
font-size: 40px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 32px;
}

/* Page entry
========================================================================== */

/* Singular entry
========================================================================== */

.author, .date {display: none !important}

.singular-entry .entry-header {
margin-bottom: 36px;
}

.singular-entry .entry-title {
padding-bottom: 18px;
margin-bottom: 0;
border-bottom: 2px solid #e3e4e6;
}

.singular-entry .entry-meta {
border-bottom: 2px solid #e3e4e6;
color: #808183;
font-size: 14px;
line-height: 16px;
padding: 16px 0 14px;
}

.singular-entry .entry-meta a {
color: inherit;
}

.singular-entry .entry-meta a:hover {
color: #000;
}

.singular-entry .entry-meta .categories-links:before,
.singular-entry .entry-meta .author:before,
.singular-entry .entry-meta .comments-popup-link:before {
content: "| ";
margin: 0 2px;
}

.image-attachment .entry-meta .attachment-meta:after {
content: " |";
margin: 0 2px;
}

.singular-entry .entry-meta .share {
color: #333333;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 500;
white-space: nowrap;
text-transform: uppercase;
text-align: right;
vertical-align: top;
padding-right: 16px;
}

.singular-entry .entry-meta .share .icon {
display: inline-block;
color: #808183;
font-size: 20px;
vertical-align: top;
margin-top: -2px;
margin-bottom: -2px;
margin-left: 8px;
}

.singular-entry .entry-meta .share a:hover .icon {
color: #b41747;
}

/* Archive entry
========================================================================== */

.archive-entry {
border-bottom: 2px solid #e3e4e6;
margin-bottom: 32px;
padding-bottom: 30px;
}

.archive-entry:last-of-type {
margin-bottom: 0;
}

.archive-entry .thumbnail {
max-width: 66.66%;
margin-left: auto;
margin-right: auto;
}

.archive-entry .entry-thumbnail .icon {
color: #b41747;
font-size: 64px;
vertical-align: top;
margin-right: 16px;
}

.archive-entry .entry-header {
margin-bottom: 16px;
}

.archive-entry .entry-title {
margin-bottom: 8px;
padding-top: 8px;
}

.archive-entry .entry-title a:hover {
color: #A1033E;
}

.archive-entry .entry-meta {
color: #808183;
font-size: 14px;
line-height: 16px;
}

.archive-entry .entry-meta a {
color: inherit;
}

.archive-entry .entry-meta a:hover {
color: #000;
}

.archive-entry .entry-meta .categories-links:before,
.archive-entry .entry-meta .author:before,
.archive-entry .entry-meta .comments-popup-link:before {
content: "| ";
margin: 0 2px;
}

.archive-entry .entry-summary {
color: #333;
}

.archive-entry .entry-summary p {
margin-bottom: 0;
}

.archive-entry .entry-summary a {
display: inline-block;
font-family: 'Roboto', sans-serif;
font-weight: 600;
white-space: nowrap;
vertical-align: top;
margin: 2px 0;
}

.archive-entry .entry-summary a .icon {
color: #000;
font-size: 7px;
vertical-align: middle;
}

@media (min-width: 544px) {
.archive-entry .thumbnail {
max-width: 100%;
margin: 0;
}
}

/* end @media */

@media (min-width: 1024px) {
.archive-entry .col-sm-4 {
width: 37.5%;
}

.archive-entry .col-sm-8 {
width: 62.5%;
}
}

/* end @media */

/* Comments area
========================================================================== */

.comments-title {
margin-bottom: 44px;
}

.comment-list {
list-style: none;
margin: 0;
padding: 0;
}

.comment-list .comment {
margin-bottom: 36px;
position: relative;
}

.comment-list li:before {
content: none;
}

.comment-list .comment,
.comment-list .children {
padding-left: 56px;
}

.comment-list > li,
.comment-list .children > li {
margin: 0;
}

.comment-meta {
color: #808183;
margin-bottom: 4px;
}

.comment-author .avatar {
display: block;
width: 40px;
height: 40px;
position: absolute;
left: 0;
top: 0;
}

.comment-author .fn {
color: #333;
font-family: 'Roboto', sans-serif;
font-weight: 600;
margin-right: 4px;
vertical-align: top;
}

.comment-author .url {

color: inherit;
text-decoration: none;
}

.comment-metadata {
font-size: 14px;
}

.comment-content li:before {
content: "";
}

.comment-reply {
margin-top: -24px;
}

.comment-reply-title {
margin-bottom: 36px;
}

.comment-awaiting-moderation {
margin: 0;
}

.respond {
margin-bottom: 20px;
}

@media (min-width: 768px) {
.comment-list .comment,
.comment-list .children {
padding-left: 88px;
}

.comment-author,
.comment-metadata {
display: inline;
vertical-align: top;
}

.comment-author .avatar {
height: 64px;
width: 64px;
}
}

/* end @media */

/* Sidebar area
========================================================================== */

@media (max-width: 1023px) {
.sidebar-area {
background: #fafbfb;
border-top: 2px solid #ecedee;
padding-top: 38px;
clear: both;
}
}

/* end @media */

@media (min-width: 1024px) {
.sidebar-area {
overflow: hidden;
}

.site-sidebar {
margin-top: 64px;
/*margin-bottom: -64px;*/
background: #fafbfb;
border-left: 2px solid #ecedee;
padding-left: 22px;
padding-right: 24px;
}
}

/* end @media */

/* Site footer
========================================================================== */

.site-footer-primary {
background: #242424;
padding-top: 40px;
padding-bottom: 24px;
}

.site-footer-secondary {
background: #333;
padding-top: 36px;
padding-bottom: 44px;
}

@media (min-width: 768px) {
.site-footer-primary {
padding-bottom: 56px;
}
}

/* end @media */

@media (min-width: 1024px) {
.site-footer-primary {
padding-top: 48px;
padding-bottom: 8px;
}
}

/* end @media */

/* Site vcard
========================================================================== */

.site-vcard {
color: #acadaf;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 16px;
margin-bottom: 24px;
}

.site-vcard-title {
border-bottom: 1px solid #333;
color: #ACADAF;
font-weight: 600;
font-size: 16px;
line-height: 24px;
margin-top: -4px;
margin-bottom: 0;
padding: 3px 8px 8px;
}

.site-vcard .icon {
	/*color: #b41747;*/
	color: rgba(109, 150, 189, 1);
	vertical-align: top;
}

.site-vcard .media {
border-bottom: 1px solid #333;
padding: 10px 8px 9px;
}

.site-vcard .media-left {
padding-right: 12px;
}

.site-vcard .media-right {
padding-left: 12px;
}

.site-vcard .region {
border: 0;
}

/* Site copyright
========================================================================== */

.site-copyright {
color: #acadaf;
font-size: 14px;
line-height: 16px;
padding-top: 4px;
}

.site-copyright a {
color: inherit;
}

.site-copyright a:hover {
color: #fff;
}

@media (min-width: 544px) {
.site-copyright {
margin-bottom: 0;
}
}

/* end @media */

/* Services and Industries
========================================================================== */

.services-industries {
background: #242424;
padding-top: 20px;
padding-bottom: 24px;
left: 0;
right: 0;
}

.services-industries-title {
color: #fff;
font-weight: 300;
font-size: 32px;
line-height: 36px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 8px;
}

.services-industries-list {
margin: 0;
padding: 0;
}

.services-industries-list li {
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
margin-bottom: 0;
}

.services-industries-list li:before {
background: none;
font-family: "icomoon";
content: "\eb07";
color: #a21f4e;
font-size: 7px;
line-height: 7px;
left: 16px;
top: 24px;
position: absolute;
}

.services-industries-list a {
display: block;
color: #fff;
padding: 14px 4px 14px 30px;
font-size: 18px;
}

.services-industries-list a:hover {
color: #e3e4e6;
}

.services-industries-list li:nth-child(odd) {
background: rgba(227,228,230,0.10);
}

@media (min-width: 1024px) {
.services-industries {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#242424+0,242424+100&0.87+0,0.99+61,1+100 */
background: -moz-linear-gradient(top,  rgba(36,36,36,0.87) 0%, rgba(36,36,36,0.99) 61%, rgba(36,36,36,1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(36,36,36,0.87) 0%,rgba(36,36,36,0.99) 61%,rgba(36,36,36,1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(36,36,36,0.87) 0%,rgba(36,36,36,0.99) 61%,rgba(36,36,36,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
position: absolute;
bottom: 0;
padding-bottom: 36px;
z-index: 1;
}

.services-industries-title {
font-size: 40px;
}

.services-industries-title a {
color: inherit;
}

.services-industries-list li {
background: rgba(227,228,230,0.10);
float: left;
width: 50%;
}

.services-industries-list li:before {
font-size: 9px;
}

.services-industries-list li:nth-child(4n+3),
.services-industries-list li:nth-child(4n+4) {
background: transparent;
}
}

/* end @media */

@media (min-width: 1280px) {
.services-industries-list li {
font-size: 20px;
}
}

/* end @media */

/* Services
========================================================================== */

.services {
padding-bottom: 20px;
}

.service a {
display: block;
background: #fff;
box-shadow: 0 0 5px rgba(85,85,87,.2);
margin-bottom: 32px;
}

.service a:hover .service-title {
color: #A1033E;
}

.service-body {
padding: 12px 24px;
display: table;
width: 100%;
vertical-align: middle;
position: relative;
}

.service-body:before {
content: "";
position: absolute;
top: 12px;
bottom: 12px;
right: 40px;
margin: auto;
border-left: 1px solid #ccc;
}

.service-body:after {
font-family: 'icomoon';
content: "\eb07";
font-size: 15px;
line-height: 1;
text-align: center;
width: 40px;
height: 15px;
display: block;
position: absolute;
top: 12px;
bottom: 12px;
right: 0;
margin: auto;
}

.service a:hover .service-body:after {
color: #333;
}

.service-thumbnail {
margin-bottom: 0;
}

.service-thumbnail img {
width: 100%;
}

.service-title {
display: table-cell;
margin: 0;
padding: 8px 28px 8px 0;
vertical-align: middle;
height: 100%;
}

@media (min-width: 544px) {
.services {
margin-left: -16px;
margin-right: -16px;
}

.service {
float: left;
padding-left: 16px;
padding-right: 16px;
width: 50%;
}
}

/* end @media */

@media (min-width: 1024px) {
.service {
width: 33.33333333%;
}
}

/* end @media */

/* Contact us area
========================================================================== */

.contact-us {
	/*background: #b41747 url("http://www.metlabs.com/wp-content/uploads/2018/08/bg-01.png") no-repeat center top !important;*/
	/*background: #003883 url("http://www.metlabs.com/wp-content/uploads/2018/08/bg-01.png") no-repeat center top !important;*/
	background: #003883
}

.contact-us input,
.contact-us select,
.contact-us textarea {
background: #950038;
border: 2px solid #c02353;
display: block;
width: 100%;
height: 48px;
max-width: 100%;
}

.contact-us textarea {
height: 136px;
}

.contact-us-callout {
display: block;
padding: 32px 0;
}

.contact-us-title {
display: block;
color: #fff;
font-weight: 500;
text-align: center;
margin: 0;
padding: 0;
}

.contact-us-title .icon {
font-size: 16px;
vertical-align: middle;
}

.contact-us-callout:hover .contact-us-title {
color: #e3e4e6;
}

.contact-us-form {
padding-top: 60px;
padding-bottom: 40px;
}

.contact-us-form .contact-us-title {
margin-bottom: 16px;
}

.contact-us-form label {
font-weight: 400;
color: #ffffff;
line-height: 32px;
display: block;
margin-bottom: 0;
}

.contact-us-form .form-item {
margin-bottom: 8px;
}

.contact-us-form .form-btn {
padding-top: 32px;
padding-bottom: 16px;
}

.contact-us-form .btn {
color: #fff;
border-color: #fff;
letter-spacing: 0;
min-width: 168px;
}

.contact-us-form .btn:hover {
background: #fff;
color: #a1033e;
}

@media (min-width: 1024px) {
.contact-us-form {
padding-bottom: 56px;
}
}

/* end @media */

@media (min-width: 1280px) {
.contact-us-callout {
padding: 50px 0;
}

.contact-us-title {
font-size: 36px;
}
}

/* end @media */

/* Leading area
========================================================================== */

.leading-area {
background: #E3E4E6 url("../img/bg-rpt-02.png") repeat center top;
padding-top: 24px;
padding-bottom: 40px;
}

.leading-area .lead {
text-align: center;
}

.leading-area-title {
color: #b41747;
text-align: center;
margin-bottom: 20px;
}

@media (min-width: 1024px) {
.leading-area {
padding-top: 36px;
padding-bottom: 48px;
}

.leading-area-header {
padding-left: 5%;
padding-right: 5%;
}

.leading-area .lead {
font-size: 22px;
margin-bottom: 36px;
}
}

/* end @media */

/* iIndustries We Serve
========================================================================== */

.industries-we-serve {
background: #fff;
box-shadow: 0 0 5px rgba(85,85,87,.2);
padding-top: 8px;
padding-bottom: 24px;
padding-left: 16px;
padding-right: 16px;
}

.industries-we-serve-title {
margin-bottom: 8px;
}

/* Feed area
========================================================================== */


.feed-area {
padding-top: 16px;
padding-bottom: 8px;
}

.feed-area-header {
border-bottom: 1px solid #e3e4e6;
padding-bottom: 7px;
margin-bottom: 16px;
}

.feed-area-title {
	/*color: #b41747;*/
	color: #003883;
	margin-bottom: 16px;
}

.feed-area-links {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 14px;
}

.feed-area-links a {
margin-right: 16px;
white-space: nowrap;
}

.feed-area-links a:hover {
color: #000;
}

.feed-area-links a:last-child {
margin-right: 0;
}

.feed-area-links .icon {
color: #000;
font-size: 7px;
vertical-align: middle;
}

.feed {
margin-bottom: 20px;
}

.feed-footer ul {
border-top: 1px solid #e3e4e6;
margin: -1px 0 0 0;
padding: 0;
}

.feed-footer li {
border-bottom: 1px solid #e3e4e6;
line-height: 16px;
margin: 0;
padding: 12px 8px 11px;

}

.feed-footer li:before {
content: none;
}

.feed-footer a {
	/*color: #a1033e;*/
	color: #003883;
}

.feed-footer a:hover {
color: #000;
}

.feed-entry {
margin-bottom: 32px;
}

.feed-entry .entry-header {
margin-bottom: 16px;
}

.feed-entry .entry-thumbnail {
padding-right: 32px;
}

.feed-entry .entry-title {
color: #333;
font-size: 17px;
line-height: 20px;
margin-bottom: 8px;
padding-top: 4px;
}

.feed-entry .entry-title a:hover {
color: #b41747;
}

.feed-entry .entry-meta {
color: #808183;
font-size: 13px;
line-height: 16px;
}

.feed-entry .entry-meta a {
color: inherit;
}

.feed-entry .entry-meta a:hover {
color: #000;
}

.feed-entry .entry-meta .categories-links:before,
.feed-entry .entry-meta .author:before,
.feed-entry .entry-meta .comments-popup-link:before {
content: "| ";
margin: 0 2px;
}

.feed-entry .entry-summary {
font-size: 15px;
}

.feed-entry .entry-summary p {
margin-bottom: 0;
}

.feed-entry .entry-summary a {
font-weight: 600;
}

.feed-entry .entry-summary a:hover {
color: #000;
}

@media (min-width: 544px) {
.feed-area-links {
text-align: right;
padding-top: 28px;
}
}

/* end @media */

@media (min-width: 1024px) {
.feed-area {
padding-top: 20px;
padding-bottom: 28px;
}

.feed-area-title {
margin-bottom: 8px;
}

.feed-area-links a {
margin-right: 20px;
}

.feed {
margin-bottom: 20px;
}
}

/* end @media */

/* Quick Contact
========================================================================== */

.quick-contact {
display: none;
}

.quick-contact2 { 
width: 80px; max-width: 80px !important; 
max-height: 160px !important; height: 160px; bottom: 0; z-index: 1000;}

a#quick-contactform:hover, a#quick-rfq:hover {background-color: #fff; opacity: 0.27; z-index: 2000}
a#quick-contactform, a#quick-rfq {height:80px; background-color: transparent; display: inline-block !important}
a#quick-contactform {}
a#quick-rfq {}		

@media (min-width: 768px) {
.quick-contact2 { 
width: 110px; max-width: 110px !important; background-position: 0 17px; background-position: 0 20px;
max-height: 220px !important; height: 220px; bottom: 0; z-index: 1000}

a#quick-contactform:hover, a#quick-rfq:hover {background-color: #fff; opacity: 0.27; z-index: 2000}
a#quick-contactform, a#quick-rfq {height:110px; box-sizing: inherit; background-color: transparent; display: inline-block !important}
a#quick-contactform {top: 20px !important}
a#quick-rfq {top: 14px !important}	

.quick-contact {
display: block;
font-family: 'Roboto', sans-serif;
color: #fff;
font-size: 16px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
width: 160px;
height: 160px;
position: fixed;
right: 0;
bottom: 0;
z-index: 99;
}

.quick-contact:hover {
color: #fff;
}

.quick-contact:before {
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 160px 160px;
border-color: transparent transparent #b41747 transparent;
}

.quick-contact .text {
position: absolute;
right: 0;
bottom: 0;
padding: 16px 0 16px 44px;
}

.quick-contact .icon {
display: block;
font-size: 28px;
margin-bottom: 8px;
margin-left: 12px;
}
}

/* end @media */

/* Module
========================================================================== */

@media (min-width: 544px) {

}


/* end @media */


@media (min-width: 768px) {

}

/* end @media */

@media (min-width: 1024px) {

}

/* end @media */

@media (min-width: 1280px) {

}

/* end @media*/

/* ##########################################################################
  G R A V I T Y - F O R MS
########################################################################## */

/* Validation Error Outputs */

.gform_wrapper .top_label .gfield_error,
.gform_wrapper .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {
width: 100% !important;
}

.gform_wrapper #gform_1 .top_label .gfield_error input.large,
.gform_wrapper #gform_1 .top_label .gfield_error textarea.textarea,
.gform_wrapper #gform_4 .top_label .gfield_error input.large,
.gform_wrapper #gform_4 .top_label .gfield_error textarea.textarea {
width: 98% !important;
}

.gform_wrapper div.validation_error {
display: none !important;
}

.gform_wrapper .validation_message {
display: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 8px !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background: none !important;
border: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-left: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield_html {
max-width: 100% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
display: none !important;
}

div.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-bottom: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: .375em !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin: 0.625em 0 0 !important;
}

#input_1_9_6_container {
margin-left: 0 !important;
}

.gform_wrapper li.gfield_error select {
border: 1px solid #790000;
}

.contact-us .gform_wrapper .gfield_error .gfield_label {
color: #fff;
}

.gform_wrapper #gform_1 .ginput_container input,
.gform_wrapper #gform_4 .ginput_container input {
padding: 0 0 0 14px !important;
}

.gform_wrapper #gform_1 .ginput_container textarea,
.gform_wrapper #gform_4 .ginput_container textarea {
padding: 7px 15px !important;
}

.gform_wrapper #gform_1 .address_country select,
.gform_wrapper #gform_4 .address_country select {
padding: 0 0 0 14px !important;
}

.gform_wrapper input.datepicker {
width: 97.5% !important;
}

/* Homepage quick contact form */

.contact-us .gform_wrapper {
max-width: 100%;
}

.contact-us .gform_wrapper .ginput_container input.large {
width: 100%;
padding: 0 0 0 14px;
}

.contact-us .gform_wrapper .ginput_container textarea.large {
width: 100%;
padding: 7px 15px;
}

.contact-us #gform_3 {
position: relative;
}

.contact-us #gform_3:after {
content: "";
display: table;
clear: both;
}

.contact-us .gform_wrapper .top_label .gfield_label {
font-weight: 400;
margin-bottom: 0;
}

.contact-us .gform_wrapper .gform_button {
color: #fff;
border-color: #fff;
letter-spacing: 0;
background-color: transparent;
}

.contact-us .gform_wrapper .gform_button:hover {
background: #fff;
color: #a1033e;
}

.contact-us .gform_wrapper li#field_3_1,
.contact-us .gform_wrapper li#field_3_2,
.contact-us .gform_wrapper li#field_3_3,
.contact-us .gform_wrapper li#field_3_4,
.contact-us .gform_wrapper li#field_3_5,
.contact-us .gform_wrapper li#field_3_6,
.contact-us .gform_wrapper li#field_3_7,
.contact-us .gform_wrapper li#field_3_8 {
margin-bottom: 0;
}

.contact-us .gform_wrapper li#field_3_9,
.contact-us .gform_wrapper li#field_3_10 {
margin-bottom: 0;
}

.contact-us .gform_footer {
width: 168px !important;
}

@media (min-width: 768px) {
.contact-us .gform_wrapper li#field_3_1,
.contact-us .gform_wrapper li#field_3_2,
.contact-us .gform_wrapper li#field_3_3,
.contact-us .gform_wrapper li#field_3_4,
.contact-us .gform_wrapper li#field_3_5,
.contact-us .gform_wrapper li#field_3_6,
.contact-us .gform_wrapper li#field_3_7,
.contact-us .gform_wrapper li#field_3_8 {
float: left;
clear: none;
width: 328px !important;
}

.contact-us .gform_wrapper li#field_3_1,
.contact-us .gform_wrapper li#field_3_3,
.contact-us .gform_wrapper li#field_3_5,
.contact-us .gform_wrapper li#field_3_7 {
margin-right: 32px;
}

.contact-us .gform_wrapper li#field_3_2,
.contact-us .gform_wrapper li#field_3_4,
.contact-us .gform_wrapper li#field_3_6,
.contact-us .gform_wrapper li#field_3_8 {
margin-right: 0;
}
}

@media (min-width: 1024px) {
.contact-us .gform_wrapper li#field_3_1,
.contact-us .gform_wrapper li#field_3_2,
.contact-us .gform_wrapper li#field_3_3,
.contact-us .gform_wrapper li#field_3_4,
.contact-us .gform_wrapper li#field_3_5,
.contact-us .gform_wrapper li#field_3_6,
.contact-us .gform_wrapper li#field_3_7,
.contact-us .gform_wrapper li#field_3_8 {
margin-right: 32px;
width: 288px !important;
}

.contact-us .gform_wrapper li#field_3_9,
.contact-us .gform_wrapper li#field_3_10 {
width: 288px !important;
}

.contact-us .gform_wrapper li#field_3_9 textarea.large,
.contact-us .gform_wrapper li#field_3_10 textarea.large {
height: 96px;
}

.contact-us .gform_wrapper li#field_3_9 {
position: absolute;
top: 0;
right: 0;
}

.contact-us .gform_wrapper li#field_3_10 {
position: absolute;
top: 136px;
right: 0;
}

.contact-us .gform_footer {
position: absolute;
bottom: -8px;
right: 120px;
width: 168px !important;
}
}

@media (min-width: 1280px) {
.contact-us .gform_wrapper li#field_3_1,
.contact-us .gform_wrapper li#field_3_2,
.contact-us .gform_wrapper li#field_3_3,
.contact-us .gform_wrapper li#field_3_4,
.contact-us .gform_wrapper li#field_3_5,
.contact-us .gform_wrapper li#field_3_6,
.contact-us .gform_wrapper li#field_3_7,
.contact-us .gform_wrapper li#field_3_8 {
width: 368px !important;
}

.contact-us .gform_wrapper li#field_3_9,
.contact-us .gform_wrapper li#field_3_10 {
width: 368px !important;
}

.contact-us .gform_footer {
right: 200px;
}
}

/*! print.css*/

@media print {
/* ##########################################################################
				C O R E										
########################################################################## */

/* Base
========================================================================== */

*,
:before,
:after {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}

a,
a:visited {
text-decoration: underline;
}

/*a[href]:after {
content: " (" attr(href) ")"
}

abbr[title]:after {
content: " (" attr(title) ")"
}

a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""
}*/

pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}

thead {
display: table-header-group;
}

tr,
img {
page-break-inside: avoid;
}

img {
max-width: 100% !important;
}

p,
h2,
h3 {
orphans: 3;
widows: 3;
}

h2,
h3 {
page-break-after: avoid;
}

/* ##########################################################################
			C O M P O N E N T S
########################################################################## */

.navigation,
.menu {
display: none;
}

/* Print styles */
}

/* ##########################################################################
			 M O D U L E S
########################################################################## */


/* end @media */