/*
  TXT 2.0 by HTML5 UP
  html5up.net | @n33co
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

  *
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  body
  {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: #fff;
    color: #3F3F3F;
    font-size: 11.5pt;
    line-height: 2em;
  }
  
  h1, h2, h3, h4, h5, h6, h7
  {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color:#F5880E;
  }

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

  
  h2.major
  {
    position: relative;
    border-top: solid 5px #000;
  }

    h2.major span
    {
      background: #fff;
      position: relative;
      display: inline-block;
    }

    #footer h2.major span
    {
      background: #fff;
    }
  
  a
  {
    color: #006376;
    text-decoration: underline;
  }

    a:hover
    {
      text-decoration: none;
    }

  form
  {
  }
  
      
  br.clear
  {
    clear: both;
  }
  
  p, ul, ol, dl, table
  {
    margin-bottom: 1.5em;
  }
  
  section,
  article
  {
    margin-bottom: 6em;
  }
  
  section > :last-child,
  article > :last-child
  {
    margin-bottom: 0;
  }

  section:last-child,
  article:last-child
  {
    margin-bottom: 0;
  }

  .byline
  {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fe9605;
  }

  .image
  {
    position: relative;
    display: inline-block;
    border-radius: 8px;
  }
  
    .image img
    {
      display: block;
      width: 100%;
      border-radius: 8px;
    }
    
    /*
      Note: The following style adds the textured/pixelated look to content
      images. I added this to help mask the distortion introduced when a browser
      resizes an image, but if you don't want this to happen just remove or comment
      out the entire style.
    */
    
    .image:before
    {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
     /* background: url('images/overlay.png');*/
      opacity: 0.2;
      border-radius: 8px;
    }

   .image-full
  {
    display: block;
    width: 100%;
    margin: 0 0 2em 0;
  }

   .image-gallery
  {
    display: block;
    width: 60%;
     margin: 0 auto;
     
  }
  
  .image-left
  {
    float: left;
    margin: 0 2em 2em 0;
  }
  
  .image-centered
  {
    display: block;
    margin: 0 0 2em 0;
  }

    .image-centered img
    {
      margin: 0 auto;
      width: auto;
    }
    
  .button, .btn
  {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background: #3C5A98;
    color: #fff;
    border-radius: 8px;
    outline: 0;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
  }

    .button:hover
    {
      background:#557dd1;
    }
  
    .button-alt
    {
      background: #c1cac5;
    }

      .button-alt:hover
      {
        background: #ccd5d0;
      }

  .actions
  {
  }

  ul.style1
  {
    list-style: disc;
    padding-left: 1.5em;
  }

  ul.style2
  {
  }
  
    ul.style2 > li
    {
      border-top: solid 2px #e7eae8;
      padding-top: 2.35em;
      margin-top: 2.35em;
    }
    
    ul.style2 > li:first-child
    {
      border-top: 0;
      padding-top: 0;
      margin-top: 0;
    }

  ul.contact
  {
  }
  
    ul.contact li
    {
      position: relative;
      display: inline-block;
      margin: 0 0.25em 0 0.25em;
      top: 0;
      -moz-transition: top .15s ease-in-out;
      -webkit-transition: top .15s ease-in-out;
      -o-transition: top .15s ease-in-out;
      -ms-transition: top .15s ease-in-out;
      transition: top .15s ease-in-out;
    }

      ul.contact li a
      {
        display: block;
        position: relative;
        background: #c1cac5 url('images/icons-contact.png');
        width: 48px;
        height: 48px;
        text-indent: -9999px;
        border-radius: 6px;
        outline: 0;
        -moz-transition: background-color .2s ease-in-out;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
      }
      
        ul.contact li a.facebook        { background-position: 0px 0px; }
          ul.contact li:hover a.facebook    { background-color: #3C5A98; }
        ul.contact li a.twitter         { background-position: -48px 0px; }
          ul.contact li:hover a.twitter   { background-color: #2DAAE4; }
        ul.contact li a.rss           { background-position: -96px 0px; }
          ul.contact li:hover a.rss     { background-color: #F2600B; }
        ul.contact li a.dribbble        { background-position: -144px 0px; }
          ul.contact li:hover a.dribbble    { background-color: #C4376B; }
        ul.contact li a.linkedin        { background-position: -192px 0px; }
          ul.contact li:hover a.linkedin    { background-color: #006599; }
        ul.contact li a.tumblr          { background-position: -240px 0px; }
          ul.contact li:hover a.tumblr    { background-color: #31516A; }
        ul.contact li a.googleplus        { background-position: -288px 0px; }
          ul.contact li:hover a.googleplus  { background-color: #DA2713; }

      ul.contact li:hover
      {
        top: -5px;
      }

      ul.contact li:active
      {
        top: 0;
      }

  ul.special
  {
  }
  
    ul.special li
    {
      position: relative;
      display: inline-block;
      margin: 0 1.5em 0 1.5em;
      top: 0;
      -moz-transition: top .15s ease-in-out;
      -webkit-transition: top .15s ease-in-out;
      -o-transition: top .15s ease-in-out;
      -ms-transition: top .15s ease-in-out;
      transition: top .15s ease-in-out;
    }

      ul.special li:hover
      {
        top: -10px;
      }

        ul.special li:hover a
        {
          background: #b9d2ce;
        }

      ul.special a
      {
        display: block;
        position: relative;
        background: #c1cac5;
        width: 12em;
        height: 12em;
        border-radius: 6em;
        text-indent: -9999px;
        outline: 0;
        -moz-transition: background-color .2s ease-in-out;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
      }

        ul.special a:before
        {
          content: '';
          position: absolute;
          width: 128px;
          height: 128px;
          left: 50%;
          top: 50%;
          margin-top: -64px;
          margin-left: -64px;
          background: url('images/icons-special.png');
        }
        
          ul.special a.battery:before
          {
            background-position: 0px 0px;
          }
        
          ul.special a.tablet:before
          {
            background-position: -128px 0px;
          }
        
          ul.special a.flask:before
          {
            background-position: -256px 0px;
          }
        
          ul.special a.chart:before
          {
            background-position: -384px 0px;
          }

  ul.meta
  {
    font-size: 0.85em;
    color: #a1aaa5;
  }
  
    ul.meta li
    {
      position: relative;
      display: inline-block;
      padding-left: 24px;
      margin-left: 1em;
    }

      ul.meta li a
      {
        color: inherit;
        outline: 0;
      }

    ul.meta li:first-child
    {
      margin-left: 0;
    }
    
    ul.meta li:before
    {
      content: '';
      display: block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 50%;
      margin-top: -8px;
      background: url('images/icons-meta.png');
    }
    
      ul.meta li.timestamp:before
      {
        background-position: 0px 0px;
      }
    
      ul.meta li.comments:before
      {
        background-position: -16px 0px;
      }

/*********************************************************************************/
/* Section + Article Types                                                       */
/*********************************************************************************/

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

    .is-features
  {
    border-top: 1px solid transparent;
    background-color: #f0f0f0;
    padding: 4em 1em 1em 1em;
   
  }
  
  .is-feature
  {
  }

  .is-blog
  {
  }

  .is-post
  {
  }

  .is-post-summary
  {
  }

  .is-page-content
  {
  }

/*********************************************************************************/
/* Sidebar + Content                                                             */
/*********************************************************************************/

  .sidebar
  {
  }
  
  .content
  {
  }

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

  #banner-wrapper
  {
    position: relative;
    background: url('../images/banner.jpg') center center no-repeat;
    background-size: cover;
    z-index: 1;
  }

    /*
      Note: The following style adds the textured/pixelated look to the banner
      image. I added this to help mask the distortion introduced when a browser
      resizes an image, but if you don't want this to happen just remove or comment
      out the entire style.
    */

    #banner-wrapper:before
    {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      /*background: url('images/overlay.png');*/
      opacity: 0.175;
    }
  
  #main-wrapper
  {
    background: #fff;
    /*border-top: solid 2px #3F3F3F;
    border-bottom: solid 3px #3F3F3F;*/
  }
  
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

  #header
  {
  }

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

  #nav
  {
  }

 /* Breadcrumb */
.nav-breadcrumb { margin-left:20px;  margin-bottom: 20px; color:  #A1AAA5; }
.nav-breadcrumb li:after { content: '/'; padding: 0 4px; }
.nav-breadcrumb li:last-of-type:after { display: none; }
.nav-breadcrumb a { display: inline-block; margin-right: 5px; text-decoration: underline; color: #A1AAA5;}
.lt-ie8 .nav-breadcrumb a { margin-right: 15px; }
.nav-breadcrumb a:hover, .nav-breadcrumb a:focus, .nav-breadcrumb a:active { text-decoration: none; }
.stripped .nav-breadcrumb { display: none; }
@media (max-width: 580px) { .nav-breadcrumb { margin-bottom: 10px; } }

.nav-breadcrumb li {
    float:left;
}

.l-inline > * { display: -moz-inline-stack; display: inline-block; *vertical-align: auto; zoom: 1; *display: inline; }

.l-block > * { display: block; }


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

  #banner
  {
    position: relative;
    background: rgba(2, 26, 129, 0.9);
    text-align: center;
    z-index: 2;
    opacity: 0.8;
  }

    #banner:before
    {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url('images/highlight.png') center center;
      background-size: 100% 200%;
    }

    #banner:after
    {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url('images/overlay.png');
      opacity: 0.25;
    }
  
    #banner > *
    {
      position: relative;
      z-index: 3;
    }
  
    #banner h2
    {
      color: #fff;
    }
    
    #banner .byline
    {
      color: #fe9605;
      

        /* position: absolute;
       background: url('images/play_button.png') no-repeat;
        background-position: 50% 50%;
        background-size: 5%;*/
    }

    #banner .button
    {
      color: #b4b7b5;
      background: transparent !important;
      border: solid 4px rgba(87, 93, 89, 0.35);
      border-radius: 16px;
      -moz-transition: border-color .2s ease-in-out, color .2s ease-in-out;
      -webkit-transition: border-color .2s ease-in-out, color .2s ease-in-out;
      -o-transition: border-color .2s ease-in-out, color .2s ease-in-out;
      -ms-transition: border-color .2s ease-in-out, color .2s ease-in-out;
      transition: border-color .2s ease-in-out, color .2s ease-in-out;
    }

      #banner .button:hover
      {
        color: #e4e7e5;
        border-color: rgba(87, 93, 89, 0.75);
      }

      #banner .button:active
      {
        color: #fff;
        border-color: rgba(97, 103, 99, 1.0);
      }


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

  #main
  {
  }

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

  #footer
  {
  }
  
    #footer a
    {
      color: inherit;
    }

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

  #copyright
  {
    display: inline-block;
    background: #e7eae8;
    padding: 0.75em 2em 0.75em 2em;
    border-radius: 8px;
    font-size: 0.85em;
    color: #8b9790;
  }
  
    #copyright a
    {
      color: inherit;
    }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/************************************************************/
/*FONTS*/
/***********************************************************/

@font-face {
    font-family: 'BariolThinRegular';
    src: url('Fonts/Bariol/bariol_thin-webfont.eot');
    src: url('Fonts/Bariol/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Bariol/bariol_thin-webfont.woff') format('woff'),
         url('Fonts/Bariol/bariol_thin-webfont.ttf') format('truetype'),
         url('Fonts/Bariol/bariol_thin-webfont.svg#BariolThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BariolLightLight';
    src: url('Fonts/Bariol/bariol_light-webfont.eot');
    src: url('Fonts/Bariol/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Bariol/bariol_light-webfont.woff') format('woff'),
         url('Fonts/Bariol/bariol_light-webfont.ttf') format('truetype'),
         url('Fonts/Bariol/bariol_light-webfont.svg#BariolLightLight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BariolRegularRegular';
    src: url('Fonts/Bariol/bariol_regular-webfont.eot');
    src: url('Fonts/Bariol/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Bariol/bariol_regular-webfont.woff') format('woff'),
         url('Fonts/Bariol/bariol_regular-webfont.ttf') format('truetype'),
         url('Fonts/Bariol/bariol_regular-webfont.svg#BariolRegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BariolBoldBold';
    src: url('/Fonts/Bariol/bariol_bold-webfont.eot');
    src: url('/Fonts/Bariol/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Fonts/Bariol/bariol_bold-webfont.woff') format('woff'),
         url('/Fonts/Bariol/bariol_bold-webfont.ttf') format('truetype'),
         url('/Fonts/Bariol/bariol_bold-webfont.svg#BariolBoldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****************************************************************************************/

.handscript {
    font-family: 'Nothing You Could Do', cursive;
    color: #FF9900;
    font-weight: bold;
    font-size: 22px;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}


/* ==========================================================================
Videos
========================================================================== */
.video-wrapper { background-color: #333333; margin-bottom: 20px; padding: 10px; width:50%; margin:0 auto;}
.video-wrapper figcaption { padding-top: 10px; color: white; }

.video-container { position: relative; height: 0; padding-bottom: 56.25%; /* 16:9 */ box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  h2.majorVideo
  {
    position: relative;
    border-top: solid 5px #000;
    margin-top:50px;
    text-align: center;
    width: 100%;
       
    }

  h2.majorVideo span
  {
    background: #fff;
    position: relative;
    display: inline-block;
    top: -0.75em;
    padding: 0 1em 0 1em;
}


  /* Secondary nav */

  
nav ul, nav ol { margin: 0; padding: 0; list-style: none; list-style-image: none; }

.nav-secondary { margin-bottom: 90px; }
.nav-secondary a { position: relative; padding: 10px; background-color:orange; border-top: 1px solid white; border-bottom: 1px solid #bfc6e0; color: #6F6E6E; }
.nav-secondary .nav-secondary-top > a, .nav-secondary .heading-section { 
    position: relative;
     display: block; 
     margin: 0; 
     padding: 10px; 
     background-color: black; 
     border: none; 
     color: orange; 
     text-transform: none;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
}
.nav-secondary .nav-secondary-top > a:hover:after, .nav-secondary .nav-secondary-top > a:focus:after, .nav-secondary .nav-secondary-top > a:active:after { content: '\2192'; }
.nav-secondary .nav-secondary-top a:after, .nav-secondary .sub-level-1 > li > a:after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -8px; font-family: 'bd-icons'; speak: none; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
.nav-secondary .sub-level-1 > li.state-active > a, .nav-secondary .sub-level-1 > li.state-open > a { background-color:black; color: silver; }
.nav-secondary .sub-level-1 > li.state-open > a:after { content: '\2193'; }
.nav-secondary .sub-level-1 > li > a { 
    background-color:#000000; 
    border-bottom-color: #535b99; 
    color:dimgrey; 
    font-family: "Frutiger 55 Roman", "FrutigerLTW01-65Bold", "Segoe UI", "Myriad Pro", sans-serif; 
    font-weight: bold;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.nav-secondary .sub-level-1 > li > a:after { content: '\2192'; }
.nav-secondary .sub-level-1 > li > a:hover, .nav-secondary .sub-level-1 > li > a:focus, .nav-secondary .sub-level-1 > li > a:active { background-color:#333333; color:white; }
.nav-secondary .sub-level-1 > li:last-child > a { border-bottom: none; }
.nav-secondary .sub-level-2 a { position: relative; padding-left: 20px; color: #333333; }
.nav-secondary .sub-level-2 a:after { content: ''; position: absolute; top: 50%; left: 10px; width: 6px; height: 10px; margin-top: -5px; background: url("/images/sidenav-dots.png") 100% 0 no-repeat; }
.nav-secondary .sub-level-2 a:hover:after, .nav-secondary .sub-level-2 a:focus:after, .nav-secondary .sub-level-2 a:active:after { background-position: 0 100%; }
.nav-secondary .sub-level-3 { border-top: 1px solid white; border-bottom: 1px solid #bfc6e0; }
.nav-secondary .sub-level-3 .state-active > a { background-color: #bfc6e0; }
.nav-secondary .sub-level-3 > li a { color: #595959; padding: 5px 10px 5px 30px; border: none; background-color: #F2F2F2; }
.nav-secondary .sub-level-3 > li a:after { left: 20px; background-position: -8px 0; }
.nav-secondary .sub-level-3 > li a:hover:after, .nav-secondary .sub-level-3 > li a:focus:after, .nav-secondary .sub-level-3 > li a:active:after { background-position: -2px 100%; }
.nav-secondary .sub-level-4 > li a { color: gray; padding: 5px 10px 5px 40px; }
.nav-secondary .sub-level-4 > li a:after { left: 30px; background-position: -10px 0; }
.nav-secondary .sub-level-4 > li a:hover:after, .nav-secondary .sub-level-4 > li a:focus:after, .nav-secondary .sub-level-4 > li a:active:after { background-position: -4px 100%; }
.nav-secondary a:hover, .nav-secondary a:focus, .nav-secondary a:active, .nav-secondary .nav-secondary-top a:hover, .nav-secondary .nav-secondary-top a:focus, .nav-secondary .nav-secondary-top a:active, .nav-secondary .sub-level-1 a:hover, .nav-secondary .sub-level-1 a:focus, .nav-secondary .sub-level-1 a:active, .nav-secondary .sub-level-2 a:hover, .nav-secondary .sub-level-2 a:focus, .nav-secondary .sub-level-2 a:active, .nav-secondary .sub-level-3 a:hover, .nav-secondary .sub-level-3 a:focus, .nav-secondary .sub-level-3 a:active, .nav-secondary .sub-level-4 a:hover, .nav-secondary .sub-level-4 a:focus, .nav-secondary .sub-level-4 a:active {background-color: #CDCDD1;color: #5F5C5C;}
@media (max-width: 580px) { .js .nav-secondary .heading-section { padding-right: 40px; cursor: pointer; }
  .js .nav-secondary .heading-section .bd-icon { position: absolute; right: 10px; line-height: inherit; -webkit-transition: 0.75s; -moz-transition: 0.75s; -o-transition: 0.75s; transition: 0.75s; }
  .js .nav-secondary .sub-level-1 { height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; }
  .js .nav-secondary .state-active .heading-section { background-color: #1f2171; color: white; }
  .js .nav-secondary .state-active .heading-section .bd-icon { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .js .nav-secondary .state-active .sub-level-1 { height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }

.nav-secondary .sub-level-1 > li.state-active > a, .nav-secondary .sub-level-1 > li.state-open > a {
    background-color: black;
    color: silver;
}

nav-secondary .sub-level-1 > li > a {
    background-color: #000000;
    border-bottom-color: #535b99;
    color: dimgrey;
    font-family: "Frutiger 55 Roman", "FrutigerLTW01-65Bold", "Segoe UI", "Myriad Pro", sans-serif;
    font-weight: bold;
}

.nav-secondary a {
    position: relative;
    padding: 10px;
    /* background-color: orange; */
    border-top: 1px solid white;
    border-bottom: 1px solid #bfc6e0;
    color: #6F6E6E;
}

nav a {
    display: block;
    text-decoration: none;
}

a, .btn-plain {
    color: Gray;
    text-decoration: none;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}


.BannerHeader
{
 font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color:#F5880E;
}

.BannerHeader a
{
 text-decoration: none;
    color: inherit;
}
@font-face {
    font-family: 'BariolThinRegular';
    src: url('Fonts/Bariol/bariol_thin-webfont.eot');
    src: url('Fonts/Bariol/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Bariol/bariol_thin-webfont.woff') format('woff'),
         url('Fonts/Bariol/bariol_thin-webfont.ttf') format('truetype'),
         url('Fonts/Bariol/bariol_thin-webfont.svg#BariolThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BariolLightLight';
    src: url('Fonts/Bariol/bariol_light-webfont.eot');
    src: url('Fonts/Bariol/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Bariol/bariol_light-webfont.woff') format('woff'),
         url('Fonts/Bariol/bariol_light-webfont.ttf') format('truetype'),
         url('Fonts/Bariol/bariol_light-webfont.svg#BariolLightLight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BariolRegularRegular';
    src: url('Fonts/Bariol/bariol_regular-webfont.eot');
    src: url('Fonts/Bariol/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Bariol/bariol_regular-webfont.woff') format('woff'),
         url('Fonts/Bariol/bariol_regular-webfont.ttf') format('truetype'),
         url('Fonts/Bariol/bariol_regular-webfont.svg#BariolRegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BariolBoldBold';
    src: url('/Fonts/Bariol/bariol_bold-webfont.eot');
    src: url('/Fonts/Bariol/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Fonts/Bariol/bariol_bold-webfont.woff') format('woff'),
         url('/Fonts/Bariol/bariol_bold-webfont.ttf') format('truetype'),
         url('/Fonts/Bariol/bariol_bold-webfont.svg#BariolBoldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ==========================================================================
@font-face
========================================================================== */
@font-face { font-family: 'HandOfSean'; src: url("/fonts/handsean.eot"); src: url("/fonts/handsean.eot?#iefix") format("embedded-opentype"), url("/fonts/handsean.woff") format("woff"), url("/fonts/handsean.ttf") format("truetype"), url("/fonts/handsean.svg#handsean") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'bd-icons'; src: url("/fonts/bd-icons.eot"); src: url("/fonts/bd-icons.eot?#iefix") format("embedded-opentype"), url("/fonts/bd-icons.woff") format("woff"), url("/fonts/bd-icons.ttf") format("truetype"), url("/fonts/bd-icons.svg#bd-icons") format("svg"); font-weight: normal; font-style: normal; }

/* ==========================================================================
Icons - Usage: <span aria-hidden="true" data-icon="&#xe001;"></span>
========================================================================== */
[data-icon]:after, .wjp-icon { content: attr(data-icon); font-family: 'wjp-icons'; speak: none; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-lg { font-size: 1.5em; vertical-align: middle; }



/* "mobile" and "tablet" used to describe widths throughout */
.mobile-content, .tablet-content { display: none; }

/* Headings */

/*h1 { font: bold 1.375em "Frutiger 55 Roman", "FrutigerLTW01-65Bold", "Segoe UI", "Myriad Pro", sans-serif; }*/
h1[data-icon]:after, h1 > .bd-icon { overflow: hidden; *zoom: 1; float: right; font-size: 1.25em; }

/*hgroup h1 { margin-bottom: 0; }*/

h2 { font: normal 1.125em "Frutiger 45 Light", "FrutigerLTW01-45Light", "Segoe UI", "Myriad Pro", sans-serif; }

/*h3 { font: bold 1em "Frutiger 55 Roman", "FrutigerLTW01-65Bold", "Segoe UI", "Myriad Pro", sans-serif; color: #333333; margin-bottom: 10px; }*/

/*.heading-section { font: normal 1em "Frutiger 55 Roman", "FrutigerLTW01-55Roman", "Segoe UI", "Myriad Pro", sans-serif; text-transform: uppercase; }*/

/*.heading-em { margin-bottom: 10px; font: normal 1.2em "Frutiger 45 Light", "FrutigerLTW01-45Light", "Segoe UI", "Myriad Pro", sans-serif; color: #535b99; }*/
/*.heading-em[data-icon]:after { float: right; font-size: 1em; }*/