@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-ms-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-webkit-keyframes zoomIn {
  0% { }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@-moz-keyframes zoomIn {
  0% { }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@-ms-keyframes zoomIn {
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@-o-keyframes zoomIn {
  0% { }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@keyframes zoomIn {
  0% { }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

html body {
  font-family: 'geomanist_regularregular';
  color: #243f5f;
  line-height: 1.25;
  background-color: #1b324c;
  zoom: reset; }
  html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .top-bar-section ul li > a, html body table thead tr th {
    color: #243f5f;
    font-weight: normal;
    font-family: 'rokkittbold';
    line-height: 1.25; }
  html body abbr {
    text-transform: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none; }
    html body abbr[title] {
      border-bottom: inherit; }
  html body blockquote {
    quotes: none;
    padding-top: 0.5em;
    margin: 0 0 1.25em; }
    html body blockquote p {
      margin-bottom: 0;
      font-family: 'geomanistregular_italic'; }
    html body blockquote footer {
      font-family: 'rokkittbold';
      font-size: 0.75em;
      line-height: 1.25;
      margin-top: 0.5em; }
  html body ul {
    padding-left: 0;
    list-style: none;
    line-height: 1.25; }
  html body p {
    font-size: 1em;
    line-height: 1.25; }
  html body h1 {
    font-size: 1.777em; }
  html body h2 {
    font-size: 1.333em; }
  html body h3 {
    font-size: 1em;
    line-height: 1.15; }
  html body h4 {
    font-size: 1em;
    line-height: 1.15; }
  html body h5 {
    font-size: 1em;
    line-height: 1.15; }
  html body h6 {
    font-size: 1em;
    line-height: 1.15; }
  @media screen and (min-width: 40em) {
    html body h1 {
      font-size: 3.157em; }
    html body h2 {
      font-size: 2.369em; }
    html body h3 {
      font-size: 1.777em; }
    html body h4 {
      font-size: 1.333em; }
    html body h5 {
      font-size: 1em; }
    html body h6 {
      font-size: 1em; } }
  @media screen and (min-width: 64em) {
    html body h1 {
      font-size: 4.209em; }
    html body h2 {
      font-size: 3.157em; }
    html body h3 {
      font-size: 2.369em; }
    html body h4 {
      font-size: 1.777em; }
    html body h5 {
      font-size: 1.333em; }
    html body h6 {
      font-size: 1em; } }
  html body a {
    color: #a82622;
    transition: color 0.9s ease-out; }
  html body a:hover, html body a:focus {
    color: #243f5f;
    transition: color 0.1s ease-out; }

html .fade-in {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

@media screen {
  html .parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto; }
  @supports (perspective: 1px) and (not (-webkit-touch-callout: none)) {
    html .parallax {
      perspective: 400px;
      overflow-x: hidden;
      overflow-y: auto;
      perspective-origin-x: 100%; }
      html .parallax .parallax_group {
        position: relative;
        transform-style: preserve-3d; }
        html .parallax .parallax_group.parallax_window {
          height: 9rem; }
          @media screen and (min-width: 40em) {
            html .parallax .parallax_group.parallax_window {
              height: 13rem; } }
          @media screen and (min-width: 64em) {
            html .parallax .parallax_group.parallax_window {
              height: 15.5rem; } }
        html .parallax .parallax_group .parallax_layer {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          transform-origin-x: 100%; }
          html .parallax .parallax_group .parallax_layer.parallax_fg {
            padding-top: 2em;
            transform: translateZ(60px) scale(0.85); } } }

/*********************
Fonts
*********************/
@font-face {
  font-family: 'geomanist_regularregular';
  src: url("../fonts/geomanist-regular-webfont.eot");
  src: url("../fonts/geomanist-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist-regular-webfont.woff2") format("woff2"), url("../fonts/geomanist-regular-webfont.woff") format("woff"), url("../fonts/geomanist-regular-webfont.ttf") format("truetype"), url("../fonts/geomanist-regular-webfont.svg#geomanist_regularregular") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

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

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

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-mail:before {
  content: "\f16d"; }

.icon-marker:before {
  content: "\f172"; }

.icon-github:before {
  content: "\f1c9"; }

.icon-twitter:before {
  content: "\f1e4"; }

.icon-phone:before {
  content: "\f1f8"; }

.icon-mastodon:before {
  content: "\e900"; }

/* Structure Styles
/*---------------------------------------------*/
#footer {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #739fd1;
  background-size: cover;
  height: 3.1rem;
  box-shadow: inset -6px 10px 20px 1px rgba(0, 0, 0, 0.65); }
  @media screen and (max-width: 89.9375em) {
    #footer {
      background-image: url("../img/bg-art_mob.jpg"); } }
  @media screen and (min-width: 75em) {
    #footer {
      background-image: url("../img/bg-art.jpg"); } }
  #footer .row {
    top: 50%;
    transform: translate(0, -50%);
    position: relative; }
  #footer p {
    text-shadow: 0 1px 0 #fff;
    padding: .6em 0 0 0;
    height: 100%;
    margin: 0;
    font-size: 0.563em;
    font-family: rokkittbold;
    text-align: center; }
  @media screen and (min-width: 75em) {
    #footer {
      height: 5.2rem;
      box-shadow: inset -10px 20px 30px; }
      #footer p {
        font-size: 0.75em; } }

/*********************
404 page
*********************/
.error404 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  margin-bottom: -3.1rem; }
  @media screen and (max-width: 63.9375em) {
    .error404 {
      background-image: url("../img/mission-ctl_mob.jpg"); }
      .error404 .error-banner {
        background-color: rgba(255, 255, 255, 0.75); } }
  @media screen and (min-width: 40em) {
    .error404 {
      background-image: url("../img/mission-ctl.jpg"); }
      .error404 .error-banner {
        background: none; }
        .error404 .error-banner .error-txt {
          background-color: rgba(255, 255, 255, 0.75); } }
  @media screen and (min-width: 75em) {
    .error404 {
      margin-bottom: -5.2rem; } }
  .error404 .error-banner {
    height: 100%; }
    .error404 .error-banner .error-txt {
      padding: 1em;
      top: 50%;
      transform: translate(0, -50%);
      position: relative;
      text-align: center; }
      .error404 .error-banner .error-txt p {
        font-size: 0.75em;
        margin: 0.5em 0 0.5em 0; }
      .error404 .error-banner .error-txt h2 {
        font-family: 'geomanistbold';
        margin: 0; }
      .error404 .error-banner .error-txt h3 {
        margin: 0 0 0.5em 0; }
      @media screen and (min-width: 40em) {
        .error404 .error-banner .error-txt p {
          font-size: 1em; } }
      @media screen and (min-width: 75em) {
        .error404 .error-banner .error-txt h2 {
          font-family: 'geomanistblack'; } }

/*********************
Banners
*********************/
.banner {
  overflow: hidden;
  padding: 3em 0; }

.banner-header {
  height: 20.85rem;
  padding: 0; }
  @media screen and (min-width: 75em) {
    .banner-header {
      height: 37.1rem; } }
  .banner-header .header-logo {
    position: relative;
    top: 107rem;
    left: 158.3rem;
    width: 5.2rem; }
    @media print {
      .banner-header .header-logo::after {
        content: "Enteka Design"; } }
    @media screen and (min-width: 75em) {
      .banner-header .header-logo {
        width: 10.4rem;
        left: 155.8rem;
        top: 88.6rem; } }
  .banner-header .header-center-outer {
    position: relative;
    right: 50%;
    float: right; }
    .banner-header .header-center-outer .header-center-inner {
      position: relative;
      right: -50%; }
      .banner-header .header-center-outer .header-center-inner .header-image {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+39,2f80bd+47,0d2958+60 */
        background: url("/assets/sky_fg_min.png") 32% 23% no-repeat, #4d84c2;
        /* Old browsers */
        background: url("/assets/sky_fg_min.png") 32% 23% no-repeat, radial-gradient(ellipse at center, #f4f4f4 0%, #f4f4f4 36%, #2f80bd 47%, #0d2958 60%);
        position: relative;
        top: -99.2rem;
        left: 73.5rem;
        height: 468.8rem;
        width: 468.8rem;
        transform-origin: 34.5% 24%; }
        @media screen and (min-width: 75em) {
          .banner-header .header-center-outer .header-center-inner .header-image {
            top: -83rem;
            transform-origin: 34.5% 21.5%; } }

.banner-tag {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  background-color: #f4f4f4;
  padding: 3em 0; }
  .banner-tag h1 {
    font-family: 'geomanistbold'; }
  @media screen and (min-width: 75em) {
    .banner-tag h1 {
      font-family: 'geomanistblack'; } }

.banner-services {
  background-color: #4982c3;
  border-bottom: 1px solid #ccc;
  padding: 0; }
  .banner-services h1, .banner-services h2, .banner-services h3, .banner-services h4, .banner-services h5, .banner-services h6 {
    color: white; }
  .banner-services .os-animation {
    opacity: 0; }
    .banner-services .os-animation.animated {
      opacity: 1; }
      .banner-services .os-animation.animated.os-animation-01 {
        -webkit-animation-name: flipInY;
        -moz-animation-name: flipInY;
        -ms-animation-name: flipInY;
        -o-animation-name: flipInY;
        animation-name: flipInY;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -o-backface-visibility: visible;
        backface-visibility: visible; }
      .banner-services .os-animation.animated.os-animation-02 {
        -webkit-animation-name: flipInY;
        -moz-animation-name: flipInY;
        -ms-animation-name: flipInY;
        -o-animation-name: flipInY;
        animation-name: flipInY;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        -ms-animation-delay: 0.25s;
        -o-animation-delay: 0.25s;
        animation-delay: 0.25s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -o-backface-visibility: visible;
        backface-visibility: visible; }
      .banner-services .os-animation.animated.os-animation-03 {
        -webkit-animation-name: flipInY;
        -moz-animation-name: flipInY;
        -ms-animation-name: flipInY;
        -o-animation-name: flipInY;
        animation-name: flipInY;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -ms-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -o-backface-visibility: visible;
        backface-visibility: visible; }
  .banner-services .ident, .banner-services .site, .banner-services .apps {
    padding: 3em 0;
    text-align: center; }
    .banner-services .ident h2, .banner-services .site h2, .banner-services .apps h2 {
      margin-bottom: 0.75em; }
    .banner-services .ident img, .banner-services .site img, .banner-services .apps img {
      width: 3.9em;
      margin: 0 auto;
      display: block; }
    @media screen and (min-width: 64em) {
      .banner-services .ident h2, .banner-services .site h2, .banner-services .apps h2 {
        font-size: 1.333em; } }
    @media screen and (min-width: 75em) {
      .banner-services .ident img, .banner-services .site img, .banner-services .apps img {
        width: 6.5em; }
      .banner-services .ident h2, .banner-services .site h2, .banner-services .apps h2 {
        font-size: 1.777em; } }
  .banner-services .ident, .banner-services .apps {
    background-color: #3F7CC2; }

.banner-quotes {
  border-bottom: 1px solid #ccc;
  background-color: #f4f4f4; }

.banner-button {
  background-color: #4982c3; }
  .banner-button .container-button {
    margin: 1em 0 1em;
    text-align: center; }
    .banner-button .container-button .button {
      background-color: #a82622;
      color: white;
      padding: 0.75em 1em;
      font-family: 'rokkittbold';
      border-radius: 1.5em;
      font-size: 1.333em;
      transition: background-color 0.9s ease-out; }
    .banner-button .container-button .button:hover, .banner-button .container-button .button:focus {
      background-color: #243f5f;
      transition: background-color 0.1s ease-out; }
    @media screen and (min-width: 64em) {
      .banner-button .container-button .button {
        font-size: 1.777em; } }

.banner-contact {
  background-color: #f4f4f4; }
  .banner-contact .vcard {
    border: none;
    padding: 0;
    margin: 0 0 0.75em;
    display: block; }
    .banner-contact .vcard .fn {
      font-size: inherit;
      font-weight: normal; }
    .banner-contact .vcard .fonticon {
      margin-left: -1.75em;
      margin-right: 0.55em;
      display: inline-block;
      position: relative;
      top: 0.12em;
      width: 1em;
      text-align: right; }
    .banner-contact .vcard .columns {
      text-align: center; }
    .banner-contact .vcard .container-column {
      padding-left: 0.23em;
      display: inline-block;
      width: 8.7em;
      text-align: left; }
    .banner-contact .vcard p {
      color: #243f5f;
      font-size: 0.75em;
      margin-bottom: 1.25em; }
    .banner-contact .vcard .columns:last-child p:last-child {
      margin-bottom: 0; }
  @media screen and (min-width: 40em) {
    .banner-contact .vcard .columns:first-child {
      text-align: right;
      border-right: 1px solid #DDD; }
      .banner-contact .vcard .columns:first-child p:last-child {
        margin-bottom: 0; }
    .banner-contact .vcard .columns:last-child {
      text-align: left; }
    .banner-contact .vcard .container-column {
      width: auto;
      padding: 0.5em 2em 0 2em; }
    .banner-contact .vcard p {
      font-size: 1em; } }