@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,400,700);
@import url('font-awesome.min.css');
@import url(https://fonts.googleapis.com/css?family=open sans:400,700,600);

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

  body, input, textarea
  {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  }

  body
  {
    background: url('slide03.jpg') repeat;
    color: #fff;
    font-size: 10pt;
    line-height: 2em;
    overflow: hidden;
  }

  a
  {
    color: #fff;
    text-decoration: none;
  }

    a:hover
    {
      text-decoration: none;
    }

  h1,h2,h3,h4,h5,h6
  {
    font-weight: 400;
    color: #006945;
  }

  p
  {
    margin-bottom: 2.5em;
  }

  p
  {
    font-size: 1.4em;
  }

  form
  {
  }
  
    form input, form select
    {
      -webkit-appearance: none;
      border-radius: 0;
    }

    form input
    {
      border: solid 1px #d9d9d9;
      padding: 0.5em 1em 0.5em 1em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    form input.button
    {
      cursor: pointer;
    }
  
  .grid-spaced
  {
  }

    .grid-spaced > .row
    {
      margin-bottom: 2em;
    }

    .grid-spaced > .row:last-child
    {
      margin-bottom: 0;
    }
  
  .date
  {
    font-style: italic;
    color: #a0a0a0;
  }
  
  .image
  {
    display: inline-block;
    border: solid 1px #d9d9d9;
    padding: 3px;
  }

    .image img
    {
      display: block;
    }

  .image-fit
  {
    display: block;
    margin: 0 0 2em 0;
  }

    .image-fit img
    {
      width: 100%;
    }
    
  .align-left
  {
    float: left;
    margin-right: 2em;
  }
    
  .blocks
  {
  }

    .blocks a
    {
      position: relative;
      display: block;
      color: #FF9805;
      text-decoration: none;
      padding: 2em 0 2em 2em;
      margin: 0 0 1em 0;
      outline: 0;
      transition: background-color .25s ease-in-out;
      -moz-transition: background-color .25s ease-in-out;
      -webkit-transition: background-color .25s ease-in-out;
    }

    .blocks p:after
    {
      content: "\f0a9";
      font-family: FontAwesome;
      text-decoration: none;
      font-size: 40px;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color: #FF9805;
      display: block;
      width: 48px;
      height: 48px;
      position: absolute;
    }

    .blocks p
    {
      margin: 0;
      color: #444;
      line-height: 1.4em;
    }
    
    .blocks h2
    {
      color: #000;
      font-size: 2.25em;
      margin: 0 0 0.5em 0;
      line-height: 1em;
    }

    .blocks h3
    {
      font-size: 1.3em;
      margin: 0 0 0.5em 0;
      line-height: 1em;
    }
    .blocks .one
    {
      background: #eee;
    }
    
      .blocks .one:hover
      {
        background: #ddd;
      }
      
    .blocks .two
    {
      background: #8cba00;
    }

      .blocks .two:hover
      {
        background: #9cca10;
      }
    
    .blocks .three
    {
      background: #2f2f2f url('images/overlay.png');
    }

      .blocks .three:hover
      {
        background: #3f3f3f;
      }
    
  article.featured ul
  {
  padding: 0; margin: 0;
  }

    article.featured ul li
    {
      padding: .25em 2em .25em 3.5em;
      margin: 0 0 0 0;
      font-size: 1.2em;
      line-height: 2em;
      vertical-align: top;
    }
    
    article.featured li:before
    {
      content: "\f058";
      font-family: FontAwesome;
      text-decoration: none;
      font-size: 32px;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color: #FF9805;
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      margin-left: -1.7em
    }

    header i
    {
      padding: 0;
      color: #EC9E22;
    }

    #contact h2 i
    { 
      font-size: 1.4em;
    }

    ul.style1 li:after
    {
      content: '';
      display: block;
      clear: both;
    }
    
    ul.style1 li:first-child
    {
      padding-top: 0;
      border-top: 0;
    }
    
    ul.style1 p
    {
      margin: 0 0 0.5em 0;
    }

  ul.style2
  {
  }

    ul.style2 li
    {
      border-top: solid 1px #d9d9d9;
      padding: 1em 0 0 0;
      margin: 1em 0 0 0;
    }
    
    ul.style2 li:after
    {
      content: '';
      display: block;
      clear: both;
    }
    
    ul.style2 li:first-child
    {
      padding-top: 0;
      border-top: 0;
    }
    
  ul.posts
  {
  }

    ul.posts h3
    {
      margin: 0.25em 0 0.25em 0;
    }

    ul.posts p
    {
      margin-bottom: 0.1em;
    }
    
  ul.contact
  {
  }
  
    ul.contact li
    {
      position: relative;
      margin: 0 0 2.1em 0;
      padding: 0 0 0 60px;
    }
    
    ul.contact li:before
    {
      font-family: FontAwesome;
      font-size: 1.25em;
      text-decoration: none;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;

      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 32px;
      height: 32px;
      background: #676767;
      color: #fff;
      line-height: 32px;
      text-align: center;
    }

    ul.contact li:after
    {
      content: '';
      display: block;
      clear: both;
    }
    
  .button
  {
    position: relative;
    display: inline-block;
    background: #629de9;
    color: #fff;
    padding: 1.2em;
    text-decoration: none;
    font-size: 1.1em;
    outline: 0;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
  }
  
    .button:hover
    {
      background: #629de9;
    }
  
    
  .button-alt
  {
    background: #2f2f2f url('images/overlay.png');
  }
  
    .button-alt:hover
    {
      background: #3f3f3f;
    }
    
/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

  .icon
  {
    text-decoration: none;
  }

    .icon:before
    {
      display: inline-block;
      font-family: FontAwesome;
      font-size: 1.25em;
      text-decoration: none;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }


#header-wrapper {    
  -webkit-vendor-animation-duration: 3s;
  -moz-vendor-animation-duration: 3s;
  vendor-animation-duration: 3s;
  -webkit-vendor-animation-delay: .5s;
  -moz-vendor-animation-delay: .5s;
  animation-delay: .5s;
}

    .list ul
    {
    padding: 0; margin: 2em 0 1.4em 0;
    }
  
      .list ul li
          {
        padding: 0 0 .6em 2.8em;
        margin: 0 0 0 0;
        vertical-align: bottom;
        text-align: left;
        font-size: 1.7em;
        font-family: 'Open Sans', sans-serif;
      }
      
      .list ul li:before
      {
        content: "\f005";
        font-family: FontAwesome;
        text-decoration: none;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        margin: .1em 0 -1em -2.5em;
      }


.list ul li a
{
    color: #629de9;
    }
.list ul li a:hover 
{
    color: #fff;
    }
    
  .banner, .bannerc
  {
    position: relative;
    width: 50%;
    overflow: hidden;
  }
  
  .bannerb
  {
  padding-top: 100px;
  text-align: center;
  overflow-y: auto;
  padding: 100px 10% 0 10%;
  }
    .banner .nav-next, .banner .nav-previous, .bannerb .nav-next, .bannerb .nav-previous
    {
      position: absolute;
      width: 52px;
      height: 68px;
      z-index: 3;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity: 0.6;
      cursor: pointer;
      text-align: center;
      line-height: 64px;
    }

    .bannerb .nav-next, .bannerb .nav-previous
    {
      opacity: 0;
    }
    .banner .nav-next:before, .banner .nav-previous:before, .bannerb .nav-next:before, .bannerb .nav-previous:before
    {
      font-family: FontAwesome;
      text-decoration: none;
      font-size: 68px;
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      
      color: #01273a;
    }

    .banner:hover .nav-next, .banner:hover .nav-previous, .bannerb:hover .nav-next, .bannerb:hover .nav-previous
    {
      opacity: 0.6;
    }
    
    .bannerb:hover .nav-next, .bannerb:hover .nav-previous
    {
      opacity: 0;
    }

    .bannerb .nav-next:hover, .bannerb .nav-previous:hover
    {
      opacity: 0;
    }
  
    .banner .nav-next:hover, .banner .nav-previous:hover
    {
      opacity: 1;
    }

    .banner .nav-next, .bannerb .nav-next
    {
      position: relative;
      margin: -20% 5% 0 auto;
      width: 5%;
      float: right;
    }

    .banner .nav-next:before, .bannerb .nav-next:before
    {
      content: "\f105";
    }

    .banner .nav-previous, .bannerb .nav-previous
    {
      position: relative;
      margin: -20% 10% 0 auto;
      width: 5%;
      float: right;
    }

    .banner .nav-previous:before, .bannerb .nav-previous:before
    {
      content: "\f104";
    }
  
    .banner .captions, .bannerc .captions
    {
      padding: 1.6em 2.5em 1.5em 2.5em;
      background: rgba(255,255,255,.6);
      font-family: 'open sans';
      font-weight: 400;
      color: #01273a;
      z-index: 1;
      letter-spacing: -1px;
      position: relative;
      margin: -20% auto 0 5%;
      width: 70%;
      float: left;

    }
    .bannerc .captions
    {
     top: 45%;
     left: 35%;width: 60%;
      background: transparent;
    }
      .banner .captions .caption-line-1
      {
        display: block;
        font-size: 2.2em;
        line-height: 1em;
      }

      .bannerb .captions .caption-line-1, .bannerc .captions .caption-line-1
      {
        display: block;
        font-size: 2.5em;
        line-height: 1em;
      }

      .bannerc .captions .caption-line-1
      {    
      font-family: 'open sans';
      font-weight: 600;
        display: block;
        font-size: 14em;
        line-height: 1em;
      }

.bannerc .captions .caption-line-1
      {    
        line-height: .8em;
        text-shadow: none;
        color: #061428;
      }
      
      h2.caption-1
      {    
      font-family: 'open sans';
      font-weight: 400;
        display: block;
        font-size: 4em;
        line-height: 1em;
        color: #fff;
      }
      h2.caption-home
      {    
      font-family: 'open sans';
      font-weight: 400;
        display: block;
        font-size: 4em;
        line-height: 1em;
        color: #fff;
      }
      h2.caption-2
      {
        display: block;
        font-size: 2em;
        padding-top: 1.5em;
      font-family: 'open sans';
      font-weight: 400;
        line-height: 1.3em;
        color: #fff;
        text-align: center;
      }
    
    .banner .viewer, .bannerb .viewer, .bannerc .viewer
    {
      background: #fff;
    }
    
    .banner .slide
    {
    }
    
      .banner .slide .caption-1, .bannerb .slide .caption-1, .bannerc .slide .caption-1
      {
        display: none;
      }   
      
      .banner .slide .caption-2, .bannerb .slide .caption-2, .bannerc .slide .caption-2
      {
        display: none;
      }
      
      .banner .slide img, .bannerb .slide img, .bannerc .slide img
      {
        display: block;
        width: 100%;
      }
      
      .banner .slide .link, .bannerb .slide .link, .bannerc .slide .link
      {
        position: absolute;
        text-indent: -9999px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
      }


blockquote {
font-style: italic;
font-size: 1.2em;
padding: 1em;
color: #fff;
}

blockquote:before {
      content: "\f10d";
      font-family: FontAwesome;
      text-decoration: none;
      font-size: 20px;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color: #fff;
      display: block;
      width: 30px;
      height: 30px;
      margin: .1em 0 -1.6em -2em;
}
blockquote:after {
      content: "\f10e";
      font-family: FontAwesome;
      text-decoration: none;
      font-size: 20px;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color: #fff;
      display: block;
      width: 30px;
      height: 30px;
      float: right;
      margin: .3em -2em 0 0em;
}

ul.services li
        {
      padding: .25em 2em .45em 2.5em;
      margin: 0 0 0 0;
      font-size: 1.4em;
      line-height: 1.6em;
      vertical-align: bottom;
      list-style: none;
     text-align: left;
    }
    
ul.services li:before
    {
      content: "\f046";
      font-family: FontAwesome;
      text-decoration: none;
      font-size: 24px;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color: #fff;
      display: block;
      width: 30px;
      height: 30px;
      position: absolute;
      margin: .1em 0 -1em -2em;
    }

ul.services {margin-bottom: 2em;}
.captions p{      font-size: 1.4em;
}
