/* ---------------------------------------------------------------------
 Modern Styles ---Jingyun
------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------
Base: Fonts
Web Fonts provided by fontspring.com
---------------------------------------------------------------------------- */
@import url('/assets/media/fonts/fonts.css');

/* ---------------------------------------------------------------------
 ANIMATION DEFAULTS
------------------------------------------------------------------------ */
/* Shade of red */
/* ---------------------------------------------------------------------
RESET CSS (thanks Eric Meyer)
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

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

:focus {
   outline: 2px solid crimson;
    border-radius: 3px; }

input:focus-visible {
    outline: 2px solid crimson;
    border-radius: 3px;
}
td:focus {
outline: 2px solid crimson;
border-radius: 3px; }

html {
  overflow-y: scroll;
  /* Always show a vertical scrollbar, even when there is no scrolling */ }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* ---------------------------------------------------------------------
 HTML5 Element Reset
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

audio, canvas, video, progress, picture {
  display: inline-block; }

template {
  display: none; }

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-results-button, 
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* ----------------------------------------------------------------------------
Elements
---------------------------------------------------------------------------- */
html, body {
  height: 100%;
  font-size: 16px; }

body {
  color: #000; /* KB #333333; */
  font-family:  Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 1.375;
  -webkit-font-smoothing: antialiased; }

body.isFixed {
  position: fixed; }

a {
  text-decoration: none;
  color: #009BDF; }

a:hover, a:focus {
  color: #B3EFFF; }
a.card {
color:#92278F; }
::-webkit-input-placeholder {
  color: #252525;
  font-family:  Arial, Verdana, sans-serif; }

:-moz-placeholder {
  color: #252525;
  font-family:  Arial, Verdana, sans-serif; }

::-moz-placeholder {
  color: #252525;
  font-family:  Arial, Verdana, sans-serif; }

:-ms-input-placeholder {
  color: #252525;
  font-family:  Arial, Verdana, sans-serif; }

sup {
  vertical-align: super;
  font-size: 0.4em; }

/* ---------------------------------------------------------------------
 Default/Small View (mobile-first) - 320px+
------------------------------------------------------------------------ */
.addthis_toolbox {
  line-height: 0; }

.addthis_toolbox > * + * {
  margin-left: 6px; }

.custom-addthisevent .addthisevent-drop {
  border: 1px solid #D7D8D9;
  color: #333333 !important;
  font-family:  Arial, Verdana, sans-serif !important;
  padding: 13px 23px 13px 43px !important;
  text-shadow: none !important;
  line-height: 1 !important;
  -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 12% center;
  text-align: center; }

.custom-addthisevent .addthisevent-drop:hover, .custom-addthisevent .addthisevent-drop:focus {
  border-color: #029DDD;
  background-color: #029DDD;
  color: #ffffff !important;
  font-size: 14px;
  font-size: 0.875rem; }

.custom-addthisevent .addthisevent-drop .addthisevent_icon {
  display: none; }

/* ----------------------------------------------------------------------------
 Vendor: dataTables overrides
---------------------------------------------------------------------------- */
/* IE9 footer scroll on hover bug fix - KB
 * See: http://datatables.net/forums/discussion/11384/strange-behavior-in-ie9-with-sscrollx/p1
 */
div.dataTables_scrollBody { min-height: 0%; }

th, td {
  white-space: nowrap; }

table.display {
  width: 100%;
  font-size: 16px;
  font-size: 1rem; }

table.dataTable thead th {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-family:  Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.321; }

table.dataTable thead th {
  padding: 8px 20px 8px 8px; }

table.dataTable.display tbody tr.odd {
  background-color: #EFF0F2; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #E0E1E3; }

.dataTables_length, .dataTables_filter {
  margin-bottom: 30px; }

.dataTables_filter input[type="search"] {
  padding: 5px;
  border: 1px solid #555555;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5; }

/* magically gets rid of the double scrollbar on the bottom */
.dataTables_scroll {
  overflow-x: hidden !important; }

/* magically gets rid of the double scrollbar on the top */
div.dataTables_sizing {
  display: none; }

.twitter-typeahead {
  width: 100%; }

.tt-dropdown-menu {
  width: 100%;
  border: 1px solid #D7D8D9;
  margin-top: 15px;
  color: #555555;
  font-family:  Arial, Verdana, sans-serif;
  font-size: 16px;
  font-size: 1rem; }

.tt-dropdown-menu:after, .tt-dropdown-menu:before {
  content: " ";
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.tt-dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px; }

.tt-dropdown-menu:before {
  border-color: rgba(241, 241, 242, 0);
  border-bottom-color: #D7D8D9;
  border-width: 9px;
  margin-left: -9px; }

.tt-input {
  color: #555555;
  font-family:  Arial, Verdana, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem; }

.tt-dataset-keywords:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  content: "Are you searching for...";
  color: #b4b5b7;
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  width: 100%;
  padding: 10px 15px;
  background: #ffffff;
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-style: italic;
}

.tt-suggestions {
  max-height: 250px;
  overflow-y: auto; }

.tt-suggestion {
  padding: 10px 15px;
  color: #555555;
  font-family:  Arial, Verdana, sans-serif;
  font-style: normal;
  background: #F5F5F5; }

.tt-suggestion:nth-child(2n) {
  background: #ffffff; }

.tt-highlight {
  font-family:  Arial, Verdana, sans-serif; }

.tt-cursor, .tt-cursor:nth-child(2n) {
  background: #029DDD;
  color: #ffffff;
  cursor: pointer; }

/* ---------------------------------------------------------------------
 Utiltiy 

/*doc
---
title: Breakpoint Utility Classes
name: utility
category: modules
---

TO-DO: molly doc

```html_example
<div class="isVisibleOnSmallOnly">
    <span class="demo-block">isVisibleOnSmallOnly</span>
</div>

<div class="isVisibleOnMediumOnly">
    <span class="demo-block">isVisibleOnMediumOnly</span>
</div>

<div class="isVisibleOnLargeOnly">
    <span class="demo-block">isVisibleOnLargeOnly</span>
</div>

<div class="isHiddenOnSmall">
    <span class="demo-block">isHiddenOnSmall</span>
</div>

<div class="isHiddenOnMedium">
    <span class="demo-block">isHiddenOnMedium</span>
</div>

<div class="isHiddenOnLarge">
    <span class="demo-block">isHiddenOnLarge</span>
</div>
```

*/
.isVisuallyHidden {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.isImageReplaced {
  border: 0;
  background-color: transparent;
  overflow: hidden; }
  .isImageReplaced:before {
    content: " ";
    display: block;
    height: 150%;
    width: 0; }

.isHidden, .printOnly {
  display: none; }

.isVisibleOnMediumOnly {
  display: none; }

.isVisibleOnLargeOnly {
  display: none; }

.isHiddenOnSmall {
  display: none; }

.isHiddenOnMedium {
  display: block; }

.isHiddenWhenSiteFixed {
  display: block; }

.site_isFixed .isHiddenWhenSiteFixed, .isFixed .isHiddenWhenSiteFixed {
  display: none; }

.alignCenter {
  text-align: center; }
  
.nobreak {
  white-space: nowrap;
}

.floatRightSm {
  float: right; }

.footer {
  color: #ffffff; }

.footerContent + .footerContent {
  margin-top: 60px; }

.footerContent-bd {
  font-size: 14px;
  font-size: 0.875rem; }

.footerContent-ft {
  margin-top: 25px; }

.masthead {
  position: relative;
  color: #ffffff;
  z-index: 10; }

.masthead:after {
  content: " ";
  display: block;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  background: rgba(29, 35, 42, 0.25); }

.mastheadContent:before, .mastheadContent:after {
  content: " ";
  display: table; }
.mastheadContent:after {
  clear: both; }

.mastheadContent-left {
  float: left; }

.mastheadContent-right {
  float: right; }

.mastheadContent-branding {
  display: block;
  height: 90px;
  width: 220px; }

.phone a {
  padding: 8px;
  color:#B3EFFF;
}
.phone a:hover {
	color: #ffffff;
}

.phone {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.site {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  background: #ffffff;
  position: relative;
  left: 0;
  -webkit-transition: left 0.25s ease-in-out;
  -moz-transition: left 0.25s ease-in-out;
  transition: left 0.25s ease-in-out; }

.site-bd {
  display: table-row;
  height: auto; }

.site-ft {
  /*display: table-row;*/
  height: 1px; }

.site_isFixed {
  overflow: hidden;
  position: fixed;
  top: 0; }

.subSite {
  position: absolute;
  width: 75%;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden; }

.subSite-hd {
  background: #EFF0F2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 15px 0 15px;
  height: 200px;
  border-bottom: 4px solid #434444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.subSite-hd-content {
  text-align: center; }

.subSite-hd-content > * + * {
  margin-top: 20px; }

.subSite-hd-anchor {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.subSite-bd {
  height: calc(100% - 200px);
  margin-top: 200px;
  background-color: #252525; }

.subSite_isVisible .subSite-bd {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/* ----------------------------------------------------------------------------
Section
---------------------------------------------------------------------------- */
.section {
  padding: 35px 0 27px 0;
  border: 1px solid #D7D8D9;
  background-color: #EFF0F2;
  position: relative; }

.section:before {
  content: " ";
  display: inline-block;
  height: 8px;
  width: 100%;
  position: absolute;
  bottom: -8px;
  left: -1px; }

.section:after {
  content: " ";
  display: inline-block;
  position: absolute;
  height: 6px;
  bottom: -20px;
  left: 50%;
  height: 6px;
  margin-left: -6px; }

.section_primary:before {
  border-left: 1px solid #004677;
  border-right: 1px solid #004677;
  background-color: #004677; }

.section_primary:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #004677;
  border-left: 6px solid transparent; }

.section_secondary:before {
  border-left: 1px solid #F3B603;
  border-right: 1px solid #F3B603;
  background-color: #F3B603; }

.section_secondary:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #F3B603;
  border-left: 6px solid transparent; }

.section_tertiary:before {
  border-left: 1px solid #215436;
  border-right: 1px solid #215436;
  background-color: #215436; }

.section_tertiary:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #215436;
  border-left: 6px solid transparent; }

.section_quaternary:before {
  border-left: 1px solid #92278F;
  border-right: 1px solid #92278F;
  background-color: #92278F; }

.section_quaternary:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #92278F;
  border-left: 6px solid transparent; }

.mix-section_dark {
  background-color: #252525;
  border-color: #252525; }

/* ---------------------------------------------------------------------
 Tier

/*doc
---
title: Tier
name: tier
category: modules
---

TO-DO: molly doc

```html_example 
<div class="tier"><span class="demo-text">default tier</span></div>
<div class="tier mix-tier_brand-dark"><span class="demo-text">mix-tier_brand-dark</span></div>
<div class="tier mix-tier_brand"><span class="demo-text">mix-tier_brand</span></div>
<div class="tier mix-tier_dark"><span class="demo-text">mix-tier_dark</span></div>
<div class="tier mix-tier_medium"><span class="demo-text">mix-tier_medium</span></div>
```

```html_example
<div class="tier mix-tier_medium tier_xsm"><span class="demo-text">tier_xsm</span></div>
```

```html_example
<div class="tier mix-tier_medium tier_md"><span class="demo-text">tier_md</span></div>
```

```html_example
<div class="tier mix-tier_medium tier_lg"><span class="demo-text">tier_lg</span></div>
```

```html_example
<div class="tier mix-tier_medium tier_xlg"><span class="demo-text">tier_xlg</span></div>
```

*/
.tier {
  padding: 20px 0; }

.tier_flat {
  padding: 0; }

.tier_flatBottom {
  padding: 20px 0 0 0; }

.tier_flatTop {
  padding: 0 0 20px 0; }

.tier_xsm {
  padding: 10px 0; }

.tier_md {
  padding: 40px 0; }

.tier_lg {
  padding: 60px 0; }

.tier_xlg {
  padding: 80px 0; }

.tier_pattern {
  /* background-color can be overridden with mixins below */
  background-image: url(../media/images/tierBkgd/tierBkgd-full.png);
  background-repeat: repeat;
  background-color: #ffffff; }

.tier_bkgdImg {
  /* background-color can be overridden with mixins below */
  background-image: url(../media/images/tierBkgd/tierBkgd-partial.png);
  background-position: bottom center;
  background-color: #ffffff;
  background-repeat: repeat-x; }

/* KB Very small screen layout fixes */
@media only screen and (max-width: 400px) {
	/* KB Align Contact Us and Search buttons */
	.footerContent-ft .hList_loose li	{
		margin-left: 20px;
	}
  ul.breadcrumb 
   {
   width:320px;
   }
}
  
@media only screen and (max-width: 480px) {
  .tier_bkgdImg {
    background-image: url(../media/images/tierBkgd/tierBkgd-partial_sm.png); } 
  ul.breadcrumb 
   {
   width:400px;
   }
}

.mix-tier_brand-dark {
  background-color: #1D232A; }

.mix-tier_brand {
  background-color: #004677; }

.mix-tier_brand-transparent {
  background-color: rgba(29, 35, 42, 0.7); }

.mix-tier_light {
  background-color: #EFF0F2; }

.mix-tier_medium {
  background-color: #E0E1E3; }

.mix-tier_dark {
  background-color: #252525; }

.mix-tier_black {
  background-color: #000000; }

.mix-tier_topBorder {
  border-top: 10px solid #B4B5B7; }

.mix-tier_flatTop {
  padding-top: 0; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

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

.wrapper {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 15px; }

.wrapper_clearfix:before, .wrapper_clearfix:after {
  content: " ";
  display: table; }
.wrapper_clearfix:after {
  clear: both; }

.wrapper_xxLarge {
  max-width: 100%; }

.wrapper_carouselNav {
  max-width: 1140px; }

.mix-wrapper_flat {
  padding: 0; }

/* ---------------------------------------------------------------------
 Blocks

/*doc
---
title: Blocks
name: blocks
category: modules
---

TO-DO: molly doc

```html_example
<ul class="blocks">
    <li>
        <span class="demo-block"></span>
    </li>
    <li>
        <span class="demo-block"></span>
    </li>
    <li>
        <span class="demo-block"></span>
    </li>
</ul>
```

```html_example
<ul class="blocks blocks_3-collapse">
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span> 
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse</span>
    </li>
</ul>
```

```html_example
<ul class="blocks blocks_3-collapse_custom">
    <li>
        <span class="demo-block">blocks_3-collapse_custom</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse_custom</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse_custom</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse_custom</span>
    </li>
    <li>
        <span class="demo-block">blocks_3-collapse_custom</span>
    </li>
</ul>
```

*/
.blocks {
  margin: -8px 0 0 -8px;
  padding: 0;
  font-size: 0;
  letter-spacing: 0;
  line-height: 0;
  list-style-type: none;
  word-spacing: 0;
  clear: both; }

.blocks + .blocks {
  margin-top: 10px; }

.blocks > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 0 0 8px;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top; }

.blocks_2up > * {
  width: 100%; }

.blocks_2-collapse > * {
  width: 100%; }

.blocks_3up > * {
  width: 33.33333%; }

.blocks_3-collapse > * {
  width: 100%; }

.blocks_3-collapse_onSmall > * {
  width: 100%; }

.blocks_4-collapse > * {
  width: 100%; }

.blocks_4-collapse > * + * {
  margin-top: 20px; }

.blocks_3-collapse_custom > * {
  width: 100%; }

.blocks_centered {
  text-align: center; }

.blocks_centered > * {
  text-align: left; }

.mix-blocks_far {
  margin: -20px 0 0 -20px; }

.mix-blocks_far > * {
  padding: 20px 0 0 20px; }

.blocks_equalHeight {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* ---------------------------------------------------------------------
 Grid

/*doc
---
title: Grid
name: grid
category: modules
---

The grid for Keiler is a 12-column grid with a base 16px gutter.  The grid is
percentage based, and is therefore inherently fluid, which is demonstrated by the
inclusion of grid objects below in small, sample containers.

```html_example
<div class="grid">
    <div class="grid-col grid-col_12of12">
        <div class="demo-block">_12of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_1of12">
        <div class="demo-block">_1of12</div>
    </div>
    <div class="grid-col grid-col_11of12">
        <div class="demo-block">_11of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_2of12">
        <div class="demo-block">_2of12</div>
    </div>
    <div class="grid-col grid-col_10of12">
        <div class="demo-block">_10of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_3of12">
        <div class="demo-block">_3of12</div>
    </div>
    <div class="grid-col grid-col_9of12">
        <div class="demo-block">_9of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_4of12">
        <div class="demo-block">_4of12</div>
    </div>
    <div class="grid-col grid-col_8of12">
        <div class="demo-block">_8of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_5of12">
        <div class="demo-block">_5of12</div>
    </div>
    <div class="grid-col grid-col_7of12">
        <div class="demo-block">_7of12</div>
    </div>
</div><!-- end .grid -->


<div class="grid">
    <div class="grid-col grid-col_6of12">
        <div class="demo-block">_6of12</div>
    </div>
    <div class="grid-col grid-col_6of12">
        <div class="demo-block">_6of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_7of12">
        <div class="demo-block">_7of12</div>
    </div>
    <div class="grid-col grid-col_5of12">
        <div class="demo-block">_5of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_8of12">
        <div class="demo-block">_8of12</div>
    </div>
    <div class="grid-col grid-col_4of12">
        <div class="demo-block">_4of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_9of12">
        <div class="demo-block">_9of12</div>
    </div>
    <div class="grid-col grid-col_3of12">
        <div class="demo-block">_3of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_10of12">
        <div class="demo-block">_10of12</div>
    </div>
    <div class="grid-col grid-col_2of12">
        <div class="demo-block">_2of12</div>
    </div>
</div><!-- end .grid -->

<div class="grid">
    <div class="grid-col grid-col_11of12">
        <div class="demo-block">_11of12</div>
    </div>
    <div class="grid-col grid-col_1of12">
        <div class="demo-block">_1of122</div>
    </div>
</div><!-- end .grid -->
```

*/
.grid:before, .grid:after {
  content: " ";
  display: table; }
.grid:after {
  clear: both; }

.grid_flush {
  margin: 0 -15px; }

.grid_vrSm > * {
  margin-bottom: 10px; }

.grid_vrSm > *:last-child {
  margin-bottom: 0; }

.grid-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
  position: relative;
  vertical-align: top;
  width: 100%; }

.mix-grid-col_flush {
  padding: 0; }

/* ----------------------------------------------------------------------------
Split
---------------------------------------------------------------------------- */
.split:before, .split:after {
  content: " ";
  display: table; }
.split:after {
  clear: both; }

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

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

.split_stackOnSmall > * {
  width: 100%; }

.table {
  display: table;
  width: 100%; }

.mix-table_fixed {
  table-layout: fixed; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell;
  vertical-align: top; }

/* ---------------------------------------------------------------------
 Vertical Rhythm

/*doc
---
title: Vertical Rhythm
name: verticalRhythm 
category: modules
---

TO-DO: molly doc

```html_example
<div class="vr">
    <p>things</p>
    <p>stuff</p>
    <p>objects</p>
    <p>lists</p>
    <p>images</p>
</div>
```

```html_example
<div class="vr vr_x10">
    <p>things</p>
    <p>stuff</p>
    <p>objects</p>
    <p>lists</p>
    <p>images</p>
</div>
```

*/
.vr {
  margin-bottom: 5px; }

.vr_x2 {
  margin-bottom: 10px; }

.vr_x3 {
  margin-bottom: 15px; }
.vr_x6 {
  margin-bottom: 30px; }

.vr_x10 {
  margin-bottom: 50px; }
.vr a {
color:#004677;}
.vr .box_dark  a {
color:#ffffff!important; }
/* ---------------------------------------------------------------------
 Absolute Center
------------------------------------------------------------------------ */
.absoluteCenter {
  width: 60px;
  height: 60px;
  border: 4px solid #747576;
  display: table;
  text-align: center;
  background-color: #EFF0F2; }

.absoluteCenter-content {
  display: table-cell;
  vertical-align: middle;
  line-height: 0; }

.absoluteCenter_small {
  width: 52px;
  height: 52px; }

/* ---------------------------------------------------------------------
 Box - Generic container with padding. Larger screens have a border.
------------------------------------------------------------------------ */
.box {
	/*width:1170px;*/
  display: block;
  padding: 20px;
  border: 1px solid #D7D8D9;
  background-color: #ffffff; }

.box_dark {
  padding: 20px 15px;
  background-color: #252525;
  color: #F5F5F5; }

/* ---------------------------------------------------------------------
 Box - Generic container with padding. Larger screens have a border.
------------------------------------------------------------------------ */
.breadcrumb {
  font-size: 0; }

.breadcrumb > * {
  font-size: 12px;
  font-size: 0.75rem;
  color: #585858;

  display: inline-block;
  position: relative;
  padding: 0 10px 8px 0; }

.breadcrumb > * + *:before {
  content: ">";
  padding-right: 10px;
  font-family:  Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #029DDD; 
}

.breadcrumb-item {
  font-family:  Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  cursor: pointer; }

.breadcrumb-item:hover, .breadcrumb-item:focus, .breadcrumb-item.js-popover-trigger_isActive {
  color: #555555;
  }

.breadcrumb-item > a
{
color: #555555;
}
.breadcrumb-item:hover > a
{
  color: #004677;
}

.breadcrumb-item-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 350px;
  font-size: 14px;
  font-size: 0.875rem; }

/* ----------------------------------------------------------------------------
Modules: Objects: Button
---------------------------------------------------------------------------- */
/*doc
---
title: Button
name: button
category: modules
---

Keiler has four main button types with two specialty buttons. The primary button has a dark background and always contains an arrow icon. The secondary button has an optional icon. The resource button has multiple lines of text and no rounded corners. Specialty buttons are the social share button and the RSS button.

```html_example

<div class="blocks blocks_3-collapse">
    <div>
        <button class="btn btn_primary">Contact Us</button>    <br><br>
        <button class="btn btn_primary" disabled>Contact Us</button> <br><br>
        <button class="btn btn_social">Share</button> <br><br>
        <button class="btn btn_social" disabled>Share</button> <br><br>
        <button class="btn btn_secondary"><i class="icon icon_checkmark icon_checkmark_large"></i>Add to Calendar</button> <br><br>
        <button class="btn btn_secondary" disabled><i class="icon icon_checkmark icon_checkmark_large"></i>Add to Calendar</button> <br><br>
        <button class="btn btn_resource">
            <i class="icon icon_pdf icon_pdf_small"></i>
            <span class="btn_resource-title">Product Brochure</span>
            <span class="btn_resource-file">PDF 1.5MB</span>
        </button>    
    </div>

    <div class="demo-container demo-container_inline">
        <button class="btn btn_primary mix-btn_primary_dark">Contact Us</button> <br><br>
        <button class="btn btn_primary mix-btn_primary_dark" disabled>Contact Us</button> <br><br> 
        <button class="btn btn_social mix-btn_social_dark">Share</button> <br><br>
        <button class="btn btn_social mix-btn_social_dark" disabled>Share</button> <br><br>
        <button class="btn btn_secondary mix-btn_secondary_dark"><i class="icon icon_checkmark icon_checkmark_large"></i>Add to Calendar</button> <br><br>
        <button class="btn btn_secondary mix-btn_secondary_dark" disabled><i class="icon icon_checkmark icon_checkmark_large"></i>Add to Calendar</button> <br><br>
        <button class="btn btn_resource mix-btn_resource_dark">
            <i class="icon icon_pdf icon_pdf_small"></i>
            <span class="btn_resource-title">Product Brochure</span>
            <span class="btn_resource-file">PDF 1.5MB</span>
        </button>
        <button class="btn btn_rss">RSS</button>
    </div>
</div>

```

*/
.btn {
  display: inline-block;
  position: relative;
  padding-top: 13px;
  padding-bottom: 13px;
  cursor: pointer;
  text-align: center;
  font-family:  Arial, Verdana, sans-serif;
  line-height: 1;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  font-size: 14px;
  font-size: 0.875rem; }

.btn:hover {
  color: #4a4a4a;
  background-color: #b3efff; }

.btn:disabled {
  background-color: #B4B5B7;
  cursor: default; }

.btn_primary {
  padding-right: 43px;
  padding-left: 43px;
  border: none;
  background-color: #004677;
  background-size: auto auto;
  background-position: 94% center;
  background-repeat: none;
  color: #ffffff; 
  min-width: 155px; /* KB */
}

.btn_social {
  padding: 23px;
  border: 1px solid #D7D8D9;
  background-color: #ffffff;
  background-position: center center;
  background-size: auto auto;
  color: #333333;
  font-size: 0; }

.btn_social_retainText {
  padding: 13px 13px 13px 35px;
  background-position: 15px 50%;
  font-size: 14px;
  font-size: 0.875rem; }

.btn_social:hover, .btn_social:focus, .js-popover-trigger_isActive .btn_social {
  border-color: #029DDD;
  background-color: #029DDD;
  color: #ffffff; }

.btn_social:disabled, .btn_social:disabled:hover {
  background-color: transparent;
  border-color: #D7D8D9;
  color: #D7D8D9; }

.btn_social > .icon {
  margin: -3px 5px 0 0; }

.btn_secondary {
  padding-right: 23px;
  padding-left: 23px;
  border: 1px solid #D7D8D9;
  background-color: transparent;
  color: #333333; }

.btn_secondary:hover, .btn_secondary:focus {
  border-color: #029DDD;
  background-color: #029DDD;
  color: #ffffff; }

.btn_secondary:disabled, .btn_secondary:disabled:hover {
  background-color: transparent;
  border-color: #D7D8D9;
  color: #D7D8D9; }

.btn_icon {
  padding: 15px;
  border: 1px solid #D7D8D9;
  background-color: #ffffff; }

.btn_resource {
  background-color: #ffffff;
  padding: 10px 15px;
  border: 1px solid #D7D8D9;
  border-radius: 0;
  position: relative;
  text-align: left; }

.btn_resource:hover {
  background-color: #ffffff;
  border-color: #029DDD;
  box-shadow: inset 0 0 0 3px #029DDD; }

.btn_resource-title {
  color: #252525; }

.btn_resource-file {
  display: block;
  padding-top: 5px;
  color: #252525;
  font-style: italic;
  text-transform: uppercase; }

.btn_resource > .icon {
  float: left;
  margin-right: 12px; }

/* Change style of button for various viewports */
.btn_resource_transform {
  border: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.btn_rss {
  float: right;
  padding: 7px 21px 7px 7px;
  border: none;
  background-color: #ffffff !important;
  background-size: auto auto;
  background-position: 83% center;
  color: #ffffff;
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}

.btn_rss:hover, .btn_rss:focus {
  color: #ffffff;
background-color: #004677 !important; }

.btn_up, .btn_up:hover {
  background-color: #ffffff; }

.mix-btn_map, .mix-btn_icon {
  padding-left: 43px;
  background-position: 12% center; }

.mix-btn_customFixedWidth {
  width: 220px; }

.mix-btn_primary_dark {
  border-color: #ffffff;
  color: #ffffff; }

.mix-btn_primary_dark:hover {
	color: #1D232A;
	background: #B3EFFF; }

.mix-btn_primary_dark:disabled, .mix-btn_primary_dark:disabled:hover {
  background-color: #333333;
  color: #747576; }

.mix-btn_social_dark {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent; }

.mix-btn_social_dark:disabled, .mix-btn_social_dark:disabled:hover {
  border-color: #747576;
  color: #747576; }

.mix-btn_secondary_dark {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent; }

.mix-btn_secondary_dark:disabled, .mix-btn_secondary_dark:disabled:hover {
  border-color: #747576;
  color: #747576; }

.mix-btn_resource_dark {
  background-color: transparent;
  border: 1px solid #ffffff; }

.mix-btn_resource_dark:hover {
  background-color: transparent; }

.mix-btn_resource_dark .btn_resource-title {
  color: #ffffff; }

.mix-btn_fullToFixed {
  width: 100%;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mix-btn_resource_inProgress:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #252525 url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2235.4px%22%20height%3D%2228px%22%20viewBox%3D%22-464.7%20267.7%2035.4%2028%22%20enable-background%3D%22new%20-464.7%20267.7%2035.4%2028%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M-433.9%2C275.7c-0.1-4.4-3.7-8-8.2-8c-2.6%2C0-4.9%2C1.2-6.5%2C3.1c-0.8-1.1-2.2-1.8-3.7-1.8%20c-2.6%2C0-4.6%2C2.1-4.6%2C4.6c0%2C0.2%2C0%2C0.4%2C0%2C0.7c-0.4-0.1-0.8-0.1-1.2-0.1c-3.7%2C0-6.7%2C3-6.7%2C6.7c0%2C3.7%2C3%2C6.7%2C6.7%2C6.7h3.2l7.8%2C8.1l7.8-8.1%20h3.9c3.3%2C0%2C6-2.7%2C6-6C-429.3%2C278.7-431.3%2C276.3-433.9%2C275.7L-433.9%2C275.7z%20M-447%2C292l-6.6-6.6h4.4v-6.6h4.4v6.6h4.4L-447%2C292z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
  cursor: auto; }

.mix-btn_right {
  float: right; }

.mix-btn_fixedBottom {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 4; }

.mix-btn_stretch {
  width: 100%; }

/* ---------------------------------------------------------------------
 Card

/*doc
---
title: Card
name: card
category: modules
---

Keiler's card object contains an optional dark header and a footer with customizable link text. The body background is light with a top border that changes colour, often to signify card type.

```html_example 

<div class="blocks blocks_3-collapse_custom">
    <div class="card">
        <div class="card-hd">
            <h2 class="hdg hdg_2 hdg_light">Focus On...</h2>
        </div>
        <div class="card-bd">
            <div class="media media_stacked">
                <div class="media-element">
                    <img src="assets/media/images/card/card-1.jpg" class="img" />
                </div>
                <div class="media-content">
                    <h3 class="hdg hdg_3">Man Overboard. No Time to Spare.</h3>
                    <p>See how the US Navy turned to Telephonics search and rescue technology to help save one of their own.</p>
                </div>
            </div>
        </div>
        <div class="card-link">
            <a href="#">Learn More</a>
        </div>
    </div>
    <div class="card">
        <div class="card-hd">
            <h2 class="hdg hdg_2 hdg_light">Focus On...</h2>
        </div>
        <div class="card-bd card-bd_yellow">
            <div class="media media_stacked">
                <div class="media-element">
                    <img src="assets/media/images/card/card-1.jpg" class="img" />
                </div>
                <div class="media-content">
                    <h3 class="hdg hdg_3">Man Overboard. No Time to Spare.</h3>
                    <p>See how the US Navy turned to Telephonics search and rescue technology to help save one of their own.</p>
                </div>
            </div>
        </div>
        <div class="card-link">
            <a href="#">Learn More</a>
        </div>
    </div>
    <div class="card">
        <div class="card-hd">
            <h2 class="hdg hdg_2 hdg_light">Focus On...</h2>
        </div>
        <div class="card-bd card-bd_purple">
            <div class="media media_stacked">
                <div class="media-content">
                    <h3 class="hdg hdg_3">Man Overboard. No Time to Spare.</h3>
                    <p>See how the US Navy turned to Telephonics search and rescue technology to help save one of their own.</p>
                </div>
            </div>
        </div>
        <div class="card-link">
            <a href="#">Learn More</a>
        </div>
    </div>
</div>

```

*/
.card {
  display: block;
  background: #ffffff;
  height: 100%;
  margin-bottom: 48px; }
.card a {
color:#004677; }
.card-hd {
  position: relative;
  z-index: 1;
  background: #252525;
  padding: 12px 16px;
  color: #ffffff; }

.card_pushElements > * + * {
  padding-top: 10px; }

.card-img {
  position: relative;
  z-index: 1; }

.card-bd {
  position: relative;
  z-index: 1;
  border-top: 4px solid #004677;
  color: #333333; }

.card-bd_yellow {
  border-color: #F3B603; }

.card-bd_green {
  border-color: #215436; }

.card-bd_purple {
  border-color: #92278F; }

/*KB*/
.card-bd .media-content > div {
	margin-bottom: .2em;
}
/*--*/

.card-link {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 8px;
  background: #ffffff;
  z-index: 0; }

.card-link > * {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  border-bottom: 4px solid #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}

.card-link > *:hover {
  color: #004677;
  border-color: #029DDD; }

.card-ft {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 8px;
  background: #ffffff;
  z-index: 0; }

.card-ft > * {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  border-bottom: 4px solid #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;  
}
.card-ft a {
color: #004677 !important;}

.card:hover .card-ft > * {
  color: #004677;
  border-color: #029DDD; }

.carousel {
  overflow: hidden; }

.carousel-viewport {
  position: relative; }

.carousel-viewport:after {
  content: '';
  display: block;
  padding-top: 100%; }

.carousel-viewport_16by9:after {
  padding-top: 56.25%; }

.carousel-actuator {
  display: block;
  font-size: 0;
  height: 100%;
  position: absolute;
  white-space: nowrap;
  width: 100%; }

.carousel-actuator > * {
  display: inline-block;
  font-size: 16px;
  height: 100%;
  white-space: normal;
  width: 100%; }

/* ---------------------------------------------------------------------
 Conditional forms
------------------------------------------------------------------------ */
.conditionalForm-heading, .conditionalForm-optInstructions, .conditionalForm-placeholder {
  display: none; }

.conditionalForm-heading_isVisible, .conditionalForm-optInstructions_isVisible, .conditionalForm-placeholder_isVisible {
  display: block; }

/* ----------------------------------------------------------------------------
Custom Select
---------------------------------------------------------------------------- */
.customSelect {
  display: block;
  position: relative; }

.customSelect:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 14px;
  right: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #555555; }

/* State needed to match clor for dropdown triangle for disabled state. */
.customSelect_isDisabled:after {
  border-top: 6px solid #D7D8D9; }

.form-select {
  width: 100%;
  height: 34px;
  line-height: 34px;
  padding: 0 8px;
  border: 1px solid #555555;
  background: transparent;
  font-size: 16px;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: relative;
  z-index: 1;
  cursor: pointer; 
  font-family:  Arial, Verdana, sans-serif;  /* KB */
}

.form-select:disabled {
  color: #D7D8D9;
  border: 1px solid #D7D8D9; }

.mix-customSelect_inlineBlock {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px; }

.form-select::-ms-expand {
  display: none; }

  label.required:after,
  legend.required:after
 {
    content: "*";
    color: #d00;
    margin-left: 5px;
 }

/* ----------------------------------------------------------------------------
Modules: Objects: dataTables
---------------------------------------------------------------------------- */
/* Dev note : For the js plugin to work, not all class names are standards compliant */
.dataTables_scroll {
  overflow-x: scroll; }

/* Note: Thest must be equal width for tables to line up */
.dataTables_scrollHead, .dataTables_scrollBody {
  width: 1750px; }

.dataTables-hd:before, .dataTables-hd:after {
  content: " ";
  display: table; }
.dataTables-hd:after {
  clear: both; }

.dataTables_length {
  display: inline-block;
  width: 20%; }

.dataTables_filter {
  float: right;
  width: 20%; }

.dialog {
  background: #252525;
  display: inline-block;
  max-width: 800px;
  position: relative;
  width: 80%; 
}
  
.heroModal .dialog {
  min-width: 256px;
  min-height: 144px;
  max-width: 256px;
  max-height: 144px;
  background: inherit;
  width: 80%;
  width: calc(100% - 50px);
  height: 80%;
  height: calc(100% - 50px);
  width: 177.77778vh;
}


@media screen and (min-width: 306px) and (min-height: 194px) {
	.heroModal .dialog {
	  max-width: 256px;
	  max-height: 144px;
	}
	ul.twoColumns{ max-width:260px; }
	ul.twoColumns li{ max-width:240px; }
}

@media screen and (min-width: 476px) and (min-height: 290px) {
	.heroModal .dialog {
	  max-width: 426px;
	  max-height: 240px;
	}
}

@media screen and (min-width: 690px) and (min-height: 410px) {
	.heroModal .dialog {
	  max-width: 640px;
	  max-height: 360px;
	}
}

@media screen and (min-width: 904px) and (min-height: 530px) {
	.heroModal .dialog {
	  max-width: 854px;
	  max-height: 480px;
	}
}

@media screen and (min-width: 1330px) and (min-height: 770px) {
	.heroModal .dialog {
	  max-width: 1280px;
	  max-height: 720px;
	}
}

@media screen and (min-width: 1970px) and (min-height: 1130px) {
	.heroModal .dialog {
	  max-width: 1920px;
	  max-height: 1080px;
	}
}

.dialog-close {
  top: 10px;
  right: 15px;
  background: #ffffff;
  border: 1px solid #D7D8D9;
  border-radius: 3px;
  cursor: pointer;
  padding: 5px;
  position: absolute;
  z-index: 1;
  line-height: 0; }

.heroModal .dialog-close {
  top: -30px; 
  right: -30px;
  padding: 0px;
  background-color: transparent;
  border: none;
} 

.heroModal .dialog-close button {
  background-color: transparent;
  border: none;
  padding: 0px;
  vertical-align: bottom;
  font-size: 44px;
  line-height: 25px;
  color: white;
  font-weight: lighter;
  font-family: "Times New Roman", Times, serif;
}

.heroModal .dialog-close button:before {
  content: '\00D7'; /*&times;*/
}  

/* Hero Carousel */

@media screen and (min-width: 769px) and (max-height: 750px) {
	.b .heroCarousel {
	  max-width: 640px;
	  max-height: 360px;
	  padding-bottom: 60px;
	}
	.b .mastheadContent-branding {
	  height: 90px;
      width: 220px;
	}
	.b .heroCarousel .film {
      padding: 6px 20px 16px; 
	}
    .b .heroCarousel .film-hdg {
      font-size: 50px;
      font-size: 3.125rem; 
	}
    .b .heroCarousel .film-bd {
      max-height: 150px; 
	}
}

@media screen and (min-width: 769px) and (max-height: 530px) {
	.b .heroCarousel .slickReskin-slide-caption {
	  bottom: 44px;
      display: block;
      left: 64px;
      position: absolute;
      width: 414px;
	}
}
	
@media screen and (min-width: 769px) and (min-height: 531px) and (max-height: 750px) {
	.b .heroCarousel {
	  max-width: 854px;
	  max-height: 480px;
	}
}	


/*doc
---
title: Film
name: film
category: modules
---

A padded container with a semi-transparent background

```html_example
<div class="film">
    <div class="film-hd">
        <h2 class="film-hdg">We Are Telephonics</h2>
    </div>
    <div class="film-bd">
        <p>A day in the life. Telephonics' advanced technologies impact defense, aerospace and commercial markets worldwide.</p>
    </div>
    <div class="film-ft">
        <button class="btn btn_primary">Watch the video</button>
    </div>
</div>
```
*/
.film {
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  padding: 10px 20px 20px; }


.film-hdg {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-weight: lighter;
  line-height: 1;
  font-size: 50px;
  font-size: 3.125rem; }

.film-bd {
  overflow-y: auto;
  max-height: 150px;
  font-style: italic;
  line-height: 1.34;
  margin-top: -2px;
  font-size: 18px;
  font-size: 1.125rem; }

.film-ft {
  margin-top: 25px; }

/* ----------------------------------------------------------------------------
Modules: Objects: Filter
---------------------------------------------------------------------------- */
.filter {
  cursor: pointer; }

.filter-checkbox {
  margin-right: 5px;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.filter-label {
  padding-left: 32px;
  position: relative;
  color: #252525;
  font-size: 14px;
  font-size: 0.875rem; }

.filter-label:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: transparent url(../media/images/sprites/filter-sprite.jpg) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle; }

.filter:hover .filter-label {
  font-family:  Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #333333; }

.filter:hover .filter-label:before {
  background-position: 0 -22px; }

.filter-checkbox:checked + .filter-label:before, .filter:hover .filter-checkbox:checked + .filter-label:before {
  background-position: 0 -44px; }

.filter-checkbox:checked + .filter-label {
  font-family:  Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #333333; }

/* ----------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------- */
.form-group {
  margin-bottom: 20px; }

.form-group_indentOnly {
  margin: 0 15px; }

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

.form-text,
.form-email, 
.form-phone {
  width: 100%;
  padding: 0 8px;
  border: 1px solid #555555;
  font-size: 16px;
  font-size: 1rem;
  height: 34px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family:  Arial, Verdana, sans-serif; /* KB */
}

.form-textarea {
  display: block;
  width: 100%;
  min-height: 80px;
  padding: 5px 8px;
  border: 1px solid #555555;
  font-size: 16px;
  font-size: 1rem;
  font-family:  Arial, Verdana, sans-serif; }

.form-text_alert {
  border: 1px solid #d2282f; }

.form-message {
  padding: 5px 8px;
  height: 0;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

.form-message_error {
  background-color: #d2282f;
  color: #ffffff; }

ul.errors li,
div.errors p
 {
  color: #d2282f;
  font-weight: 700;
 }

.form-message_success {
  background-color: #215436;
  color: #ffffff; }

.form-message_isVisible {
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }

.formDrawer {
  background: #ffffff;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.25); }

.formDrawer-bd {
  overflow-y: auto;
  margin: 0 auto;
  max-width: 1170px;
  height: 100%; }

.formDrawer-bd-anchor {
  display: block;
  padding: 0 0 15px 15px; }

.formDrawer-spinner {
  width: 24px;
  height: 24px;
  padding-top: 15px;
  margin: 0 auto;
  background: transparent url(../media/images/ajax/ajax-loader.gif) no-repeat center bottom; }

.formDrawer-spinner_hide {
  display: none; }

.formDrawer-content-padding {
  padding: 15px; }

.frame {
  display: block;
  position: relative; }

.frame:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 10px #747576;
  opacity: 0.7;
  top: 0;
  left: 0; }

.mix-frame_solid:before {
  border-color: #D7D8D9;
  opacity: 1; }

.frame_chromeless:before {
  display: none; }

.mix-frame_spaced {
  margin: 0 10px; }

.mix-frame_offset {
  padding: 10px; }

.frame-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.frame-overlay_hitBox {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.frame-image {
  width: 100%; }

.frame-label {
  background: #252525;
  border-top: 2px solid #004677;
  color: #CCCCCC;
  line-height: 1.375;
  height: 44px;
  padding: 10px 0 17px 15px;
  position: relative;
  font-size: 16px;
  font-size: 1rem; }

.frame-label_secondary {
  border-color: #F3B603; }

.frame-label_tertiary {
  border-color: #215436; }

.frame-label_quaternary {
  border-color: #92278F; }

.frame-label_quinary {
  border-color: #029DDD; }

.frame-label-arrow {
  position: absolute;
  width: 9px;
  bottom: 8px;
  right: 8px; }

.frame-label-arrow > * {
  width: 100% !important; }

.hdgBar {
  margin-bottom: 20px; }

/* ---------------------------------------------------------------------
 Hero

/*doc
---
title: Hero
name: hero
category: modules
---

```html_example
<div class="hero">
    <div class="hero-media">
        <img src="assets/media/images/hero/hero-1.jpg" class="img img_centered">
    </div>
    <div class="hero-label">
        <span class="hero-label-bd">
            <span>styles this with hdg classes</span>
        </span>
    </div>
    <div class="hero-adjunct">
        <div class="hero-adjunct-bd">
            <div class="hero-adjunct-bd-left">
                <span>styles this with hdg classes</span>
            </div>
            <div class="hero-adjunct-bd-right">
                <span>this is the socal list object</span>
            </div>
        </div>
    </div>
</div>

```

*/
.hero {
  color: #ffffff; }

.hero-label {
  margin: 0 auto;
  max-width: 1170px;
  position: relative; }

.hero-label-bd {
  display: block;
  background: #363636;
  width: 100%;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 40px;
  font-size: 2.5rem; }

.hero-label-bd .icon {
  height: 30px;
  width: 30px;
  background-sizing: contain;
  margin: 6px 18px 0 0; }

.hero-label-bd_split:before, .hero-label-bd_split:after {
  content: " ";
  display: table; }
.hero-label-bd_split:after {
  clear: both; }

.hero-label-bd_split > * {
  float: left; }

.hero-adjunct {
  background: #004677;
  position: relative;
  overflow: hidden; }

.hero-adjunct:before {
  content: none; }

.hero-adjunct-bd {
  margin: 0 auto;
  max-width: 1170px;
  min-height: 42px; }
  .hero-adjunct-bd:before, .hero-adjunct-bd:after {
    content: " ";
    display: table; }
  .hero-adjunct-bd:after {
    clear: both; }

.hero-adjunct-bd-left {
  padding: 8px 15px; }

.hero-adjunct-bd-right {
  display: none; }

/* ----------------------------------------------------------------------------
Modules: Objects: Horizontal Rule
---------------------------------------------------------------------------- */
/*doc
---
title: Horizontal Rule
name: horizontal rule
category: modules
---

Icon                                                                 | Base with Mixins
------------------------------------------------------------------- | -----------------
<span style="width:200px" class="hr"></span>                        | `hr` 
<span class="hr mix-hr_brand-dark"></span>                          | `hr mix-hr_brand-dark` 
<span class="hr mix-hr_dark"></span>                                | `hr mix-hr_dark`
<span class="hr mix-hr_light"></span>                               | `hr mix-hr_light` 
<span class="hr mix-hr_thin"></span>                                | `hr mix-hr_thin`
<span class="hr mix-hr_brand-dark mix-hr_brand-dark-down"></span>   | `hr mix-hr_dark mix-hr_brand-dark-down` 
<span class="hr hr_symbol"><i class="icon icon_plus"></i></span>    | `hr hr_symbol`

*/
.hr {
  position: relative;
  display: block;
  height: 10px;
  width: 100%;
  border: none;
  text-align: center;
  background: #747576;
  z-index: 1;
  margin: 0;
  padding: 0; }

.hr_symbol {
  text-align: center;
  overflow: visible; }

.hr_symbol > * {
  position: relative;
  margin-top: -8px;
  z-index: 5; }

.hr_symbol:before, .hr_symbol:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%; }

.hr_symbol:before {
  height: 30px;
  margin-left: -30px;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #D7D8D9;
  border-left: 30px solid transparent; }

.hr_symbol:after {
  height: 29px;
  margin-left: -29px;
  border-right: 29px solid transparent;
  border-bottom: 29px solid #EFF0F2;
  border-left: 29px solid transparent; }

.hr_arrowDown {
  text-align: center;
  overflow: visible;
  z-index: 5; }

.hr_arrowDown:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  border-top: 30px solid #252525;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent; }

.hr_below {
  z-index: 0; }

.mix-hr_brand-dark {
  background: #1D232A; }

.mix-hr_dark {
  background: #252525; }

.mix-hr_darkest {
  background: #000000; }

.mix-hr_light {
  background: #D7D8D9; }

.mix-hr_medium {
  height: 6px; }

.mix-hr_thin {
  height: 4px; }

.mix-hr_hairline {
  height: 2px; }

.mix-hr_brand-dark-down:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  height: 26px;
  margin-left: -26px;
  border-right: 26px solid transparent;
  border-top: 26px solid #1D232A;
  border-left: 26px solid transparent; }

/* ----------------------------------------------------------------------------
Modules: Objects: Icon
---------------------------------------------------------------------------- */
/*doc
---
title: Icons
name: icons
category: modules
---

Icon                                                                | Base with Extensions
------------------------------------------------------------------- | -----------------
<i class="icon icon_search"></i>                                    | `icon icon_search`
<i class="icon icon_share"></i>                                     | `icon icon_share`
<i class="icon icon_arrow icon_right_arrow"></i>                    | `icon icon_arrow icon_right_arrow`
<i class="icon icon_right_arrow icon_arrow_small"></i>              | `icon icon_arrow_small icon_right_arrow`
<i class="icon icon_up_arrow"></i>                                  | `icon icon_up_arrow`
<i class="icon icon_down_arrow"></i>                                | `icon icon_down_arrow`
<i class="icon icon_arrow icon_left_arrow"></i>                     | `icon icon_arrow icon_left_arrow`
<i class="icon icon_right_doubleArrow"></i>                         | `icon icon_doubleArrow icon_right_doubleArrow`
<i class="icon icon_left_doubleArrow"></i>                          | `icon icon_doubleArrow icon_left_doubleArrow`
<i class="icon icon_thinSharpArrow icon_right_thinSharpArrow"></i>  | `icon icon_thinSharpArrow icon_right_thinSharpArrow`
<i class="icon icon_thinSharpArrow icon_left_thinSharpArrow"></i>   | `icon icon_thinSharpArrow icon_left_thinSharpArrow`
<i class="icon icon_sharpArrow icon_right_sharpArrow"></i>          | `icon icon_sharpArrow icon_right_sharpArrow`
<i class="icon icon_sharpArrow icon_left_sharpArrow"></i>           | `icon icon_sharpArrow icon_left_sharpArrow`
<i class="icon icon_plus"></i>                                      | `icon icon_plus`
<i class="icon icon_checkmark"></i>                                 | `icon icon_checkmark`
<i class="icon icon_pdf"></i>                                       | `icon icon_pdf`
<i class="icon icon_video"></i>                                     | `icon icon_video`
<i class="icon icon_document"></i>                                  | `icon icon_document`
<i class="icon icon_whitepaper"></i>                                | `icon icon_whitepaper`
<i class="icon icon_play"></i>                                      | `icon icon_play`
<i class="icon icon_play_inverted"></i>                             | `icon icon_play_inverted`
<i class="icon icon_lightbulb"></i>                                 | `icon icon_lightbulb`
<i class="icon icon_megaphone"></i>                                 | `icon icon_megaphone`
<i class="icon icon_quotes"></i>                                    | `icon icon_quotes`
<i class="icon icon_rss"></i>                                       | `icon icon_rss`
<i class="icon icon_x"></i>                                         | `icon icon_x`
<i class="icon icon_lock"></i>                                      | `icon icon_lock`
<i class="icon icon_facebook"></i>                                  | `icon icon_facebook`
<i class="icon icon_twitter"></i>                                   | `icon icon_twitter`
<i class="icon icon_linkedin"></i>                                  | `icon icon_linkedin`
<i class="icon icon_google_plus"></i>                               | `icon icon_google_plus`
<i class="icon icon_email"></i>                                     | `icon icon_email`
<i class="icon icon_tags"></i>                                      | `icon icon_tags`
<i class="icon icon_certificates"></i>                              | `icon icon_certificates`
<i class="icon icon_pressRoom"></i>                                 | `icon icon_pressRoom`
<i class="icon icon_resourceLibrary"></i>                           | `icon icon_resourceLibrary`
<i class="icon icon_tradeshowsEvents"></i>                          | `icon icon_tradeshowsEvents`
<i class="icon icon_trademark"></i>                                 | `icon icon_trademark`
<i class="icon icon_logoFullColor"></i>                             | `icon icon_logoFullColor`
<i class="icon icon_webpage"></i>                                   | `icon icon_webpage`
<i class="icon icon_eventArrow"></i>                                | `icon icon_eventArrow`
<i class="icon icon_mapMarker"></i>                                 | `icon icon_mapMarker`
<i class="icon icon_calendar"></i>                                  | `icon icon_calendar`

*/
.icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-position: center center;
  background-color: transparent;
  vertical-align: baseline;
  background-size: contain;
  border: none; }

.icon_search_large {
  height: 24px;
  width: 24px; }

.icon_arrow_large {
  height: 15px;
  width: 11px; }

.icon_arrow_small {
  height: 10px;
  width: 7px; }

.icon_up_arrow, .icon_down_arrow {
  width: 11px;
  height: 7px; }

.icon_right_arrow-blue_accent, .icon_right_arrow-button_light {
  height: 10px;
  width: 7px; }

.icon_doubleArrow {
  height: 15px;
  width: 21px; }

.icon_thinSharpArrow {
  height: 48px;
  width: 26px; }

.icon_sharpArrow {
  height: 39px;
  width: 24px; }

.icon_plus {
  height: 30px;
  width: 30px; }

.icon_checkmark {
  height: 12px;
  width: 14px; }

.icon_pdf_large {
  height: 58px;
  width: 44px; }

.icon_pdf {
  height: 45px;
  width: 34px; }

.icon_video {
  height: 45px;
  width: 44px; }

.icon_document {
  height: 45px;
  width: 44px; }

.icon_whitepaper {
  height: 45px;
  width: 44px; }

.icon_play {
  height: 64px;
  width: 64px; }

.icon_lightbulb, .icon_lightbulb-white {
  height: 38px;
  width: 30px; }

.icon_megaphone, .icon_megaphone-white {
  height: 50px;
  width: 46px; }

.icon_quotes, .icon_quotes-white {
  height: 30px;
  width: 38px; }

.icon_rss {
  height: 10px;
  width: 10px; }

.icon_x, .icon_x-button_dark {
  height: 12px;
  width: 12px; }

.icon_lock {
  height: 16px;
  width: 12px; }

.icon_facebook,.icon_facebook-white,.icon_twitter,.icon_twitter-white,.icon_linkedin,.icon_linkedin-white,.icon_google_plus,.icon_google_plus-white,.icon_email,.icon_email-white {
  height: 26px;
  width: 26px; }

.mix-icon_social-large {
  width: 33px;
  height: 33px; }

.icon_logoFullColor {
  height: 65px;
  width: 200px; }

.icon_webpage {
  height: 46px;
  width: 41px; }

.icon_certificates, .icon_certificates-white {
  height: 41px;
  width: 55px; }

.icon_pressRoom, .icon_pressRoom-white {
  height: 38px;
  width: 45px; }

.icon_resourceLibrary, .icon_resourceLibrary-white {
  height: 40px;
  width: 40px; }

.icon_tradeshowsEvents, .icon_tradeshowsEvents-white, .icon_tradeshowsEvents-brand_green {
  height: 41px;
  width: 41px; }

.icon_trademark, .icon_trademark-white {
  height: 38px;
  width: 38px; }

.icon_eventArrow, .icon_eventArrow-white {
  height: 14px;
  width: 14px; }

.icon_calendar, .icon_calendar-white {
  height: 38px;
  width: 38px; }

.mix-icon_branding {
  height: 61px;
  width: 187px;
  border: 0;
  background-color: transparent;
  overflow: hidden; }
  .mix-icon_branding:before {
    content: " ";
    display: block;
    height: 150%;
    width: 0; }

.mix-icon_pushRight {
  margin-right: 8px; }

.mix-icon_pushRight_lg {
  margin-right: 18px; }

.mix-icon_pushLeft {
  margin-left: 8px; }

.mix-icon_pushLeft_sm {
  margin-left: 4px; }

.mix-icon_pointer {
  cursor: pointer; }

.mix-icon_middle {
  vertical-align: middle; }

/* ---------------------------------------------------------------------
 Indent Center
------------------------------------------------------------------------ */
.indent {
  padding-left: 15px;
  border-left: 4px solid #747576; }

/* ---------------------------------------------------------------------
 Image

/*doc
---
title: Image
name: img
category: modules
---

DOC

```html_example
<img src="http://placehold.it/400x400.png&text=Media Element" alt="" class="img" />
```

*/
.img {
  display: block;
  height: auto;
  max-width: 100%;
  width: inherit;
  /* Make images fill their parent's space. Solves IE8. */ }

.img_centered {
  margin: auto; }

.img_floatOnMedium {
  float: none;
  margin: 0 auto 15px; }

.media {
  display: block; }
  .media:before, .media:after {
    content: " ";
    display: table; }
  .media:after {
    clear: both; }

.media-element {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.media-element_bottomFlush {
  margin-bottom: 0; }

.media-element_far {
  margin-right: 30px; }

.media-element_caption {
  position: relative; }

.media-element_caption-overlay {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  background: #252525; }

.media_flip > .media-element {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; }

.media_stacked > .media-element {
  float: none;
  margin-right: 0; }

.media_stacked > .media-content {
  padding-left: 20px;
  padding-right: 20px; }

.media-content {
  overflow: hidden; }

.media-content-hd {
  margin-bottom: 30px; }

.media-content-hd-meta {
  padding-top: 10px; }

.media-content-bd {
  margin-bottom: 30px; }

.media_stackedOnSmall > .media-element {
  width: 100%;
  float: none;
  margin-right: 0; }

.modalContainer {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 250ms, visibility 250ms linear 250ms;
  -moz-transition: opacity 250ms, visibility 250ms linear 250ms;
  transition: opacity 250ms, visibility 250ms linear 250ms;
  z-index: 10; }
  
.heroModal {
	background-color: #222;
}

.modalContainer-modal {
  position: relative;
  text-align: center;
  top: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: top 250ms, transform 250ms;
  -moz-transition: top 250ms, transform 250ms;
  transition: top 250ms, transform 250ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

.modalContainer_active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 250ms, visibility 0 linear 0;
  -moz-transition: opacity 250ms, visibility 0 linear 0;
  transition: opacity 250ms, visibility 0 linear 0; }

.modalContainer_active .modalContainer-modal {
  top: 30px;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.modalContainer_zoom .modalContainer-modal {
 /* top: 50%;
  -webkit-transform: translateY(-50%) scale(0.3);
  -moz-transform: translateY(-50%) scale(0.3);
  -ms-transform: translateY(-50%) scale(0.3);
  -o-transform: translateY(-50%) scale(0.3);
  transform: translateY(-50%) scale(0.3);*/ }
  

.modalContainer_zoom.modalContainer_active .modalContainer-modal {
 /* -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-70%) scale(1.3);*/

width:100%

  }

/* ----------------------------------------------------------------------------
Modules: Objects: navAuxiliary
---------------------------------------------------------------------------- */
/*doc
---
title: Navigation Auxiliary
name: navAuxiliary
category: modules
---

```html_example
<div class="demo-container">
    <ul class="navAuxiliary">
        <li class="navAuxiliary-item">
            <a href="#">Privacy Policy</a>
        </li>
        <li class="navAuxiliary-item navAuxiliary-item_isActive">
            <a href="#">Terms & Conditions</a>
        </li>
        <li class="navAuxiliary-item">
            <a href="#">Sitemap</a>
        </li>
        <li class="navAuxiliary-item">
            <a href="#">Careers</a>
        </li>
        <li class="navAuxiliary-item">
            <span>&copy; 2014 Telephonics Corporation</span>
        </li>
    </ul>   
</div>
```

*/
.navAuxiliary:before, .navAuxiliary:after {
  content: " ";
  display: table; }
.navAuxiliary:after {
  clear: both; }

.navAuxiliary-item {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff; }

.navAuxiliary-item + .navAuxiliary-item {
  border-top: 1px solid #747576; }

/* KB */
.navAuxiliary-item:nth-child(2) {
  border-top: none;
}
/* --- */

.navAuxiliary-item > * {
  display: block;
  padding: 10px 0; }

.navAuxiliary-item > a:hover, .navAuxiliary-item > a:focus {
  color: #ffffff; }

.navAuxiliary-item_isActive > a {
  border-left: 4px solid #029DDD;
  padding-left: 10px;
  color: #ffffff;
  cursor: default; }

.navDrawer-ft {
  height: 60px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }

.navDrawer-bd {
  position: relative; }

.navDrawer-bd-panel {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  display: none; }

.navDrawer-bd-panel_isActive {
  position: relative;
  z-index: 0;
  display: block; }

.navDrawer-trigger {
  display: block;
  height: 30px;
  width: 30px;
  background-size: contain;
  background-position: center center;
  border: 0;
  background-color: transparent;
  overflow: hidden; }
  .navDrawer-trigger:before {
    content: " ";
    display: block;
    height: 150%;
    width: 0; }

/* ---------------------------------------------------------------------
 Pagination

/*doc
---
title: Pagination
name: pagination
category: modules
---

TO-DO: curtis doc

```html_example 

<ol class="pagination">
    <li><a class="pagination-link" href="#"><i class="icon icon_doubleArrow icon_left_doubleArrow"></i></a></li>
    <li><a class="pagination-link" href="#"><i class="icon icon_arrow icon_left_arrow"></i></a></li>
    <li><a class="pagination-link" href="#">1</a></li>
    <li><a class="pagination-link" href="#">2</a></li>
    <li><a class="pagination-link" href="#">3</a></li>
    <li><a class="pagination-link pagination-link_active" href="#">4</a></li>
    <li><a class="pagination-link" href="#">5</a></li>
    <li><a class="pagination-link" href="#">6</a></li>
    <li><a class="pagination-link" href="#">7</a></li>
    <li class="pagination-ellipsis">&#8230;</li>
    <li><a class="pagination-link" href="#">18</a></li>
    <li><a class="pagination-link" href="#">19</a></li>
    <li><a class="pagination-link" href="#">20</a></li>
    <li><a class="pagination-link" href="#">21</a></li>
    <li><a class="pagination-link" href="#">22</a></li>
    <li><a class="pagination-link" href="#">23</a></li>
    <li><a class="pagination-link" href="#"><i class="icon icon_arrow icon_right_arrow"></i></a></li>
    <li><a class="pagination-link" href="#"><i class="icon icon_doubleArrow icon_right_doubleArrow"></i></a></li>
</ol>

```

*/
.pagination {
  display: table;
  margin: 0 auto;
  font-size: 0; }

.pagination > * {
  position: relative;
  display: table-cell;
  width: 47px;
  border-right: 1px solid #555555;
  background: #434444;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none; }

.pagination > *:last-of-type {
  border-right: none; }

.pagination-link {
  display: inline-block;
  padding: 17px 0;
  width: 100%;
  color: #ffffff; }

.pagination-link:hover {
  color: #252525;
  background: #029DDD; }

.pagination-link_active {
  background:#029DDD;
color: #252525;}

/* ----------------------------------------------------------------------------
Modules: Objects: Popover
---------------------------------------------------------------------------- */
[data-popover-target] {
  display: none;
  z-index: 3; }

/* ----------------------------------------------------------------------------
Modules: Objects: Search Bar
---------------------------------------------------------------------------- */
.searchBar {
  position: relative;
  height: 35px; }

.searchBar_lg {
  max-width: 750px;
  height: 45px;
  margin: auto; }

.searchBar_constrain {
  max-width: 218px; }

.searchBar-input {
  display: block;
  padding: 0 40px 0 10px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  height: 35px;
  line-height: 35px;
  background: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #D7D8D9; }

.searchBar-input:focus {
  border: 1px solid #029DDD; }

.searchBar-input_lg {
  height: 45px;
  line-height: 45px;
  padding-right: 110px;
  font-size: 18px;
  font-size: 1.125rem; }

.searchBar-input_lg::-webkit-input-placeholder {
  font-style: italic; }

.searchBar-input_lg:-moz-placeholder {
  font-style: italic; }

.searchBar-input_lg::-moz-placeholder {
  font-style: italic; }

.searchBar-input_lg:-ms-input-placeholder {
  font-style: italic; }

.searchBar-btn {
  position: absolute;
  /*top: 0;*/
  right: 0;
  background-color: #004677;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  width: 35px; }

.searchBar-btn_lg {
  height: 45px;
  width: 110px; }

/* ---------------------------------------------------------------------
 Modules: Objects: Shadow
------------------------------------------------------------------------ */
.shadow:after {
  display: none;
  content: " ";
  width: 300px;
  height: 25px;
  margin: 5px auto 0 auto;
  
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

	background: -moz-radial-gradient(center, ellipse cover, #c6c6c6 0%, rgba(255, 255, 255, 0) 70%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 70%, color-stop(0%, #c6c6c6), color-stop(70%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #c6c6c6 0%, rgba(255, 255, 255, 0) 70%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #c6c6c6 0%, rgba(255, 255, 255, 0) 70%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #c6c6c6 0%, rgba(255, 255, 255, 0) 70%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #c6c6c6 0%, rgba(255, 255, 255, 0) 70%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#007db9e8',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ 
}

/* ----------------------------------------------------------------------------
Modules: Objects: Skippy
---------------------------------------------------------------------------- */
.skippy {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.skippy:focus {
  clip: auto;
  display: block;
  height: auto;
  width: auto;
  left: 40px;
  margin: 0;
  padding: 20px;
  position: fixed;
  top: 40px;
  overflow: auto;
  background: rgba(1, 156, 220, 0.8);
  color: #ffffff;
  z-index: 20; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slickReskin {
  position: relative; }

.mix-slickReskin_hasDots {
  margin-bottom: 46px; }

.mix-slickReskin_hasOverlayedDots .slick-dots {
  bottom: 20px;
  z-index: 1; }

.slickReskin img {
  max-width: 100%;
  height: auto;
  margin: auto; }

.slickReskin .slick-prev, .slickReskin .slick-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.slickReskin .slick-prev *, .slickReskin .slick-next * {
  cursor: pointer; }

.slickReskin .slick-prev {
  left: 11px; }

.slickReskin .slick-next {
  right: 11px; }

.slickReskin-nav {
  display: table;
  margin-top: -33px;
  table-layout: fixed;
  -webkit-transition: margin-top 200ms ease-in;
  -moz-transition: margin-top 200ms ease-in;
  transition: margin-top 200ms ease-in; }

.slickReskin-nav > * {
  display: table-cell;
  vertical-align: top; }

.slickReskin.videoIsPlaying .slickReskin-nav {
  margin-top: 0;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.slickReskin-nav-thumbnail {
  background: #252525;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%; }

.slickReskin-nav-thumbnail-image {
  display: block;
  opacity: 0.7;
  width: 100%; }

.slickReskin-nav-thumbnail.active .slickReskin-nav-thumbnail-image {
  opacity: 1; }

.slickReskin-nav-thumbnail-caption {
  background: #ffffff;
  border-bottom: 5px solid #029DDD;
  bottom: -100%;
  height: 10px;
  position: absolute;
  width: 100%;
  -webkit-transition: bottom 200ms ease-in;
  -moz-transition: bottom 200ms ease-in;
  transition: bottom 200ms ease-in; }

.slickReskin-nav-thumbnail-caption:before {
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  bottom: 100%;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.slickReskin-nav-thumbnail.active .slickReskin-nav-thumbnail-caption {
  bottom: 0;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.slickReskin-slide-caption {
  display: none; }

.slickReskin-nav-thumbnail-caption-text {
  color: #333333;
  font-family:  Arial, Verdana, sans-serif; /* KB "proximaNova_regular", Arial, Verdana, sans-serif; */
  font-weight: bold;  /* KB */
  font-style: normal;
  display: none;
  line-height: 1.43;
  font-size: 15px; /* KB 14px; */
  font-size: 0.9375rem; /* KB 0.875rem; */
}

.slickReskin .slick-dots {
  font-size: 0;
  margin-top: 22px;
  position: absolute;
  text-align: center;
  width: 100%; }

.slickReskin .slick-dots > * {
  background: #ffffff;
  border: 2px solid #CCCCCC;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  height: 10px;
  position: relative;
  width: 10px;
  -webkit-transition: border-width, background-color;
  -moz-transition: border-width, background-color;
  transition: border-width, background-color;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  transition-duration: 100ms; }

.slickReskin .slick-dots > * + * {
  margin-left: 5px; }

.slickReskin .slick-dots > * > * {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0; }

.slickReskin .slick-dots .slick-active {
  border-width: 0;
  background-color: #029DDD; }

.slickReskin-productsContainer {
  margin: 0 auto;
  max-width: 320px; }

.slickReskin-slide-bd-caption {
  display: none; }

/* ---------------------------------------------------------------------
 Modules: Objects: Sort By
------------------------------------------------------------------------ */
.sortBy {
  font-size: 0; }

.sortBy > * {
  font-size: 0;
  display: inline-block;
  border-left: 1px solid #434444; }

.sortBy > *:last-child {
  border-right: 1px solid #434444; }

.sortBy-anchor {
  display: block;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
  padding: 13px 30px 10px;
  border-bottom: 4px solid transparent; }

.sortBy-anchor .icon {
  position: absolute;
  right: 12px;
  top: 20px;
  display: none; }

.sortBy-anchor:hover, .sortBy-anchor:focus, .sortBy-anchor_isActive {
  border-color: #029DDD;
  color: #ffffff; }

.sortBy-anchor:hover .icon, .sortBy-anchor_isActive .icon {
  display: block; }



/* ---------------------------------------------------------------------
 Tabular Nav Center
------------------------------------------------------------------------ */
.tabNav {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  font-size: 0; }

.tabNav-item {
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  width: calc(25% - 12px);
  padding: 11px 5px;
  border-right: 1px solid #747576; }

.tabNav-item:first-child {
  border-left: 1px solid #747576; }

.tabNav-item:hover, .tabNav-item:focus, .tabNav-item.isActive {
  background-color: #252525; }

.tooltip {
  position: relative;
  display: inline-block; }

.tooltip-bd {
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 200px;
  padding-bottom: 10px; }

.tooltip-bd-popover {
  position: relative;
  padding: 10px 0;
  border: 1px solid #D7D8D9;
  background: #252525;
  text-align: center; }

.tooltip-bd-popover:before, .tooltip-bd-popover:after {
  content: " ";
  display: table;
  position: absolute;
  top: 100%;
  right: 20px; }

.tooltip-bd-popover:before {
  width: 0;
  height: 6px;
  margin-left: -3px;
  border-top: 6px solid #D7D8D9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent; }

.tooltip-bd-popover:after {
  width: 0;
  height: 5px;
  margin-left: -2px;
  border-top: 5px solid #252525;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

/* ---------------------------------------------------------------------
Original Author: Anthony Ticknor
Contributors: N/A

Quarantine styles applied to areas where content is dynamic and
generated by a content editor / CMS.

Usage
<div class="user-content">
...
</div>
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
user-content default
------------------------------------------------------------------------ */
.user-content {
  font-family:  Arial, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
user-content paragraphs
------------------------------------------------------------------------ */
.user-content p {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px; }

.user-content p:last-child {
  margin-bottom: 0; }

/* ---------------------------------------------------------------------
user-content headings
------------------------------------------------------------------------ */
.user-content h1 {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 10px; }

.user-content h2 {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 28.8px;
  font-size: 1.8rem;
  margin-bottom: 10px; }

.user-content h3 {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  margin-bottom: 10px; }

.user-content h4 {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 22.4px;
  font-size: 1.4rem;
  margin-bottom: 10px; }

.user-content h5 {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 19.2px;
  font-size: 1.2rem;
  margin-bottom: 10px; }

.user-content h6 {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 17.6px;
  font-size: 1.1rem;
  margin-bottom: 10px; }

/* KB */
.user-content h1 a:link, 
.user-content h2 a:link,
.user-content h3 a:link,
.user-content h4 a:link,
.user-content h5 a:link,
.user-content h6 a:link {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-weight: normal;
}
/* --KB-- */

/* ---------------------------------------------------------------------
user-content sections
------------------------------------------------------------------------ */
.user-content blockquote {
  margin: 0 0 10px 30px;
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-style: italic;
  font-size: 20px;
  font-size: 1.25rem; }

.user-content blockquote span {
  display: block;
  font-style: italic;
  font-size: 14px;
  font-size: 0.875rem; }

.user-content address {
  margin: 0 0 12px 0;
  font-style: italic; }

/* ---------------------------------------------------------------------
user-content anchors
------------------------------------------------------------------------ */
.user-content a:link {
  color: #004677 !important;
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}


.user-content a:focus, .user-content a:hover {
  color: #004677 !important;
  text-decoration: underline; }


/* ---------------------------------------------------------------------
user-content text formatting
------------------------------------------------------------------------ */
.user-content strong, .user-content b {
  font-family:  Arial, Verdana, sans-serif;
  font-weight: bold;
  font-style: normal; 
}

.user-content em, .user-content i {
  font-style: italic; }

.user-content del, .user-content strike, .user-content s {
  text-decoration: line-through; }

.user-content u, .user-content ins {
  text-decoration: underline; }

.user-content sup {
  vertical-align: super;
  font-size: smaller; }

.user-content sub {
  vertical-align: sub;
  font-size: smaller; }

.user-content big {
  font-size: 18px;
  font-size: 1.125rem; }

.user-content small {
  font-size: 14px;
  font-size: 0.875rem; }

.user-content abbr, .user-content acronym {
  border-bottom: dotted 1px; }

.user-content cite, .user-content dfn {
  font-style: italic; }

.user-content q {
  font-style: italic; }

.user-content q::before {
  content: open-quote; }

.user-content q::after {
  content: close-quote; }

.user-content q:lang(en) {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

.user-content bdo {
  direction: rtl; }

.user-content blink {
  text-decoration: blink; }

.locationPhone {
	color: #92278f;
}
.locationPhone:hover {
	color:#004677;
}

/* ---------------------------------------------------------------------
user-content computer output
------------------------------------------------------------------------ */
.user-content pre {
  margin: 0 0 12px 0;
  font-family: "Lucida Console", Monaco, monospace;
  white-space: pre-wrap;
  word-break: break-word; }

.user-content code, .user-content samp, .user-content tt, .user-content kbd {
  font-family: "Lucida Console", Monaco, monospace; }

.user-content var {
  font-style: italic; }

/* ---------------------------------------------------------------------
user-content lists
------------------------------------------------------------------------ */
.user-content ul, .user-content ol, .user-content dl {
  margin-top: 0;
  margin-bottom: 12px; }

.user-content ul {
  list-style-type: disc;
  margin: 0 0 12px 0; }

.user-content ol {
  list-style-type: decimal;
  margin: 0 0 12px 0; }

.user-content dt {
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}

.user-content li, .user-content dd {
  margin: 0 0 0 24px; }

/* nested lists have no top/bottom margins */
.user-content ul ul, .user-content ul ol, .user-content ul dl, .user-content ol ul, .user-content ol ol, .user-content ol dl, .user-content dl ul, .user-content dl ol, .user-content dl dl {
  margin-top: 0;
  margin-bottom: 0; }

/* 2 deep unordered lists use a circle */
.user-content ol ul, .user-content ul ul {
  list-style-type: circle; }

/* 3 deep (or more) unordered lists use a square */
.user-content ol ol ul, .user-content ol ul ul, .user-content ul ol ul, .user-content ul ul ul {
  list-style-type: square; }

/* ---------------------------------------------------------------------
user-content detailList
------------------------------------------------------------------------ */
.user-content-detailList > ul > li {
  margin-bottom: 5px;
  position: relative;
  padding: 0 0 0 24px;
  margin: 0;
  list-style-type: none; }

.user-content-detailList > ul > li:before {
  content: " ";
  display: inline-block;
  width: 13px;
  height: 10px;
  position: absolute;
  top: 5px;
  left: 0; }

/* ---------------------------------------------------------------------
user-content tables
------------------------------------------------------------------------ */
.user-content table:not(.display) {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-spacing: 1px;
  border-collapse: separate; }

.user-content table:not(.display) tr {
  vertical-align: middle; }

.user-content table:not(.display) tr:nth-of-type(2n) {
  background-color: #EFF0F2; }

.user-content table:not(.display) tbody {
  vertical-align: middle; }

.user-content table:not(.display) thead {
  vertical-align: middle; }

.user-content table:not(.display) tfoot {
  vertical-align: middle; }

.user-content table:not(.display) td {
  vertical-align: middle;
  text-align: inherit;
  padding: 2px 4px; }

.user-content table:not(.display) th, 
  .user-content table:not(.display) thead td,
  .user-content td.tdth
  {
  vertical-align: middle;
  text-align: inherit;
  font-weight: normal;
  padding: 2px 4px;
  background-color: #1D232A;
  color: #ffffff; 
  }

.user-content table:not(.display) table caption {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem; }

/* ---------------------------------------------------------------------
user-content horizontal rule
------------------------------------------------------------------------ */
.user-content hr {
  display: block;
  height: 10px;
  width: 100%;
  background: #747576; }

/* ---------------------------------------------------------------------
user-content iframe
------------------------------------------------------------------------ */
.user-content iframe {
  max-width: 100%; }

/* ---------------------------------------------------------------------
user-content media
------------------------------------------------------------------------ */
.user-content img, .user-content video, .user-content audio {
  max-width: 100% !important; }

.user-content figcaption {
  font-style: italic;
  font-size: 14px;
  font-size: 0.875rem; }

/* ---------------------------------------------------------------------
user-content undefined elements
------------------------------------------------------------------------ */

.centeredList {
  font-size: 0; }

.centeredList > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle; }

.centeredList > * + * {
  border-top: 1px solid #D7D8D9; }

.centeredList_violateOnSmall {
  margin: 0 -15px; }

/* ----------------------------------------------------------------------------
Modules: Repeaters: Details List 
---------------------------------------------------------------------------- */
.detailsList > * {
  margin-bottom: 5px;
  position: relative;
  padding-left: 24px; }

.detailsList > *:before {
  content: " ";
  display: inline-block;
  width: 13px;
  height: 10px;
  position: absolute;
  top: 5px;
  left: 0; }

/* ----------------------------------------------------------------------------
Modules: Repeaters: Horizontal List
---------------------------------------------------------------------------- */
/*doc
---
title: Horizontal List
name: hList
category: modules
---

The horizontal list object handles the spacing and alignment of list items displayed in a horizontal format.

```html_example
    <ul class="hList hList_divided">
        <li><img src="http://fpoimg.com/50x50" /></li>
        <li><img src="http://fpoimg.com/50x50" /></li>
        <li><img src="http://fpoimg.com/50x50" /></li>
        <li><img src="http://fpoimg.com/50x50" /></li>
    </ul>
``` 

*/
.hList {
  font-size: 0; }

.hList > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px; /* KB */
  vertical-align: middle; }

.hList > * + * {
  margin-left: 10px; }

.hList_loose > * + * {
  margin-left: 20px; }

.hList_divided > * + * {
  border-left: 1px solid #CCCCCC;
  padding-left: 10px; }

/* ----------------------------------------------------------------------------
Modules: Repeaters: Icon List 
---------------------------------------------------------------------------- */
/*doc
---
title: Icon List
name: iconList
category: modules
---

```html_example
<div class="demo-container">
<ul class="iconList">
    <li>
        <a href="#" class="iconList-link">
            <i class="icon icon_facebook-button_dark"></i>Facebook
        </a>
    </li>
    <li>
        <a href="#" class="iconList-link">
            <i class="icon icon_twitter-button_dark"></i>Twitter
        </a>
    </li>
    <li>
        <a href="#" class="iconList-link">
            <i class="icon icon_linkedin-button_dark"></i>LinkedIn
        </a>
    </li>
    <li>
        <a href="#" class="iconList-link">
            <i class="icon icon_google_plus-button_dark"></i>Google+
        </a>
    </li>
    <li>
        <a href="#" class="iconList-link">
            <i class="icon icon_youtube-button_dark"></i>YouTube
        </a>
    </li>
</ul>
</div>

```

*/
.iconList > * {
  margin-left: 40px;
  font-size: 14px;
  font-size: 0.875rem; }

.iconList > * + * {
  border-top: 1px solid #747576; }

.iconList .icon {
  height: 26px;
  width: 26px;
  margin: 0 16px 0 -40px;
  vertical-align: middle; }

.iconList-link {
  display: block;
  color: #B3EFFF;
  padding: 10px 0; }

.iconList-link:hover, .iconList-link:focus {
  color: #ffffff; }

/* ---------------------------------------------------------------------
 Label List Center
------------------------------------------------------------------------ */
.labelList-item {
  margin-left: -15px; }

.labelList-item {
  border-bottom: 1px solid #D7D8D9; }

.labelList-item:first-child {
  border-top: 1px solid #D7D8D9; }

.labelList-item-link {
  display: block;
  padding: 4px 18px;
  border-left: 4px solid #D7D8D9;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333; }

.labelList-item-link:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 10px;
  position: absolute;
  top: 12px;
  right: 10px;
  background-size: contain; }

.labelList-item-link_blue {
  border-left-color: #004677; }

.labelList-item-link_yellow {
  border-left-color: #F3B603; }

.labelList-item-link_green {
  border-left-color: #215436; }

.labelList-item-link_purple {
  border-left-color: #92278F; }

.labelList-item-link_accent {
  border-left-color: #029DDD; }

/*doc
---
title: Piano List
name: pianoList
category: modules
---

```html_example
<ul class="pianoList">
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
</ul>
```

```html_example
<ul class="pianoList pianoList_striped pianoList_enclosed">
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
    <li>
        <a href="#" class="pianoList-link">item</a>
    </li>
</ul>
```

*/
.pianoList {
  background: #ffffff; }

.pianoList > * {
  font-size: 14px;
  font-size: 0.875rem;
  position: relative; }

.pianoList > * + * {
  border-top: 1px solid #D7D8D9;
  }

.pianoList_striped > * + * {
  border-top: none; }

.pianoList_striped > *:nth-child(2n) {
  background: #F5F5F5; }

.pianoList_enclosed {
  position: relative;
  background: #ffffff;
  border: 1px solid #D7D8D9; }

.pianoList_enclosed:after, .pianoList_enclosed:before {
  content: " ";
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.pianoList_enclosed:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px; }

.pianoList_enclosed:before {
  border-color: rgba(241, 241, 242, 0);
  border-bottom-color: #D7D8D9;
  border-width: 9px;
  margin-left: -9px; }

.pianoList-link, .pianoList-text {
  display: block;
  color: #555555;
  padding: 10px 20px; }

.pianoList-link_loose, .pianoList-text_loose {
  padding: 20px 20px; }

.pianoList-text {
  cursor: default; }

.pianoList-link:hover, .pianoList-link:focus {
  color: #ffffff;
  background: #004677; 
  }

/* KB */
.pianoList .hdg_3 {
  padding-bottom: .3em;
}


ul.pianoDropDown-open
  {
  position:absolute;
  top:2em;
  overflow:hidden;
  width:30em;
  left:0em;
  display:inline-block;
  z-index:5;
  }

ul.pianoDropDown
  {
  position:absolute;
  top:2em;
  overflow:hidden;
  width:30em;
  left:0em;
  display:none;
  }


.splitList {
  background: #ffffff; }

.splitList > * {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  color: #333333;
  width: 100%; }
  .splitList > *:before, .splitList > *:after {
    content: " ";
    display: table; }
  .splitList > *:after {
    clear: both; }

.splitList > * + * {
  border-top: 1px solid #D7D8D9; }

.splitList-link, a.splitList-link {
  display: block;
  color: #333333;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px; }

.splitList-link:hover, .splitList-link:focus {
  color: #92278F; }

.splitList-link_left {
  float: left;
  max-width: 80%;
  padding-right: 5px; }

.splitList-link_right {
  float: right;
  padding-left: 5px;
  max-width: 20%;
  white-space: nowrap; }

/* ----------------------------------------------------------------------------
Modules: Repeaters: Utility List 
---------------------------------------------------------------------------- */
/*doc
---
title: Utility List
name: utilityList
category: modules
---

```html_example
<div class="demo-container">
<ul class="utilityList">
    <li><a href="#" class="utilityList-link">Careers</a></li>
    <li><a href="#" class="utilityList-link">A-Z Product Finder</a></li>
</ul>
</div>

```

*/
.utilityList > * {
  font-size: 0; }

.utilityList > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem; }

.utilityList > * + * {
  margin-left: 15px;
  color: #ffffff; }

.utilityList-link {
  color: #ffffff; }

.utilityList-link:hover, .utilityList-link:focus {
  color: #B3EFFF; }

/*doc
---
title: Vertical List
name: vList
category: modules
---

The vertical list object handles spacing between list items displayed in a vertical format.

```html_example
    <ul class="vList">
        <li>Item One</li>
        <li>Item Two</li>
        <li>Item Three</li>
    </ul>
```

```html_example
    <ul class="vList mix-vList_links">
        <li><a href="#">Item One</a></li>
        <li><a href="#">Item Two</a></li>
        <li><a href="#">Item Three</a></li>
    </ul>
```

```html_example
    <ul class="vList vList_pushBottom">
        <li><a href="#">Item One</a></li>
        <li><a href="#">Item Two</a></li>
        <li><a href="#">Item Three</a></li>
    </ul>
```

*/
.vList > * {
  margin-bottom: 4px; }

.vList_loose > * {
  margin-bottom: 10px; }

.vList_extraLoose > * {
  margin-bottom: 15px; }

.vList:not(.vList_pushBottom) > *:last-child {
  margin-bottom: 0; }
/*.vList a {
color:#004677;
}*/
/* KB */
.vList address, .vList .user-content {
  margin-left: 15px;
  margin-right: 15px;
}
/* --- */
  
.hdg {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  /* line-height: 1.3; */
  line-height: 1.0; /* KB */
  /* margin-bottom: .1em; /* KB */
  } 

.hdg_hero {
  font-size: 40px;
  font-size: 2.5rem;
  /* Equates to 40px when base is 16px */
  line-height: 1; }

.hdg_1 {
  font-size: 32px;
  font-size: 2rem; }

.hdg_2 {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-weight: lighter;
}

.hdg_2_changeOnSmall {
  font-size: 26px;
  font-size: 1.625rem; }

.hdg_3 {
  font-size: 30px;
  font-size: 1.875rem; 
  padding-bottom: .1em; /* KB */
}

.hdg_4 {
  font-size: 22.4px;
  font-size: 1.4rem; }

.hdg_5 {
  font-size: 20px;
  font-size: 1.25rem; }

.hdg_6 {
  font-size: 24px;
  font-size: 1.5rem; }

.hdg_heroSubhead {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1; }

.hdg_sectionTitle {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  font-weight: lighter;
  font-size: 26px;
  font-size: 1.625rem; }

.hdg_socialLabel {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffffff;
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-style: italic;
}

.hdg_navDrawerLabel {
  font-size: 20px;
  font-size: 1.25rem;
  color: #004677;
  display: block;
  text-align: center;
  position: relative; }

.hdg_navDrawerLabel > .icon {
  position: absolute;
  left: 0;
  top: 5px; }

.hdg_footerLabel {
  font-size: 18px;
  font-size: 1.125rem;
  color: #ffffff;
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}

.hdg_footerLabel-subHdg {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  color: #A0A0A2;
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: italic;
}

.mix-hdg_hdgBar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 15px;
  margin-bottom: 20px;
  background-color: #555555;
  color: #FFFFFF; }

.mix-hdg_strong {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-weight: bold;
}

.mix-hdg_light {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-weight: lighter;
}

.mix-hdg_italic {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-style: italic;
}

.mix-hdg_blue {
  color: #004677; }

.mix-hdg_accent {
  color: #029DDD; }

.mix-hdg_reversed {
  color: #F5F5F5; }

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

.mix-hdg_subHead {
  color: #555555; }

.mix-hdg_divided {
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 3px solid #434444; }

.mix-hdg_divided_light {
  border-color: #D7D8D9; }

.mix-hdg_hr {
  position: relative;
  text-align: center;
  z-index: 2; }

.mix-hdg_hr:before, .mix-hdg_hr:after {
  content: " ";
  display: table;
  position: absolute;
  z-index: -1; }

.mix-hdg_hr:before {
  top: 50%;
  margin-top: -5px;
  height: 10px;
  width: 100%;
  background: #747576; }

.mix-hdg_hr:after {
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 12px;
  margin-top: -6px;
  margin-left: -125px;
  -webkit-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  transform: skewX(-40deg); }

/*
Sets font family to default/primary font family.
*/
.mix-hdg_reset {
  font-family:  Arial, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 txt - add styling to inline chunks of text
------------------------------------------------------------------------ */
/*doc
---
title: Text (Inline)
name: txt
category: modules
---

Tweak inline text styles with various txt module extensions. Text is (TODO: update this when able) by default.

```html_example
<span class="txt mix-txt_caps">All Caps</span>
```

## Text Variants

Text Extensions                                                                  | Modifier Class
-------------------------------------------------------------------------------- | ----------------------


Text Mixins                                                       | Modifier Class
----------------------------------------------------------------- | ----------------------
<span class="txt mix-txt_caps">Uppercase</span>                   | `txt mix-txt_caps`
<span class="txt mix-txt_italic">Italic</span>                    | `txt mix-txt_italic`
<span class="txt mix-txt_colorBrand">Color: Brand</span>          | `txt mix-txt_colorBrand`
<span class="txt mix-txt_colorReverse">Color: Reverse</span>      | `txt mix-txt_colorReverse`
<span class="txt mix-txt_colorLight">Color: Light</span>          | `txt mix-txt_colorLight`
<span class="txt mix-txt_small">Small (14px)</span>               | `txt mix-txt_small`
<span class="txt mix-txt_large">Large (18px)</span>               | `txt mix-txt_large`

*/
/* Mixins */
.mix-txt_caps {
  text-transform: uppercase; }

.mix-txt_italic {
  font-style: italic; }

.mix-txt_colorPrimary {
  color: #333333; }

.mix-txt_colorSecondary {
  color: #555555 }
.mix-txt_colorSecondary:hover{
	color:#ffffff;
}

.mix-txt_colorLight {
  color: #999a9e; }

.mix-txt_colorReversed {
  color: #F5F5F5; }

.mix-txt_colorBrandBlue {
  color: #004677; }

.mix-txt_colorBrandYellow {
  color: #F3B603; }

.mix-txt_colorBrandGreen {
  color: #215436; }

.mix-txt_colorBrandPurple {
  color: #92278F; }

.mix-txt_colorBrandAccent {
  color: #029DDD; }

.mix-txt_colorBrandAccentPiano {
  color: #004677; }

a.mix-txt_colorBrandAccentPiano:hover {
	color:#FFFFFF !important;
}

.pianoList-link:hover .mix-txt_colorBrandAccentPiano {
  color: #004677; }

.mix-txt_colorError {
  color: red; }

.mix-txt_extraSmall {
  font-size: 14px;
  font-size: 0.875rem; }

/* Equates to 14px with 16px base */
.mix-txt_small {
  font-size: 18px;
  font-size: 1.125rem; }

/* Equates to 18px with 16px base */
.mix-txt_base {
  font-size: 16px;
  font-size: 1rem; }

.mix-txt_large {
  font-size: 28.8px;
  font-size: 1.8rem; }

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

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

.mix-txt_slightlySpaced {
  line-height: 1.34; }

.mix-txt_spaced {
  line-height: 1.6; }

.mix-txt_strong {
  font-family:  Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}
mix-txt_strong:hover{
	color: #FFFFFF !important;
}
a.mix-txt_strong {
color: #004677!important;
}

.mix-txt_strongSecondary {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-weight: bold;
  font-style: normal;
}

.mix-txt_italicSecondary {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; 
  font-style: italic;
  font-weight: normal;
}

.mix-txt-profileHdg {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Neuron Angled", Arial, Verdana, sans-serif;
  line-height: 1.2; }

.mix-txt-profileTxt {
  font-size: 13px;
  font-size: 0.8125rem; }

/*
Used for introduction segment, generally located directly beneath
the hero object.
*/
.mix-txt_intro {
  font-family: "Neuron Angled", Arial, Verdana, sans-serif; }

.mix-txt_utilityBar {
  color: #ffffff;
  line-height: 46px;
  /* One-off style, magic number to match height of links in same container. */ }

.mix-txt_utilityBar:hover, .mix-txt_utilityBar:focus {
  color: #029DDD; }

@media only screen and (min-width: 769px) and (min-height: 410px) {
  /* ---------------------------------------------------------------------
 Medium View - 768px+
------------------------------------------------------------------------ */
  /* Breaks to three columns for medium widths */
  /* ----------------------------------------------------------------------------
Split
---------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------
 Absolute Center
------------------------------------------------------------------------ */
  /* ----------------------------------------------------------------------------
Modules: Objects: Button
---------------------------------------------------------------------------- */
  /* Change style of button for various viewports */
  /* ----------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------
Modules: Objects: Image
---------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------
Modules: Objects: navMeta
---------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------
 Modules: Objects: Shadow
------------------------------------------------------------------------ */
  /* ---------------------------------------------------------------------
 Tabular Nav Center
------------------------------------------------------------------------ */
  /* ---------------------------------------------------------------------
Original Author: Anthony Ticknor
Contributors: N/A

Quarantine styles applied to areas where content is dynamic and
generated by a content editor / CMS.

------------------------------------------------------------------------ */
  /* ---------------------------------------------------------------------
user-content detailList
------------------------------------------------------------------------ */
  /* ----------------------------------------------------------------------------
Modules: Repeaters: Details List 
---------------------------------------------------------------------------- */
  .custom-addthisevent .addthisevent-drop {
    width: 100%; }
  .isVisibleOnSmallOnly {
    display: none; }
  .isVisibleOnMediumOnly {
    display: block; }
  .isHiddenOnSmall {
    display: block; }
  .isHiddenOnMedium {
    display: none; }
  .floatRightSm {
    float: none; }
  .isCenteredOnMedium {
    text-align: center; }
  .footer:before, .footer:after {
    content: " ";
    display: table; }
  .footer:after {
    clear: both; }
  .footerContent + .footerContent {
    margin-top: 0; }
  .footerContent_1of3 {
    width: 25%;
    float: right; }
  .footerContent_2of3 {
    width: 72%;
    float: left; }
  .phone {
    padding: 0 20px 20px;
    position: relative;
    text-align: right;
  }
  .mastheadContent-right {
    margin-top: 30px; }
  .mastheadContent-branding {
    height: 110px;
    width: 274px; }
  .subSite-hd {
    height: 150px; }
  .subSite-bd {
    height: calc(100% - 150px);
    margin-top: 150px; }
  .tier_bkgdImg {
    background-image: url(../media/images/tierBkgd/tierBkgd-partial_md.png); }
  .wrapper_onMedium {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 15px; }
  .blocks_2up > * {
    width: 50%; }
  .blocks_2-collapse > * {
    width: 50%; }
  .blocks_3-collapse > * {
    width: 50%; }
  .blocks_3-collapse_onSmall > * {
    width: 33.33333%; }
  .blocks_3-collapse_custom > * {
    width: 50%; }
  .blocks_3-collapse_custom > *:nth-child(3n) {
    width: 100%; }
  .blocks_4-collapse > * {
    width: 33.33333%; }
  .blocks_4-collapse > * + * {
    margin-top: 0; }
  .grid_vrSm > * {
    margin-bottom: 0; }
  .grid-col_12of12 {
    width: 100%; }
  .grid-col_11of12 {
    width: 91.66667%; }
  .grid-col_10of12 {
    width: 83.33333%; }
  .grid-col_9of12 {
    width: 75%; }
  .grid-col_8of12 {
    width: 66.66667%; }
  .grid-col_7of12 {
    width: 58.33333%; }
  .grid-col_6of12 {
    width: 50%; }
  .grid-col_5of12 {
    width: 41.66667%; }
  .grid-col_4of12 {
    width: 33.33333%; }
  .grid-col_3of12 {
    width: 25%; }
  .grid-col_aside {
    width: 28%; }
  .grid-col_2of12 {
    width: 16.66667%; }
  .grid-col_1of12 {
    width: 8.33333%; }
  .grid_stackOnMedium > * {
    width: 100%; }
  .split_stackOnSmall > * {
    width: auto; }
  .absoluteCenter {
    width: 106px;
    height: 106px; }
  .absoluteCenter_small {
    width: 52px;
    height: 52px; }
  .btn_social {
    padding: 13px 13px 13px 40px;
    background-position: 15px 50%;
    font-size: 14px;
    font-size: 0.875rem; }
  .btn_stretchOnMedium {
    width: 100%; }
  .mix-btn_fullToFixed {
    width: 210px;
    height: 62px;
    padding: 10px 24px 10px 20px;
    display: table; }
  .mix-btn_fullToFixed-text {
    display: table-cell;
    vertical-align: middle; }
  .btn_resource_transform {
    width: 100%;
    border: 1px solid #D7D8D9; }
  .carousel-viewport_3upOnMedium {
    width: 33.33%; }
  .form-group_top {
    margin-top: 22px;
    /* Used to math spacing of invisible label */ }
  .frame:hover:before {
    border-color: #029DDD; }
  .hero-adjunct:before {
    content: none; }
  .hero-adjunct-bd-right {
    display: none; }
  .hero-label-bd {
    font-size: 46px;
    font-size: 2.875rem;
    position: absolute;
    bottom: 0px;
    left: 0; }
  .img_floatOnMedium {
    float: left;
    margin: 0 15px 15px 0; }
  .media_stackedOnSmall > .media-element {
    width: auto;
    float: left;
    margin-right: 10px; }
  .media_stackedOnSmall > .media-element_far {
    margin-right: 30px; }
  .navAuxiliary-item {
    float: left;
    width: auto; }
  .navAuxiliary-item + .navAuxiliary-item {
    border-top: none; }
  .navAuxiliary-item > * {
    padding: 10px 15px; }
  .navAuxiliary-item:first-child > * {
    padding-left: 0; }
  .navAuxiliary-item > a:hover, .navAuxiliary-item > a:focus {
    background: #029DDD; }
  .navAuxiliary-item_isActive > a {
    border-left: none;
    position: relative; }
  .navAuxiliary-item_isActive > a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #029DDD; }
  .shadow:after {
    display: table; }
  .slickReskin .slick-prev {
    left: 15px; }
  .slickReskin .slick-next {
    right: 15px; }
  .slickReskin-slide-caption {
    bottom: 44px;
    display: block;
    left: 64px;
    position: absolute;
    width: 414px; }
  .slickReskin-productsContainer {
    max-width: none;
    width: 82.64%; }
  .slickReskin .slick-dots > *:hover {
    border-color: #029DDD; }
  .slickReskin-slide-bd {
    position: relative; }
  .slickReskin-slide-bd-caption {
    display: none; /* KB block; */
    padding: 10px; /* KB 15px 15px 20px 15px; */
    width: 300px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    position: absolute;
    top: 52px; /* KB 10%; */
    right: 5%; /* left: 50%; */
    /* KB margin-left: -150px; */
}
  .slickReskin-nav {
    margin: auto; }
  .slickReskin-nav-thumbnail {
    max-width: 228px; }
  .tabNav {
    width: auto; }
  .tabNav > * {
    font-size: 16px;
    font-size: 1rem;
    width: auto; }
  .tabNav-item {
    padding: 11px 30px; }
  .tabNav-item:hover, .tabNav-item:focus, .tabNav-item.isActive {
    background-color: #252525; }
  .tooltip-bd_centeredOnMedium {
    right: 50%;
    margin-right: -100px; }
  .tooltip-bd-popover_centeredArrowOnMedium:before, .tooltip-bd-popover_centeredArrowOnMedium:after {
    right: 50%;
    margin-right: -3px; }
  .user-content-detailList > ul {
    font-size: 0; }
  .user-content-detailList > ul > li {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* padding-right: 10px; */
    padding-right: 24px; /* KB */
    vertical-align: top;
    font-size: 16px;
    font-size: 1rem; }
  .centeredList {
    text-align: center; }
  .centeredList > * + * {
    border: none; }
  .centeredList > * {
    width: 50%;
    padding: 10px; }
  .centeredList_autoWidth > * {
    width: auto; }
  .centeredList_violateOnSmall {
    margin: 0; }
  .detailsList {
    font-size: 0; }
  .detailsList > * {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 16px;
    font-size: 1rem; }
  .hdg_hero {
    font-size: 46px;
    font-size: 2.875rem;
    /* Equates to 46px when base is 16px */ }
  .hdg_footerLabel-subHdg {
    display: inline; 
	margin-left: .5em; /* KB */
  }
  .hdg_2_changeOnSmall {
    font-size: 30px;
    font-size: 1.5rem; }
  .mix-hdg_hdgBar {
    width: 48%;
    text-align: right; }
  .mix-hdg_hdgBar_resetAlignment {
    text-align: left;
    width: 100%; }
  .hdg_sectionTitle {
    font-size: 28px;
    font-size: 1.75rem; }
  .mix-txt_intro {
    text-align: center; }
  .mix-txt_small {
    font-size: 24px;
    font-size: 1.5rem; }
  .mix-txt_rightMdUp {
    float: right; }
  .mix-txt_squeezed {
    padding: 0 60px; }
  .mix-txt-profileHdg {
    font-size: 22px;
    font-size: 1.375rem; }
  .mix-txt-profileTxt {
    font-size: 16px;
    font-size: 1rem; } 
	
	ul.twoColumns{ max-width:770px; }
	ul.twoColumns li{ max-width:370px; }
	
	}

@media only screen and (min-width: 993px) {
  /* ---------------------------------------------------------------------
 Large View - 992px+
------------------------------------------------------------------------ */
  /* Breaks to four columns for medium widths */
  /* ----------------------------------------------------------------------------
Modules: Objects: Button
---------------------------------------------------------------------------- */
  /* Change style of button for various viewports */
  /* ----------------------------------------------------------------------------
Modules: Objects: Icon
---------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------
 Modules: Objects: Shadow
------------------------------------------------------------------------ */
  /* ---------------------------------------------------------------------
Original Author: Anthony Ticknor
Contributors: N/A

Quarantine styles applied to areas where content is dynamic and
generated by a content editor / CMS.

------------------------------------------------------------------------ */
  /* ---------------------------------------------------------------------
user-content detailList
------------------------------------------------------------------------ */
  /* ----------------------------------------------------------------------------
Modules: Repeaters: Details List 
---------------------------------------------------------------------------- */
  .isVisibleOnMediumOnly {
    display: none; }
  .isVisibleOnLargeOnly {
    display: block; }
  .isHiddenOnMedium {
    display: block; }
  .isHiddenOnLarge {
    display: none; }
  .masthead {
    margin-bottom: -48px; }
  .tier_bkgdImg {
    background-image: url(../media/images/tierBkgd/tierBkgd-partial_lg.png); }
  .grid-col_12of12 {
    width: 100%; }
  .grid-col_11of12 {
    width: 91.66667%; }
  .grid-col_10of12 {
    width: 83.33333%; }
  .grid-col_9of12 {
    width: 75%; }
  .grid-col_8of12 {
    width: 66.66667%; }
  .grid-col_7of12 {
    width: 58.33333%; }
  .grid-col_6of12 {
    width: 50%; }
  .grid-col_5of12 {
    width: 41.66667%; }
  .grid-col_4of12 {
    width: 33.33333%; }
  .grid-col_3of12 {
    width: 25%; }
  .grid-col_aside {
    width: 28%; }
  .grid-col_2of12 {
    width: 16.66667%; }
  .grid-col_1of12 {
    width: 8.33333%; }
  .blocks_2up > * {
    width: 50%; }
  .blocks_3-collapse > * {
    width: 33.33333%; }
  .blocks_3-collapse_custom > * {
    width: 33.33333%; }
  .blocks_3-collapse_custom > *:nth-child(3n) {
    width: 33.33333%; }
  .blocks_4-collapse > * {
    width: 25%; }
  .centeredList > * {
    width: auto; }
  .btn_resource_transform {
    width: auto; }
  .film {
    padding: 6px 20px 16px; }
  .film-hdg {
    font-size: 84px;
    font-size: 5.25rem; }
  .film-bd {
    max-height: 200px; }
  .frame-label {
    padding-right: 15px;
    font-size: 18px;
    font-size: 1.125rem; }
  .hero-label-bd {
    width: auto;
    padding-left: 20px;
    padding-right: 20px; }
  .hero-adjunct:before {
    content: " ";
    display: block;
    background: #555555;
    position: absolute;
    bottom: 0;
    left: 65%;
    width: 100%;
    height: 100%;
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    transform: skewX(-40deg); }
  .hero-adjunct-bd:before, .hero-adjunct-bd:after {
    content: " ";
    display: table; }
  .hero-adjunct-bd:after {
    clear: both; }
  .hero-adjunct-bd-left {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    width: 65%; }
  .hero-adjunct-bd-right {
    display: block;
    float: right;
    padding: 8px 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 35%;
    position: relative;
    z-index: 1;
    text-align: right; }
  .mix-icon_branding {
    height: 86px;
    width: 258px; }
  .navDropdown {
    font-size: 0;
    position: relative;
    z-index: 11; }
  .navDropdown-item {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block; }
  .navDropdown-item-trigger {
    display: block;
    padding: 11px 25px;
    cursor: pointer;
    color: #ffffff; }
  .navDropdown-item-trigger:hover, .navDropdown-item-trigger:focus {
    color: #ffffff; }
  .navDropdown-item-trigger_isActive {
    border-bottom: 4px solid #029DDD; }
  .navDropdownChild {
    background: #EFF0F2;
    position: absolute;
    top: 44px;
    left: 0;
    bottom: auto;
    width: 100%;
    overflow: hidden;
    display:none;
    }

  .navDropdownChild-open {
    background: #EFF0F2;
    position: absolute;
    top: 44px;
    left: 0;
    bottom: auto;
    width: 100%;
    overflow: hidden;
    display:inline-block;
    }
  .navDropdownChild:before, .navDropdownChild-open:before
{
    content: " ";
    display: block;
    width: 100%;
    height: 4px;
    top: 0;
    background: #029DDD; }
  .navDropdownChild:after, .navDropdownChild-open:after {
    content: " ";
    display: block;
    width: 100%;
    height: 4px;
    bottom: 0;
    background: #004677; }
  .navDropdownChild-item {
    display: inline-block;
    width: 25%;
    padding: 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875rem; }
  .navDropdownChild-item > * + * {
    padding-top: 5px; }
  .navDropdownChild-item span {
    color: #555555; }
  .navDropdownChild-item a {
    color: #555555;
    /*text-decoration: underline; */
    text-decoration: none; /* KB */}
  .navDropdownChild-item a:hover {
    color: #92278F; }
  .navDropdownChild-item-trigger, a.navDropdownChild-item-trigger {
    color: #004677;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Neuron Angled", Arial, Verdana, sans-serif;
    text-decoration: none;
    line-height: 1.231; }
  .xnavDropdown-item:hover > .navDropdownChild, 
  .xnavDropdown-item:focus-within > .navDropdownChild, 
  .xnavDropdown-item:focus > .navDropdownChild {
    height: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
  .navDropdown-item:hover > .navDropdown-item-trigger, .navDropdown-item:focus > .navDropdown-item-trigger {
    background: #029DDD; }
  .shadow:after {
    width: 500px;
    height: 30px; }
  .slickReskin .slick-prev, .slickReskin .slick-next {
    background-color: #252525;
    border-radius: 4px;
    padding: 9px; }
  .slickReskin_glassArrows .slick-prev:hover, .slickReskin_glassArrows .slick-next:hover {
    background-color: #252525 }
  .slickReskin .slick-prev {
    left: 9px; }
  .slickReskin .slick-next {
    right: 9px; }
  .slickReskin-slide-caption {
    bottom: 65px;
    left: 80px;
    width: 670px; }
  .slickReskin-nav {
    margin-top: -54px; }
  .slickReskin-nav-thumbnail-caption {
    background: #EFF0F2;
    border-bottom-width: 0;
    bottom: auto;
    height: auto;
    padding: 20px 10px;
    position: relative;
    width: auto;
    -webkit-transition: margin-top, background-color, border-bottom-width;
    -moz-transition: margin-top, background-color, border-bottom-width;
    transition: margin-top, background-color, border-bottom-width;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .slickReskin-nav-thumbnail.active .slickReskin-nav-thumbnail-caption, .slickReskin-nav-thumbnail:hover .slickReskin-nav-thumbnail-caption {
    background: #ffffff;
    border-bottom-width: 3px;
    margin-top: -20px;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .slickReskin-nav-thumbnail-caption:before {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    transition: all 100ms; }
  .slickReskin-nav-thumbnail.active .slickReskin-nav-thumbnail-caption:before, .slickReskin-nav-thumbnail:hover .slickReskin-nav-thumbnail-caption:before {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1); }
  .slickReskin-nav-thumbnail:hover .slickReskin-nav-thumbnail-image {
    opacity: 1; }
  .slickReskin-nav-thumbnail-caption-text {
    display: block;
    position: relative;
    height: 40px;
    overflow: hidden; }
  .slickReskin-nav > * + * .slickReskin-nav-thumbnail-caption:after {
    border-left: 1px solid #D7D8D9;
    content: '';
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 20px; }
  .slickReskin-nav-thumbnail.active .slickReskin-nav-thumbnail-caption:after, .slickReskin-nav-thumbnail:hover .slickReskin-nav-thumbnail-caption:after {
    display: none; }
  .slickReskin-slide-bd-caption {
	display: block; /* KB */
    /* KB top: 35%; */
    width: 400px;
    /* KB margin-left: -200px;  */
}
  .user-content-detailList > ul {
    margin-left: 20px; }
  .detailsList {
    margin-left: 20px; }
  .mix-hdg_hdgBar {
    width: 100%;
    margin-bottom: 0; }
  .hdg_sectionTitle {
    font-size: 32px;
    font-size: 2rem; }
  .mix-txt_squeezed {
    padding: 0 100px; } 
	

	
}



@media only screen and (min-width: 1201px) {
  /* ---------------------------------------------------------------------
 Large View - 1200px+
------------------------------------------------------------------------ */
  .isVisibleOnLargeOnly {
    display: block; } 
	ul.twoColumns{ max-width:1170px; }
	ul.twoColumns li{ max-width:580px; }
	}
	
	
/*technical documents*/
	ul.twoColumns{overflow:hidden; margin-left:auto;margin-right:auto;margin-bottom:50px; width:1170px; }
	ul.twoColumns li{ float:left; display:inline; width:580px; }

	div.wrapper2{padding:30px 0px 15px 0px; }
	ul.vList_loose li  div.box2{width:1170px;margin-left:auto;margin-right:auto;}

/*end of technical documents*/


/*div.js-slick-slide 	img {width:100%}*/
img.fullimg{width:100%}

/* temp fix for content block font */
p.txt.mix-txt_small.mix-txt_intro.mix-txt_colorSecondary.mix-txt_squeezed:first-of-type + p {font-size: 1.5rem;text-align:center;color:#555;font-family: "Neuron Angled", Arial, Verdana, sans-serif;}
p.txt.mix-txt_small.mix-txt_intro.mix-txt_colorSecondary.mix-txt_squeezed:first-of-type + p +p{font-size: 1.5rem;text-align:center;color:#555;font-family: "Neuron Angled", Arial, Verdana, sans-serif;}

/* RS  fix for breadcrumbs on smaller screens */
@media only screen and (max-width: 480px) 
  {
  ul.breadcrumb 
   {
   width:400px;
   }
  ul.pianoDropDown-open
   {
   width:15em;
   }
}
@media only screen and (max-width: 400px) 
  {
  ul.breadcrumb 
   {
   width:320px;
   }
  ul.pianoDropDown-open
   {
   width:15em;
   }
}


#elc-cookie-consent-tel {
    padding: 2em;
    background-color: #fff;
    font-size: 0.8em;
}
#elc-cookie-consent-tel h3 {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}
#elc-cookie-consent-tel h4 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.elc-fullwidth h4 {
    font-weight: bold;
    font-size: 1.4em;
}
#elc-cookie-consent-tel .button-container {
    text-align: right;
    clear: both;
}
.elc-fullwidth {
    width: calc(100% - 6em) !important;
}
#elc-cookie-consent-tel .elc-button-link {
    background-color: #0e3a5e;
    border-color: transparent;
    width: 50px;
    color: #fff;
    border-width: 1px;
    cursor: pointer;
    justify-content: center;
    padding: calc(.375em - 1px) .75em;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    box-shadow: none;
    font-size: 1rem;
    height: 2.25em;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    display: inline-block;
}
#elc-cookie-consent-tel .elc-secondary-button-link {
    background-color: #ffffff;
    border-color: #0e3a5e;
    color: #0e3a5e;
    border-width: 1px;
    cursor: pointer;
    justify-content: center;
    padding: calc(.375em - 1px) .75em;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    box-shadow: none;
    font-size: 1rem;
    height: 2.25em;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    display: inline-block;
}

#elc-cookie-consent-tel .elc-text-link {
    text-transform: uppercase;
    color: #0e3a5e;
    line-height: 2.8em;
    margin-right: 1em;
}

#elc-cookie-consent-tel .elc-button-link {
    text-transform: uppercase;
    width: 8em;
}
#elc-cookie-consent-tel .elc-cookie-group {
    float: left;
    padding-right: 1em;
}

.elc-fullwidth .elc-cookie-group {
    width: 100%;
}

#elc-cookie-consent-tel .elc-row {
    width: 100%;
    clear: both;
}
#elc-cookie-consent-tel #elc-cookie-consent-tel-settings {
    margin-bottom: 4em;
}
#elc-cookie-consent-tel .elc-row .elc-cookie-name {
}
#elc-cookie-consent-tel .elc-row .elc-cookie-checkbox {
    float: right;
}
#elc-cookie-consent-tel .elc-cookie-description {
    border-top: 1px solid #cccccc;
    padding-top: 1em;
    margin-bottom: 1em;
}
.elc-fullwidth .elc-cookie-description {
    display: block !important;
}
#elc-cookie-consent-tel .elc-cookie {
    margin-bottom: 1em;
}
#elc-cookie-consent-tel .elc-cookie-field {
}
.elc-fullwidth .elc-cookie-field {
    display: block !important;
}

.elc-fullwidth #elc-detail-link {
}

.elc-fullwidth #elc-accept-link {
}

.elc-small #elc-hide-detail-link {
}

.elc-small #elc-save-link {
}
.elc-small .elc-hide-when-small {
}
.elc-hidden {
    display: none;
}
#elc-cookie-tab {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0.2em 1em;
    background-color: #0e3a5e;
    font-size: 0.8em;
    z-index: 10000;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
}
#elc-cookie-tab a {
    color: #ffffff;
}
#elc-cookie-consent-tel input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}
#elc-cookie-consent-tel input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    margin: 3px 3px 3px 0.6em;
    padding: initial;
    border: initial;
}