@charset "UTF-8";
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=23j0u0kulD78pRyjuHiF7pBO0h0 */
/* Feel free to copy&paste color codes to your application */
/* As hex codes */
.color-primary-0 {
  color: #0AACB4; }

/* Main Primary color */
.color-primary-1 {
  color: #A7DFE1; }

.color-primary-2 {
  color: #4CBCC1; }

.color-primary-3 {
  color: #01767B; }

.color-primary-4 {
  color: #004E52; }

.color-complement-0 {
  color: #FF7D0D; }

/* Main Complement color */
.color-complement-1 {
  color: #FFDBBC; }

.color-complement-2 {
  color: #FFAC64; }

.color-complement-3 {
  color: #CC5E00; }

.color-complement-4 {
  color: #883F00; }

/* Palette URL: http://paletton.com/#uid=2330u0kulD78pRyjuHiF7pBO0h0 */
/* As hex codes */
.color-primary-0 {
  color: #0AC374; }

/* Main Primary color */
.color-primary-1 {
  color: #ABE7CD; }

.color-primary-2 {
  color: #50CE98; }

.color-primary-3 {
  color: #008C50; }

.color-primary-4 {
  color: #005D35; }

.color-complement-0 {
  color: #FF520D; }

/* Main Complement color */
.color-complement-1 {
  color: #FFCFBC; }

.color-complement-2 {
  color: #FF9064; }

.color-complement-3 {
  color: #CC3A00; }

.color-complement-4 {
  color: #882700; }

/* As RGBa codes */
.rgba-primary-0 {
  color: #0aacb4; }

/* Main Primary color */
.rgba-primary-1 {
  color: #a7dfe1; }

.rgba-primary-2 {
  color: #4cbcc1; }

.rgba-primary-3 {
  color: #01767b; }

.rgba-primary-4 {
  color: #004e52; }

.rgba-complement-0 {
  color: #ff7d0d; }

/* Main Complement color */
.rgba-complement-1 {
  color: #ffdbbc; }

.rgba-complement-2 {
  color: #ffac64; }

.rgba-complement-3 {
  color: #cc5e00; }

.rgba-complement-4 {
  color: #883f00; }

/* Palette URL: http://paletton.com/#uid=22Y0u0koFyD4BVnfgJ8wZqDHkiv */
/* As hex codes */
.color-primary-0 {
  color: #2BBD66; }

/* Main Primary color */
.color-primary-1 {
  color: #D0F2DE; }

.color-primary-2 {
  color: #70D79A; }

.color-primary-3 {
  color: #00993E; }

.color-primary-4 {
  color: #006A2B; }

.color-complement-0 {
  color: #FF603A; }

/* Main Complement color */
.color-complement-1 {
  color: #FFE1DA; }

.color-complement-2 {
  color: #FF9D85; }

.color-complement-3 {
  color: #D42900; }

.color-complement-4 {
  color: #931C00; }

/* As RGBa codes */
.rgba-primary-0 {
  color: #2bbd66; }

/* Main Primary color */
.rgba-primary-1 {
  color: #d0f2de; }

.rgba-primary-2 {
  color: #70d79a; }

.rgba-primary-3 {
  color: #00993e; }

.rgba-primary-4 {
  color: #006a2b; }

.rgba-complement-0 {
  color: #ff603a; }

/* Main Complement color */
.rgba-complement-1 {
  color: #ffe1da; }

.rgba-complement-2 {
  color: #ff9d85; }

.rgba-complement-3 {
  color: #d42900; }

.rgba-complement-4 {
  color: #931c00; }

/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* --------------------------------------------------
   Start: Mixins
   -------------------------------------------------- */
/*
  USAGE:

  @include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
/*
USAGE:

  body {
  @include background-image('pattern');
}
*/
/* --------------------------------------------------
   End: Mixins
   -------------------------------------------------- */
/* ==========================================================================
   Main Styles
   ========================================================================== */
p, h1, h2, h3, h4 {
  cursor: default; }

/* --------------------------------------------------
    Custom Anchor Link Tooltips: (http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/)
   -------------------------------------------------- */
.tooltip {
  display: inline;
  position: relative; }

.tooltip:hover:after {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px; }

.tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99; }

/* --------------------------------------------------
    Arrows: (https://css-tricks.com/snippets/css/css-triangle/)
   -------------------------------------------------- */
/* .section.arrow_up.white {

} */
.arrow-down {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00; }

.arrow-right {
  content: "";
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green; }

.arrow-left {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue; }

/* --------------------------------------------------
   Start: HEADER
   -------------------------------------------------- */
a[name$="Anchor"] {
  display: block;
  position: relative;
  visibility: hidden; }

#top h1 {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 300;
  font-size: 1.2925em;
  background-color: #00993E; }
#top .title-area a {
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
#top .top-bar {
  background-color: #00993E; }
  #top .top-bar .top-bar-section .right li a {
    background-color: #00993E;
    -moz-transition: background-color 0.6s ease-out 0s;
    -o-transition: background-color 0.6s ease-out 0s;
    -webkit-transition: background-color 0.6s ease-out 0s;
    -ms-transition: background-color 0.6s ease-out 0s;
    transition: background-color 0.6s ease-out 0s;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600; }
  #top .top-bar .top-bar-section .right li a:hover {
    background-color: #70D79A;
    font-weight: 600;
    color: #D42900; }
#top .top-bar-section .right a {
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* --------------------------------------------------
   End: HEADER
   -------------------------------------------------- */
/* --------------------------------------------------
   Start: BODY
   -------------------------------------------------- */
#construction-popup {
  font-family: "Josefin Sans", sans-serif; }
  #construction-popup h3 {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700; }
  #construction-popup p {
    font-family: "Merriweather", serif; }
  #construction-popup span {
    text-align: center;
    padding: 0 20px 0 20px;
    font-style: italic;
    color: #696969;
    font-size: 0.8em; }
  #construction-popup button {
    background-color: #00993E; }
  #construction-popup button:hover {
    background-color: #006A2B; }

.center {
  max-width: 1000px;
  padding: 10px 15px;
  margin: 0 auto;
  position: relative; }

.center.sml-center {
  max-width: 600px; }

.row, .contain-to-grid .top-bar {
  max-width: 100%; }

a, a:active, a:visited {
  color: #2BBD66; }

a:hover {
  color: #006A2B;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }

hr {
  border-bottom: 1px solid #cecece;
  border-right: none;
  border-left: none;
  border-top: 1px solid #696969;
  margin: 0 auto 30px auto;
  max-width: 400px;
  position: relative; }

#hero_cont {
  position: relative; }
  #hero_cont p {
    margin-bottom: 0px; }
  #hero_cont .hero_txt {
    position: absolute;
    z-index: 2;
    top: 20%;
    left: 7%;
    text-align: center;
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
    #hero_cont .hero_txt h2 {
      font-weight: normal;
      font-family: "Josefin Sans", sans-serif;
      color: #fff;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #hero_cont .hero_txt h2 small {
        color: #FF603A; }
    #hero_cont .hero_txt hr {
      margin-bottom: 30px; }
    #hero_cont .hero_txt p {
      font-size: 1.1em;
      letter-spacing: 0.2em; }
  #hero_cont .hero_img {
    position: relative; }
    #hero_cont .hero_img img {
      width: 100%;
      height: auto; }
  #hero_cont .hero_img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/binary_bg.png) repeat;
    top: 0px;
    left: 0px;
    z-index: 1; }
  #hero_cont .nextArrow {
    text-align: center;
    position: absolute;
    width: 10%;
    bottom: 40%;
    z-index: 3; }
    #hero_cont .nextArrow a {
      -moz-transition: color 1s ease;
      -o-transition: color 1s ease;
      -webkit-transition: color 1s ease;
      -ms-transition: color 1s ease;
      transition: color 1s ease;
      color: #70D79A; }
    #hero_cont .nextArrow a:hover {
      color: #FF603A; }
    #hero_cont .nextArrow a:active {
      -moz-transition: color 0s ease;
      -o-transition: color 0s ease;
      -webkit-transition: color 0s ease;
      -ms-transition: color 0s ease;
      transition: color 0s ease;
      color: #006A2B; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

.section {
  width: 100%;
  text-align: center;
  position: relative; }
  .section.bg1 {
    background-color: white; }
  .section.bg2 {
    background-color: #cecece; }
  .section .center {
    padding-top: 50px;
    padding-bottom: 50px; }
  .section p {
    font-family: "Merriweather", serif;
    line-height: 175%; }
  .section h2 {
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 0px;
    margin: 0px 0 20px 0;
    padding: 0 0 0px 0; }
  .section h4 {
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 0px; }
  .section#work h5 {
    cursor: pointer;
    background-color: #D0F2DE;
    font-family: "Josefin Sans", sans-serif;
    padding: 5px 0 5px 0; }
    .section#work h5 i {
      position: absolute;
      right: 5%;
      padding-right: 5px;
      margin-top: 5px; }
  .section#work p {
    text-align: left;
    font-size: 13px;
    line-height: 1.3em; }
    .section#work p strong {
      display: block;
      border-bottom: 1px solid #ccc;
      padding-bottom: 5px;
      margin-bottom: 10px;
      text-transform: uppercase; }
    .section#work p a {
      font-weight: 600;
      color: #00993E;
      -moz-transition: color 0.5s ease;
      -o-transition: color 0.5s ease;
      -webkit-transition: color 0.5s ease;
      -ms-transition: color 0.5s ease;
      transition: color 0.5s ease; }
    .section#work p a:hover {
      color: #006A2B; }
  .section .sliderBox_body {
    background-color: #e4e4e4;
    padding: 10px 5px 10px 5px; }
    .section .sliderBox_body a {
      font-family: "Merriweather", serif; }
    .section .sliderBox_body .tag {
      font-size: 0.7em !important; }
  .section big {
    color: #2BBD66;
    font-style: italic;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease; }
  .section big:hover {
    color: #FF603A;
    font-style: bold; }

/* --------------------------------------------------
   End: BODY
   -------------------------------------------------- */
/* --------------------------------------------------
   Start: FOOTER
   -------------------------------------------------- */
footer {
  background-color: #FFE1DA;
  text-align: center;
  position: relative;
  padding: 40px 15px; }
  footer p {
    font-size: 13px;
    font-weight: 500;
    margin: 0px;
    padding: 0px; }
    footer p span {
      display: block;
      font-size: 12px;
      font-weight: 400;
      color: #696969; }
      footer p span i {
        margin-right: 4px; }
    footer p a {
      color: #2BBD66;
      font-weight: 500;
      -moz-transition: color 0.5s ease;
      -o-transition: color 0.5s ease;
      -webkit-transition: color 0.5s ease;
      -ms-transition: color 0.5s ease;
      transition: color 0.5s ease; }
    footer p a:hover {
      color: #00993E; }

.footerUp {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 20px solid #FFE1DA;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  left: 85%;
  margin-left: -20px;
  top: -19px;
  z-index: 6; }

/* --------------------------------------------------
   End: Footer
   -------------------------------------------------- */
.bg1.arrow_up {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background-color: transparent;
  border-bottom: 20px solid white;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  left: 85%;
  margin-left: -20px;
  top: -19px;
  z-index: 6; }

.bg2.arrow_up {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background-color: transparent;
  border-bottom: 20px solid #cecece;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  left: 85%;
  margin-left: -20px;
  top: -19px;
  z-index: 6; }

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
/* huge desktop */
@media (min-width: 980px) and (max-width: 4000px) {
  a[name$="Anchor"] {
    top: -90px; }

  #top .top-bar {
    height: 90px; }
    #top .top-bar .title-area .name {
      height: 90px; }
    #top .top-bar .title-area h1 a {
      padding: 0px 60px;
      margin-right: 50px;
      letter-spacing: -1px;
      font-size: 2.3em;
      line-height: 90px; }
    #top .top-bar .title-area h1 span {
      line-height: 90px;
      font-size: 1.8em;
      position: relative;
      top: -2px; }
    #top .top-bar .top-bar-section ul li a {
      font-size: 1.0em;
      line-height: 90px; }

  #hero_cont .hero_txt h2 {
    font-size: 6em;
    margin-bottom: 0.2em; }

  .pagepanel h2 {
    font-size: 3em; }

  .section .center {
    padding-left: 100px;
    padding-right: 100px; } }
/* Large desktop */
@media (min-width: 980px) and (max-width: 1450px) {
  #hero_cont .hero_txt h2 {
    font-size: 4.2em; } }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  a[name$="Anchor"] {
    top: -45px; }

  header .top-bar .title-area h1 a {
    padding: 0px 40px; }

  #hero_cont .hero_txt h2 {
    font-size: 3em; }

  .top-bar-section ul li a {
    font-size: 0.85em; }

  .section .center {
    padding-left: 100px;
    padding-right: 100px; } }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  a[name$="Anchor"] {
    top: -45px; }

  #hero_cont .hero_img:after {
    display: none; }
  #hero_cont .hero_txt + p {
    display: none; }
  #hero_cont .hero_txt h2 {
    font-size: 1.8em; }
  #hero_cont .hero_txt p {
    font-size: 0.7em; }

  .pagepanel .hero_content_img:after {
    display: none; }

  .pagepanel.black {
    background-image: none; }

  header .center {
    text-align: center; }
    header .center ul {
      text-align: center;
      padding-top: 20px; }
      header .center ul li {
        font-size: 15px; }

  .top_panel {
    padding-top: 120px; }
    .top_panel img {
      width: 60%; }

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

  .large-3 img {
    display: none; }

  .top-bar-section .right li a {
    font-size: 0.75em; }

  .hero_txt small {
    font-weight: 700; }

  .section .center {
    padding-left: 50px;
    padding-right: 50px; }
  .section big {
    font-size: 1.1em; }
  .section p {
    line-height: 125%;
    font-size: 0.9em;
    font-weight: 300; } }
/* Landscape phones and down */
@media (max-width: 480px) {
  #hero_cont .hero_txt h2 {
    font-size: 1.2em; }
  #hero_cont .hero_txt p, #hero_cont .hero_txt hr {
    display: none; }
  #hero_cont .hero_txt + p {
    display: none; }

  .pagepanel .bx-wrapper h5 {
    font-size: 11px;
    line-height: 1em; }
  .pagepanel .bx-wrapper p {
    font-size: 11px;
    line-height: 1em;
    padding-top: 5px; }
  .pagepanel .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px; }

  body {
    background-size: auto auto; }

  .pagepanel.work .desmond {
    background-size: 75% auto; } }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/* ==========================================================================
   MagnificPopup
   ========================================================================== */
 /**
* Simple fade transition,
*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.mfp-close:hover {
  background-color: rgba(112, 215, 154, 0.7); }

/*# sourceMappingURL=main.css.map */