/*
  Theme URI: https://winter-interactive.com/
  Description: Design and coding revisions to theme by Winter Interactive, Inc.
  Author: Winter Interactive, Inc.
  Author URI: https://winter-interactive.com/
  Copyright: Copyright (c) 2019, Winter Interactive, Inc., Released 07/16/2019

  Template: genesis
  Template Version: 2.0.1

  License: GPL-2.0+
  License URI: http://www.opensource.org/licenses/gpl-license.php
*/
@import url("https://fonts.googleapis.com/css?family=Biryani:200,300,400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Play:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:100,100i,300,300i,400,400i,500,500i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap");
.fadeInBody {
  -webkit-animation: animateOpacity 2s;
          animation: animateOpacity 2s;
  transition-timing-function: easeInOutQuart;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

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

@keyframes animateOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.outLiner {
  outline: 4px solid red;
  border: 2px solid blue;
}

.word1,
.word2,
.word3,
.word4,
.word5,
.word20,
.word21,
.word22,
.word23 {
  opacity: 0;
}

.indexAnimation .coverPage .entry-content {
  margin: 0 auto;
}
.indexAnimation h1 .word1,
.indexAnimation h1 .word2,
.indexAnimation h1 .word3,
.indexAnimation h1 .word4,
.indexAnimation h1 .word5 {
  display: inline-block;
  margin-top: 0;
  position: relative;
}
.indexAnimation h1 .word1 {
  -webkit-animation: animationWord1 1s;
          animation: animationWord1 1s;
  margin-right: 0.3em;
  margin-left: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h1 .word2 {
  -webkit-animation: animationWord2 1.6s;
          animation: animationWord2 1.6s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h1 .word3 {
  -webkit-animation: animationWord3 2.1s;
          animation: animationWord3 2.1s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h1 .word4 {
  -webkit-animation: animationWord4 1.8s;
          animation: animationWord4 1.8s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h1 .word5 {
  -webkit-animation: animationWord5 2.2s;
          animation: animationWord5 2.2s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h2 {
  overflow: hidden;
}
.indexAnimation h2 .word20,
.indexAnimation h2 .word21,
.indexAnimation h2 .word22,
.indexAnimation h2 .word23,
.indexAnimation h2 .word24 {
  display: inline-block;
  margin-top: 0;
  opacity: 0;
  position: relative;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h2 .word20 {
  -webkit-animation: animationWord20 3s;
          animation: animationWord20 3s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h2 .word21 {
  -webkit-animation: animationWord21 2.6s;
          animation: animationWord21 2.6s;
  margin: 0 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h2 .word22 {
  -webkit-animation: animationWord22 2.9s;
          animation: animationWord22 2.9s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h2 .word23 {
  -webkit-animation: animationWord23 3.2s;
          animation: animationWord23 3.2s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.indexAnimation h2 .word24 {
  -webkit-animation: animationWord24 3.4s;
          animation: animationWord24 3.4s;
  margin-right: 0.3em;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes animationWord1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4em);
            transform: translateY(-4em);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, -4em, 0);
            transform: translate3D(0, -4em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4em);
            transform: translateY(-4em);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, -4em, 0);
            transform: translate3D(0, -4em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3em);
            transform: translateY(-3em);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, -3em, 0);
            transform: translate3D(0, -3em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3em);
            transform: translateY(-3em);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, -3em, 0);
            transform: translate3D(0, -3em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
  }
  65% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, 2em, 0);
            transform: translate3D(0, 2em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
  }
  65% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, 2em, 0);
            transform: translate3D(0, 2em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord4 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
  }
  70% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, 2em, 0);
            transform: translate3D(0, 2em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord4 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2em);
            transform: translateY(2em);
  }
  70% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3D(0, 2em, 0);
            transform: translate3D(0, 2em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord5 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3em);
            transform: translateY(-3em);
  }
  60% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3d(0, -3em, 0);
            transform: translate3d(0, -3em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord5 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3em);
            transform: translateY(-3em);
  }
  60% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transform: translate3d(0, -3em, 0);
            transform: translate3d(0, -3em, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord20 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4em);
            transform: translateY(-4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(-4em, 0, 0);
            transform: translate3d(-4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord20 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4em);
            transform: translateY(-4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(-4em, 0, 0);
            transform: translate3d(-4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord21 {
  0% {
    opacity: 0;
  }
  75% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animationWord21 {
  0% {
    opacity: 0;
  }
  75% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animationWord22 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(4em);
            transform: translateX(4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
            transform: translate3d(4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord22 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(4em);
            transform: translateX(4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
            transform: translate3d(4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord23 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(4em);
            transform: translateX(4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
            transform: translate3d(4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord23 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(4em);
            transform: translateX(4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
            transform: translate3d(4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animationWord24 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(4em);
            transform: translateX(4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
            transform: translate3d(4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes animationWord24 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(4em);
            transform: translateX(4em);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
            transform: translate3d(4em, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.ZaboutBody,
#Ztext-slider,
.ZlogoContainer {
  opacity: 0;
}

.ZaboutUsHeadline1 .aboutHeader .ch1,
.ZaboutUsHeadline1 .aboutHeader .ch2,
.ZaboutUsHeadline1 .aboutHeader .ch3,
.ZaboutUsHeadline1 .aboutHeader .ch4,
.ZaboutUsHeadline1 .aboutHeader .ch5,
.ZaboutUsHeadline1 .aboutHeader .ch6,
.ZaboutUsHeadline1 .aboutHeader .ch7,
.ZaboutUsHeadline1 .aboutHeader .ch8 {
  display: inline-block;
  position: relative;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}
.ZaboutUsHeadline1 .aboutHeader .ch1 {
  -webkit-animation: animationCh1 0.5s 0.6s ease-out;
          animation: animationCh1 0.5s 0.6s ease-out;
  left: -32vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ZaboutUsHeadline1 .aboutHeader .ch2 {
  -webkit-animation: animationCh2 0.5s 0.5s ease-out;
          animation: animationCh2 0.5s 0.5s ease-out;
  left: -30vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ZaboutUsHeadline1 .aboutHeader .ch3 {
  -webkit-animation: animationCh3 0.5s 0.4s ease-out;
          animation: animationCh3 0.5s 0.4s ease-out;
  left: -28vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ZaboutUsHeadline1 .aboutHeader .ch4 {
  -webkit-animation: animationCh4 0.5s 0.3s ease-out;
          animation: animationCh4 0.5s 0.3s ease-out;
  left: -26vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ZaboutUsHeadline1 .aboutHeader .ch5 {
  -webkit-animation: animationCh5 0.5s 0.2s ease-out;
          animation: animationCh5 0.5s 0.2s ease-out;
  left: -24vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ZaboutUsHeadline1 .aboutHeader .ch7 {
  -webkit-animation: animationCh7 0.5s 0.1s ease-out;
          animation: animationCh7 0.5s 0.1s ease-out;
  left: -22vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ZaboutUsHeadline1 .aboutHeader .ch8 {
  -webkit-animation: animationCh8 0.5s 0s ease-out;
          animation: animationCh8 0.5s 0s ease-out;
  left: -20vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes animationCh1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(32vw);
            transform: translateX(32vw);
  }
}

@keyframes animationCh1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(32vw);
            transform: translateX(32vw);
  }
}
@-webkit-keyframes animationCh2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(30vw);
            transform: translateX(30vw);
  }
}
@keyframes animationCh2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(30vw);
            transform: translateX(30vw);
  }
}
@-webkit-keyframes animationCh3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(28vw);
            transform: translateX(28vw);
  }
}
@keyframes animationCh3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(28vw);
            transform: translateX(28vw);
  }
}
@-webkit-keyframes animationCh4 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(26vw);
            transform: translateX(26vw);
  }
}
@keyframes animationCh4 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(26vw);
            transform: translateX(26vw);
  }
}
@-webkit-keyframes animationCh5 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(24vw);
            transform: translateX(24vw);
  }
}
@keyframes animationCh5 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(24vw);
            transform: translateX(24vw);
  }
}
@-webkit-keyframes animationCh7 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(22vw);
            transform: translateX(22vw);
  }
}
@keyframes animationCh7 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(22vw);
            transform: translateX(22vw);
  }
}
@-webkit-keyframes animationCh8 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(20vw);
            transform: translateX(20vw);
  }
}
@keyframes animationCh8 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(20vw);
            transform: translateX(20vw);
  }
}
.animateHomePgText .aboutBody {
  -webkit-animation: aboutTextBody 0.5s 0.3s ease-out;
          animation: aboutTextBody 0.5s 0.3s ease-out;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes aboutTextBody {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aboutTextBody {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sliderWrapper .aboutMainWrapper #text-slider {
  -webkit-animation: textScroller 0.5s 0s ease-out;
          animation: textScroller 0.5s 0s ease-out;
  opacity: 0;
  top: 10vh;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes textScroller {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-10vh);
            transform: translateY(-10vh);
  }
}
@keyframes textScroller {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-10vh);
            transform: translateY(-10vh);
  }
}

.ch10,
.ch11,
.ch12,
.ch13,
.ch14,
.ch15,
.ch16,
.ch17,
.ch18,
.ch19,
.ch20,
.ch21,
.ch22,
.ch23,
.ch24,
.ch25,
.ch26,
.ch27 {
  opacity: 0;
}

.aboutUsHeadline2 .clientHeader .ch10,
.aboutUsHeadline2 .clientHeader .ch11,
.aboutUsHeadline2 .clientHeader .ch12,
.aboutUsHeadline2 .clientHeader .ch13,
.aboutUsHeadline2 .clientHeader .ch14,
.aboutUsHeadline2 .clientHeader .ch15,
.aboutUsHeadline2 .clientHeader .ch16,
.aboutUsHeadline2 .clientHeader .ch17,
.aboutUsHeadline2 .clientHeader .ch18,
.aboutUsHeadline2 .clientHeader .ch19,
.aboutUsHeadline2 .clientHeader .ch20,
.aboutUsHeadline2 .clientHeader .ch21,
.aboutUsHeadline2 .clientHeader .ch22,
.aboutUsHeadline2 .clientHeader .ch23,
.aboutUsHeadline2 .clientHeader .ch24,
.aboutUsHeadline2 .clientHeader .ch25,
.aboutUsHeadline2 .clientHeader .ch26,
.aboutUsHeadline2 .clientHeader .ch27 {
  display: inline-block;
  position: relative;
}
.aboutUsHeadline2 .clientHeader .ch10 {
  -webkit-animation: animationCh10 0.5s 0.75s ease-out;
          animation: animationCh10 0.5s 0.75s ease-out;
  left: -42vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch11 {
  -webkit-animation: animationCh11 0.5s 0.7s ease-out;
          animation: animationCh11 0.5s 0.7s ease-out;
  left: -41vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch12 {
  -webkit-animation: animationCh12 0.5s 0.65s ease-out;
          animation: animationCh12 0.5s 0.65s ease-out;
  left: -40vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch13 {
  -webkit-animation: animationCh13 0.5s 0.6s ease-out;
          animation: animationCh13 0.5s 0.6s ease-out;
  left: -39vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch14 {
  -webkit-animation: animationCh14 0.5s 0.55s ease-out;
          animation: animationCh14 0.5s 0.55s ease-out;
  left: -38vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch15 {
  -webkit-animation: animationCh15 0.5s 0.5s ease-out;
          animation: animationCh15 0.5s 0.5s ease-out;
  left: -37vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch16 {
  -webkit-animation: animationCh16 0.5s 0.45s ease-out;
          animation: animationCh16 0.5s 0.45s ease-out;
  left: -36vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch18 {
  -webkit-animation: animationCh18 0.5s 0.4s ease-out;
          animation: animationCh18 0.5s 0.4s ease-out;
  left: -34vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch19 {
  -webkit-animation: animationCh19 0.5s 0.35s ease-out;
          animation: animationCh19 0.5s 0.35s ease-out;
  left: -33vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch20 {
  -webkit-animation: animationCh20 0.5s 0.3s ease-out;
          animation: animationCh20 0.5s 0.3s ease-out;
  left: -32vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch21 {
  -webkit-animation: animationCh21 0.5s 0.25s ease-out;
          animation: animationCh21 0.5s 0.25s ease-out;
  left: -31vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch22 {
  -webkit-animation: animationCh22 0.5s 0.2s ease-out;
          animation: animationCh22 0.5s 0.2s ease-out;
  left: -30vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch23 {
  -webkit-animation: animationCh23 0.5s 0.15s ease-out;
          animation: animationCh23 0.5s 0.15s ease-out;
  left: -29vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch25 {
  -webkit-animation: animationCh25 0.5s 0.1s ease-out;
          animation: animationCh25 0.5s 0.1s ease-out;
  left: -27vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch26 {
  -webkit-animation: animationCh26 0.5s 0.05s ease-out;
          animation: animationCh26 0.5s 0.05s ease-out;
  left: -26vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.aboutUsHeadline2 .clientHeader .ch27 {
  -webkit-animation: animationCh27 0.5s 0s ease-out;
          animation: animationCh27 0.5s 0s ease-out;
  left: -25vw;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes animationCh10 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(42vw);
            transform: translateX(42vw);
  }
}

@keyframes animationCh10 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(42vw);
            transform: translateX(42vw);
  }
}
@-webkit-keyframes animationCh11 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(41vw);
            transform: translateX(41vw);
  }
}
@keyframes animationCh11 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(41vw);
            transform: translateX(41vw);
  }
}
@-webkit-keyframes animationCh12 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(40vw);
            transform: translateX(40vw);
  }
}
@keyframes animationCh12 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(40vw);
            transform: translateX(40vw);
  }
}
@-webkit-keyframes animationCh13 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(39vw);
            transform: translateX(39vw);
  }
}
@keyframes animationCh13 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(39vw);
            transform: translateX(39vw);
  }
}
@-webkit-keyframes animationCh14 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(38vw);
            transform: translateX(38vw);
  }
}
@keyframes animationCh14 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(38vw);
            transform: translateX(38vw);
  }
}
@-webkit-keyframes animationCh15 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(37vw);
            transform: translateX(37vw);
  }
}
@keyframes animationCh15 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(37vw);
            transform: translateX(37vw);
  }
}
@-webkit-keyframes animationCh16 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(36vw);
            transform: translateX(36vw);
  }
}
@keyframes animationCh16 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(36vw);
            transform: translateX(36vw);
  }
}
@-webkit-keyframes animationCh18 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(34vw);
            transform: translateX(34vw);
  }
}
@keyframes animationCh18 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(34vw);
            transform: translateX(34vw);
  }
}
@-webkit-keyframes animationCh19 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(33vw);
            transform: translateX(33vw);
  }
}
@keyframes animationCh19 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(33vw);
            transform: translateX(33vw);
  }
}
@-webkit-keyframes animationCh20 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(32vw);
            transform: translateX(32vw);
  }
}
@keyframes animationCh20 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(32vw);
            transform: translateX(32vw);
  }
}
@-webkit-keyframes animationCh21 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(31vw);
            transform: translateX(31vw);
  }
}
@keyframes animationCh21 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(31vw);
            transform: translateX(31vw);
  }
}
@-webkit-keyframes animationCh22 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(30vw);
            transform: translateX(30vw);
  }
}
@keyframes animationCh22 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(30vw);
            transform: translateX(30vw);
  }
}
@-webkit-keyframes animationCh23 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(29vw);
            transform: translateX(29vw);
  }
}
@keyframes animationCh23 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(29vw);
            transform: translateX(29vw);
  }
}
@-webkit-keyframes animationCh25 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(27vw);
            transform: translateX(27vw);
  }
}
@keyframes animationCh25 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(27vw);
            transform: translateX(27vw);
  }
}
@-webkit-keyframes animationCh26 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(26vw);
            transform: translateX(26vw);
  }
}
@keyframes animationCh26 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(26vw);
            transform: translateX(26vw);
  }
}
@-webkit-keyframes animationCh27 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(25vw);
            transform: translateX(25vw);
  }
}
@keyframes animationCh27 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(25vw);
            transform: translateX(25vw);
  }
}
.aboutUsClientLogos .logoContainer {
  -webkit-animation: clientLogos 1.5s ease-out;
          animation: clientLogos 1.5s ease-out;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes clientLogos {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes clientLogos {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animateTextBox {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes animateTextBox {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.single article .textBox {
  opacity: 0.2;
  -webkit-animation: animateTextBox 2s;
          animation: animateTextBox 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.archive,
.index-page,
.search,
.single-post {
  padding-bottom: 0;
}
.archive .site-container,
.index-page .site-container,
.search .site-container,
.single-post .site-container {
  background: url("images/rockywall-2.png");
  min-height: 100vh;
}
.archive a.more-link,
.index-page a.more-link,
.search a.more-link,
.single-post a.more-link {
  text-decoration: none;
}
.archive a.more-link:link, .archive a.more-link:visited,
.index-page a.more-link:link,
.index-page a.more-link:visited,
.search a.more-link:link,
.search a.more-link:visited,
.single-post a.more-link:link,
.single-post a.more-link:visited {
  color: #009ea4;
  font-weight: 700;
}
.archive a.more-link:hover,
.index-page a.more-link:hover,
.search a.more-link:hover,
.single-post a.more-link:hover {
  color: #d43124;
}
.archive .site-header,
.index-page .site-header,
.search .site-header,
.single-post .site-header {
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid #c0c0c0;
  height: 5.9rem;
}
.archive .site-inner,
.index-page .site-inner,
.search .site-inner,
.single-post .site-inner {
  font-size: 0.7em;
  margin: auto !important;
  max-width: 980px;
  padding: 0 3% 0 5%;
}
.archive .site-inner .content,
.index-page .site-inner .content,
.search .site-inner .content,
.single-post .site-inner .content {
  margin-bottom: 5em;
  margin-top: 10em;
  max-width: 880px;
  width: 76%;
}
.archive .site-inner .content .archive-description,
.index-page .site-inner .content .archive-description,
.search .site-inner .content .archive-description,
.single-post .site-inner .content .archive-description {
  background-color: rgba(255, 255, 255, 0);
  left: 0;
  padding: 0;
  position: absolute;
  top: 70px;
  width: 100%;
}
.archive .site-inner .content .archive-description h1,
.index-page .site-inner .content .archive-description h1,
.search .site-inner .content .archive-description h1,
.single-post .site-inner .content .archive-description h1 {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  margin: 0.5rem auto -0.5rem auto;
  max-width: 80%;
  text-align: center;
  width: 100%;
  color: #666;
  font-weight: 700;
  padding-top: 0.5em;
}
.archive .site-inner .content .entry,
.index-page .site-inner .content .entry,
.search .site-inner .content .entry,
.single-post .site-inner .content .entry {
  border-radius: 0.5em;
  margin-bottom: 1em;
  max-width: 100%;
  padding: 0;
}
.archive .site-inner .content .entry .entry-header,
.index-page .site-inner .content .entry .entry-header,
.search .site-inner .content .entry .entry-header,
.single-post .site-inner .content .entry .entry-header {
  font-size: 0.8em;
  margin-bottom: -0.5em;
  padding: 1em 0 0.5em 0;
}
.archive .site-inner .content .entry .entry-header h1,
.index-page .site-inner .content .entry .entry-header h1,
.search .site-inner .content .entry .entry-header h1,
.single-post .site-inner .content .entry .entry-header h1 {
  font-size: 2.1em;
  font-weight: 700;
  margin-top: 0;
  padding-bottom: 0;
  text-align: left;
}
.archive .site-inner .content .entry .entry-header h2,
.index-page .site-inner .content .entry .entry-header h2,
.search .site-inner .content .entry .entry-header h2,
.single-post .site-inner .content .entry .entry-header h2 {
  border-bottom: 1px solid #a5a5a5;
  margin-right: 2em;
  padding-bottom: 0.3em;
}
.archive .site-inner .content .entry .entry-header h2 a,
.index-page .site-inner .content .entry .entry-header h2 a,
.search .site-inner .content .entry .entry-header h2 a,
.single-post .site-inner .content .entry .entry-header h2 a {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
}
.archive .site-inner .content .entry .entry-header h2 a:hover,
.index-page .site-inner .content .entry .entry-header h2 a:hover,
.search .site-inner .content .entry .entry-header h2 a:hover,
.single-post .site-inner .content .entry .entry-header h2 a:hover {
  color: #d43124;
}
.archive .site-inner .content .entry .entry-header .entry-title,
.index-page .site-inner .content .entry .entry-header .entry-title,
.search .site-inner .content .entry .entry-header .entry-title,
.single-post .site-inner .content .entry .entry-header .entry-title {
  font-size: 1.6em;
}
.archive .site-inner .content .entry .entry-content,
.index-page .site-inner .content .entry .entry-content,
.search .site-inner .content .entry .entry-content,
.single-post .site-inner .content .entry .entry-content {
  margin: 0 auto;
  padding-bottom: 0;
}
.archive .site-inner .content .entry .entry-footer .entry-meta,
.index-page .site-inner .content .entry .entry-footer .entry-meta,
.search .site-inner .content .entry .entry-footer .entry-meta,
.single-post .site-inner .content .entry .entry-footer .entry-meta {
  font-size: 0.8em;
  margin: 0;
  padding: 1em 2em 1em 1em;
  text-align: right;
}
.archive img,
.index-page img,
.search img,
.single-post img {
  align-self: center;
  outline: 1px solid #d3d3d3;
}

.single-post .entry-title {
  border-bottom: 1px solid #a5a5a5;
  margin: 0.5em 0;
  padding-bottom: 0.3em;
  width: 100%;
}
.single-post .site-inner h1 {
  color: #009ea4;
}
.single-post .site-inner h1::first-letter {
  color: #009ea4;
}

.archive p a:link,
.archive p a:visited,
.archive p a:active,
.index-page p a:link,
.index-page p a:visited,
.index-page p a:active,
.search p a:link,
.search p a:visited,
.search p a:active,
.single-post p a:link,
.single-post p a:visited,
.single-post p a:active {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
}
.archive p a:hover,
.index-page p a:hover,
.search p a:hover,
.single-post p a:hover {
  color: #d43124;
}

.index-page figcaption,
.search figcaption,
.archive figcaption,
.single-post figcaption {
  color: #8c8b8b;
  font-family: biryani, Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 600;
}
.index-page figcaption a,
.search figcaption a,
.archive figcaption a,
.single-post figcaption a {
  color: #8c8b8b;
  text-decoration: none;
}
.index-page figcaption a:hover,
.search figcaption a:hover,
.archive figcaption a:hover,
.single-post figcaption a:hover {
  color: #c3251d;
}
.index-page .wp-caption-text::first-line,
.search .wp-caption-text::first-line,
.archive .wp-caption-text::first-line,
.single-post .wp-caption-text::first-line {
  color: #656565;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
}

.pagination {
  margin: 1em 0 2.5em 0;
}

.archive-pagination a:link {
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}
.archive-pagination a:hover, .archive-pagination a:focus {
  background-color: rgba(100, 100, 100, 0.2);
}
.archive-pagination .active a {
  background-color: rgba(100, 100, 100, 0.2);
  color: #343434;
}
.archive-pagination .disabled a,
.archive-pagination .pagination-next a {
  color: #343434;
}
.archive-pagination .disabled a:hover,
.archive-pagination .pagination-next a:hover {
  color: #343434;
}
.archive-pagination .disabled a:hover, .archive-pagination .disabled a:focus,
.archive-pagination .pagination-next a:hover,
.archive-pagination .pagination-next a:focus {
  color: #343434;
}

.archive .widget_archive .widget-wrap ul,
.index-page .widget_archive .widget-wrap ul,
.search .widget_archive .widget-wrap ul,
.single-post .widget_archive .widget-wrap ul,
.single .widget_archive .widget-wrap ul {
  margin-bottom: 0;
}
.archive #genesis-sidebar-primary .widget_search input[type=submit]:focus,
.index-page #genesis-sidebar-primary .widget_search input[type=submit]:focus,
.search #genesis-sidebar-primary .widget_search input[type=submit]:focus,
.single-post #genesis-sidebar-primary .widget_search input[type=submit]:focus,
.single #genesis-sidebar-primary .widget_search input[type=submit]:focus {
  padding: 0.4em 0 0 0;
}
.archive #genesis-sidebar-primary .search-form,
.index-page #genesis-sidebar-primary .search-form,
.search #genesis-sidebar-primary .search-form,
.single-post #genesis-sidebar-primary .search-form,
.single #genesis-sidebar-primary .search-form {
  display: flex;
  flex-direction: row-reverse;
  height: 26px;
  margin: 0;
  border: 0.001em solid #999;
  border-radius: 0.3em;
  white-space: nowrap;
  width: auto;
}
.archive #genesis-sidebar-primary .search-form input[type=submit],
.index-page #genesis-sidebar-primary .search-form input[type=submit],
.search #genesis-sidebar-primary .search-form input[type=submit],
.single-post #genesis-sidebar-primary .search-form input[type=submit],
.single #genesis-sidebar-primary .search-form input[type=submit] {
  background-color: #999;
  color: #fff;
  font-size: 0.4em;
  height: 26px;
  margin: 0;
  padding-top: 0.4em;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  width: 25%;
  min-width: 50px;
}
.archive #genesis-sidebar-primary .search-form input[type=submit]:hover,
.index-page #genesis-sidebar-primary .search-form input[type=submit]:hover,
.search #genesis-sidebar-primary .search-form input[type=submit]:hover,
.single-post #genesis-sidebar-primary .search-form input[type=submit]:hover,
.single #genesis-sidebar-primary .search-form input[type=submit]:hover {
  background-color: #fff;
  color: #373737;
}
.archive #genesis-sidebar-primary .search-form input[type=search],
.index-page #genesis-sidebar-primary .search-form input[type=search],
.search #genesis-sidebar-primary .search-form input[type=search],
.single-post #genesis-sidebar-primary .search-form input[type=search],
.single #genesis-sidebar-primary .search-form input[type=search] {
  color: #333;
  font-size: 0.65em;
  height: 26px;
  margin: 0;
  padding: 0.2em 0 0 0.6em;
}

.search-no-results .content p {
  color: #666;
  font-size: 1.2em;
  font-weight: 700;
  margin: auto 0;
  padding: 2em 0;
  text-align: center;
}

.archive .sidebar-primary,
.index-page .sidebar-primary,
.search .sidebar-primary,
.single-post .sidebar-primary {
  font-size: 1em;
  margin-left: 4%;
  margin-top: 14em;
  max-width: 220px;
  position: relative;
  width: 20%;
}
.archive .sidebar-primary .widget,
.index-page .sidebar-primary .widget,
.search .sidebar-primary .widget,
.single-post .sidebar-primary .widget {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.2em;
  margin-bottom: 0.5em;
  padding: 1em;
}
.archive .sidebar-primary .widget h3,
.index-page .sidebar-primary .widget h3,
.search .sidebar-primary .widget h3,
.single-post .sidebar-primary .widget h3 {
  color: #666;
  font-size: 1.2em;
  margin-bottom: 0.3em;
}
.archive .sidebar-primary .widget ul,
.index-page .sidebar-primary .widget ul,
.search .sidebar-primary .widget ul,
.single-post .sidebar-primary .widget ul {
  margin-left: 0.7em;
}
.archive .sidebar-primary .widget ul li,
.index-page .sidebar-primary .widget ul li,
.search .sidebar-primary .widget ul li,
.single-post .sidebar-primary .widget ul li {
  list-style-type: none;
  margin-bottom: 0.2em;
  padding: 0;
}
.archive .sidebar-primary .widget ul li a,
.index-page .sidebar-primary .widget ul li a,
.search .sidebar-primary .widget ul li a,
.single-post .sidebar-primary .widget ul li a {
  color: #666;
  text-decoration: none;
}
.archive .sidebar-primary .widget ul li a:hover,
.index-page .sidebar-primary .widget ul li a:hover,
.search .sidebar-primary .widget ul li a:hover,
.single-post .sidebar-primary .widget ul li a:hover {
  color: #009ea4;
}

body.home, body.error404, body.single {
  background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
  background-color: #222222 !important;
  background-size: 16px 16px;
  opacity: 1;
}

body.archive, body.blog, body.specific-pages, body.page-id-46, body.page-id-65, body.page-id-1835, body.page-id-1324, body.search {
  background: url("images/rockywall-2.png");
}
body.archive .entry, body.blog .entry, body.specific-pages .entry, body.page-id-46 .entry, body.page-id-65 .entry, body.page-id-1835 .entry, body.page-id-1324 .entry, body.search .entry {
  background-color: transparent;
}
body.single {
  background: url("images/rockywall-rev.png");
}
body.single .entry {
  background-color: transparent;
}

body.single-portfolioposts.postid-1748, body.single-portfolioposts.postid-1760, body.single-portfolioposts.postid-1764, body.single-portfolioposts.postid-1816 {
  background: url("images/rockywall-rev.png");
}

p {
  margin-bottom: 1em;
}

.page-id-46 h1 {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  margin: 0.5rem auto -0.5rem auto;
  max-width: 80%;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
}
.page-id-46 h1::first-letter {
  color: #d43124;
}
.page-id-46 form {
  margin: auto;
  max-width: 600px;
  padding: 0 auto;
  padding: 10px;
  width: 80%;
}
.page-id-46 .site-inner {
  height: 100vh;
}
.page-id-46 .site-inner .wrapperContact {
  display: inline-block;
  margin-top: 1em;
}
.page-id-46 .site-inner .wrapperContact:nth-child(6) {
  margin-bottom: 2em;
  margin-top: 0.5em;
}
.page-id-46 .site-inner label {
  display: block;
  color: #009ea4;
  font-size: 0.7em;
  text-transform: uppercase;
  word-spacing: 0.15em;
  margin-top: -0.8em;
  font-weight: 700;
}
.page-id-46 .site-inner .requiredColor {
  color: #d43124;
}
.page-id-46 .site-inner input,
.page-id-46 .site-inner textarea {
  border: 1px solid lightgray;
  border-radius: 6px;
  color: gray;
  font-size: 1em;
  padding: 0.5em;
}
.page-id-46 .site-inner input::-webkit-input-placeholder, .page-id-46 .site-inner textarea::-webkit-input-placeholder {
  color: lightgray;
}
.page-id-46 .site-inner input::-moz-placeholder, .page-id-46 .site-inner textarea::-moz-placeholder {
  color: lightgray;
}
.page-id-46 .site-inner input:-ms-input-placeholder, .page-id-46 .site-inner textarea:-ms-input-placeholder {
  color: lightgray;
}
.page-id-46 .site-inner input::placeholder,
.page-id-46 .site-inner textarea::placeholder {
  color: lightgray;
}
.page-id-46 .site-inner input:valid,
.page-id-46 .site-inner textarea:valid {
  color: gray;
  width: 100%;
}
.page-id-46 .site-inner input[type=submit] {
  background-color: rgba(100, 100, 100, 0.1);
  color: #009ea4;
  font-size: 0.7em;
  text-transform: uppercase;
}
.page-id-46 .site-inner input[type=submit]:hover {
  background-color: rgba(100, 100, 100, 0.4);
  color: #d43124;
  transition: 0.5s;
}
.page-id-46 div.wpcf7-response-output {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #D43124;
  font-size: 0.7em;
  font-weight: bold;
  margin-top: -2em;
  padding: 0.2em 1em 0.1em 1em;
  text-align: center;
}
.page-id-46 .wpcf7-not-valid-tip {
  margin-bottom: 1em;
}
.page-id-46 .wpcf7-validation-errors {
  border: 2px solid red;
  font-weight: bold;
  color: red;
  margin: -1em 0 3em 0;
}

.error404 .site-inner {
  height: 100vh;
}
.error404 .site-inner .entry {
  margin: 0 auto;
  max-width: 600px;
}
.error404 button#responsive-menu-pro-button {
  display: none;
}
.error404 article {
  background-color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  font-weight: 300;
}
.error404 h1 {
  color: #d43124;
  font-family: Rajdhani, Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
}
.error404 .content {
  float: none;
  margin: 0 auto;
  padding: 0 14vw;
  position: relative;
  text-align: center;
  top: 16vh;
}
.error404 .entry-content {
  color: #fff;
}
.error404 .entry-content p a {
  color: #009ea4;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
}
.error404 .entry-content p a:hover {
  color: #d43124;
}
.error404 .site-footer {
  bottom: 0;
  position: fixed;
}

.page-id-65 h1,
.page-id-1835 h1,
.page-id-1324 h1 {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  margin: 0.5rem auto -0.5rem auto;
  max-width: 80%;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
}
.page-id-65 h1::first-letter,
.page-id-1835 h1::first-letter,
.page-id-1324 h1::first-letter {
  color: #d43124;
}
.page-id-65 h2,
.page-id-1835 h2,
.page-id-1324 h2 {
  color: #009ea4;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0.2em;
  text-transform: capitalize;
}
.page-id-65 .site-inner,
.page-id-1835 .site-inner,
.page-id-1324 .site-inner {
  font-size: 0.7em;
  height: 100vh;
}
.page-id-65 .site-inner .entry-content,
.page-id-1835 .site-inner .entry-content,
.page-id-1324 .site-inner .entry-content {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  margin: auto;
  padding: 1.5em;
  width: 70vw;
}

.single-portfolioposts .site-container {
  padding-bottom: 11px;
}

.site-container {
  position: relative;
}
.site-container .site-footer {
  background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
  background-color: #222222 !important;
  background-size: 16px 16px;
  opacity: 1;
  bottom: 0;
  color: #999;
  font-size: 0.5em;
  padding: 20px 0 0;
  position: fixed;
  text-align: center;
  transition: all 1200ms ease-in;
  width: 100%;
  z-index: 1000;
}
.site-container .site-footer .wrap p {
  color: #847e7e;
  font-size: 0.9em;
  margin: 0.4em 0 1.2em 0;
}
.site-container .site-footer .wrap ul {
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 2em;
}
.site-container .site-footer .wrap ul li {
  display: inline;
  padding: 0 1vw;
}
.site-container .site-footer .wrap ul li a {
  text-decoration: none;
}
.site-container .site-footer .wrap ul li a:link, .site-container .site-footer .wrap ul li a:visited, .site-container .site-footer .wrap ul li a:active {
  color: #aaa;
}
.site-container .site-footer .wrap ul li a:hover {
  color: lightgreen;
}

/*  Home page Logo
    Note: Used the page id (.page-id-1618) instead of  .page-template-page_landing-2 because I expect to change the template name
*/
.page-id-1618 .site-header {
  background-image: url("images/logo-svg-b.svg");
  background-position: 4rem 1.8rem;
  background-repeat: no-repeat;
  background-size: auto 62px;
}

.error404 .site-container .error404,
.error404 .site-container .site-header,
.single-portfolioposts .site-container .error404,
.single-portfolioposts .site-container .site-header,
.page-id-2348 .site-container .error404,
.page-id-2348 .site-container .site-header {
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: none;
  height: 59px;
}
.error404 .site-container .error404 .wrap,
.error404 .site-container .site-header .wrap,
.single-portfolioposts .site-container .error404 .wrap,
.single-portfolioposts .site-container .site-header .wrap,
.page-id-2348 .site-container .error404 .wrap,
.page-id-2348 .site-container .site-header .wrap {
  background-image: url("images/logo-svg-w.svg");
  background-position: 3rem 0.7rem;
  background-repeat: no-repeat;
  background-size: auto 43px;
  height: 59px;
  position: absolute;
  width: 300px;
}
.error404 .site-container .error404 .wrap .logoLink,
.error404 .site-container .site-header .wrap .logoLink,
.single-portfolioposts .site-container .error404 .wrap .logoLink,
.single-portfolioposts .site-container .site-header .wrap .logoLink,
.page-id-2348 .site-container .error404 .wrap .logoLink,
.page-id-2348 .site-container .site-header .wrap .logoLink {
  height: 59px;
  position: absolute;
  top: 0;
  width: 300px;
}

.archive .site-container .site-header,
.blog .site-container .site-header,
.page-id-46 .site-container .site-header,
.page-id-65 .site-container .site-header,
.page-id-1835 .site-container .site-header,
.page-id-1324 .site-container .site-header,
.single-post .site-container .site-header,
.search-results .site-container .site-header {
  background-color: rgba(255, 255, 255, 0.7);
  border-bottom: none;
  height: 59px;
}
.archive .site-container .site-header .wrap,
.blog .site-container .site-header .wrap,
.page-id-46 .site-container .site-header .wrap,
.page-id-65 .site-container .site-header .wrap,
.page-id-1835 .site-container .site-header .wrap,
.page-id-1324 .site-container .site-header .wrap,
.single-post .site-container .site-header .wrap,
.search-results .site-container .site-header .wrap {
  background-image: url("images/logo-svg-b.svg");
  background-position: 3rem 0.7rem;
  background-repeat: no-repeat;
  background-size: auto 43px;
  height: 59px;
  position: absolute;
  width: 300px;
}
.archive .site-container .site-header .wrap .logoLink,
.blog .site-container .site-header .wrap .logoLink,
.page-id-46 .site-container .site-header .wrap .logoLink,
.page-id-65 .site-container .site-header .wrap .logoLink,
.page-id-1835 .site-container .site-header .wrap .logoLink,
.page-id-1324 .site-container .site-header .wrap .logoLink,
.single-post .site-container .site-header .wrap .logoLink,
.search-results .site-container .site-header .wrap .logoLink {
  height: 59px;
  position: absolute;
  top: 0;
  width: 300px;
}

.site-header {
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #ccc;
  height: 9rem;
  position: fixed;
  transition: all 0.6s ease;
  width: 100%;
  z-index: 2000;
}
.site-header .logo1 {
  height: 66px;
  left: 6%;
  opacity: 1;
  position: absolute;
  top: 1.8rem;
  transition: all 0.6s ease;
  width: 260px;
}

.single-portfolioposts .site-header {
  background-color: rgba(255, 255, 255, 0.6);
  height: 5.94rem;
  margin: 0;
  padding: 0;
}
.single-portfolioposts .site-header .logo1 {
  height: 100%;
  left: 3.96%;
  margin: 0;
  padding: 0;
  top: 8px;
  width: 171.6px;
}
.single-portfolioposts .site-header .logo1 img {
  max-width: 100%;
  width: 100%;
}

.menu-toggle {
  position: fixed;
}

.menu-word {
  font-size: 22px;
  line-height: 1.3em;
}

.js nav.nav-primary,
.js .site-header nav {
  border-bottom-left-radius: 10px;
}

.single,
.specific-pages,
.index-page,
.archive,
.search,
.page-template-portfolio-website,
.page-template-portfolio-online,
.page-template-portfolio-print,
.page-template-portfolio-sales-tools,
.page-template-page-about {
  background-color: rgba(255, 255, 255, 0.6);
  height: 5.94rem;
  margin: 0;
  padding: 0;
}
.single .logo1,
.specific-pages .logo1,
.index-page .logo1,
.archive .logo1,
.search .logo1,
.page-template-portfolio-website .logo1,
.page-template-portfolio-online .logo1,
.page-template-portfolio-print .logo1,
.page-template-portfolio-sales-tools .logo1,
.page-template-page-about .logo1 {
  height: 100%;
  left: 3.96%;
  margin: 0;
  padding: 0;
  top: 8px;
  width: 171.6px;
}
.single .logo1 img,
.specific-pages .logo1 img,
.index-page .logo1 img,
.archive .logo1 img,
.search .logo1 img,
.page-template-portfolio-website .logo1 img,
.page-template-portfolio-online .logo1 img,
.page-template-portfolio-print .logo1 img,
.page-template-portfolio-sales-tools .logo1 img,
.page-template-page-about .logo1 img {
  max-width: 100%;
  width: 100%;
}

.testimonialHead {
  background-color: rgba(255, 255, 255, 0.6);
  height: 5.94rem;
  margin: 0;
  padding: 0;
}
.testimonialHead .logo1 {
  height: 100%;
  left: 3.96%;
  margin: 0;
  padding: 0;
  top: 8px;
  width: 171.6px;
}
.testimonialHead .logo1 img {
  max-width: 100%;
  width: 100%;
}

#menuMain #menuMain button#responsive-menu-pro-button,
.single-post #menuMain button#responsive-menu-pro-button,
.archive #menuMain button#responsive-menu-pro-button,
.search #menuMain button#responsive-menu-pro-button {
  height: 59px;
}

::-moz-selection {
  background-color: #bf281c;
  color: #fff;
}

::selection {
  background-color: #bf281c;
  color: #fff;
}

.page-id-1618 .site-container {
  background-color: white;
  background: url("images/rockywall-rev.png");
}
.page-id-1618 .site-container .site-footer {
  position: absolute;
}

.coverPage {
  background: linear-gradient(to bottom, rgba(16, 20, 50, 0) 0%, rgba(16, 20, 50, 0) 45%, rgba(16, 20, 50, 0.55) 70%, rgba(16, 20, 50, 0.55) 90%, rgba(16, 20, 50, 0) 100%), url("images/Arrow_012_landscape_02.jpg") no-repeat center top;
  background-attachment: scroll;
  background-size: cover;
  margin: 0;
  min-height: 100vh;
  padding: 0;
  position: relative;
  width: 100%;
}
.coverPage .entry-content {
  max-width: 98%;
  position: relative;
  text-align: center;
  top: 74vh;
}
.coverPage .entry-content h1 {
  color: #70f3ff;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin-bottom: 0.1em;
  word-spacing: 0.1em;
}
.coverPage .entry-content h2 {
  color: #d9d8bc;
  font-size: 1.3em;
  font-weight: 400;
  letter-spacing: 0.05em;
  word-spacing: 0.1em;
}

.aboutUs {
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 860px;
  padding: 0;
  position: relative;
}
.aboutUs .aboutMainWrapper {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.aboutUs .aboutMainWrapper .entry-content {
  padding-bottom: 10px;
  padding-top: 60px;
}
.aboutUs .aboutMainWrapper .entry-content .aboutHeaderHome {
  color: #70f3ff;
  flex: 1 0 auto;
  font-family: Rajdhani, Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 3.6rem;
  margin: 1vh auto 0 auto;
  max-width: 90%;
  text-align: center;
  width: 100vw;
}
.aboutUs .aboutMainWrapper .entry-content .spaceAbove {
  margin-top: 0.9em;
}
.aboutUs .aboutMainWrapper .entry-content .spaceBelow {
  margin-bottom: -0.5em;
}
.aboutUs .aboutMainWrapper .entry-content .spaceBelowClientList {
  margin-bottom: -1em;
}
.aboutUs .aboutMainWrapper .entry-content .aboutBodyHome {
  color: #cdcdcd;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.3em;
  padding: 0 8vw;
  text-align: center;
}

.n2-section-smartslider {
  margin: 2vh 2vw;
}
.n2-section-smartslider .n2-ss-slider .n2-ow-all * .creditTestimonial {
  display: block;
  color: #81daba;
  text-align: right;
  font-size: 0.9em;
}
.n2-section-smartslider .n2-ss-slider .n2-ow-all * .creditTestimonial span {
  white-space: nowrap;
}
.n2-section-smartslider .n2-ss-slider.n2-ss-mobile .n2-ss-mobile {
  padding: 0 4% 0 4%;
}

.n2-ss-slider-wrapper-inside {
  margin: 0 8vw 0 auto;
}

#clientLogosWrapper .container {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  justify-content: center;
  margin: 1vh 0 0 0;
  max-width: 100%;
  padding: 0 8vw;
}
#clientLogosWrapper .container .client-logo {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  justify-content: center;
  padding-top: 0;
}
#clientLogosWrapper .container .client-logo p {
  margin: 0;
}
#clientLogosWrapper .container .client-logo p img {
  margin: 0;
  max-width: 116px;
  width: 116px;
}
#clientLogosWrapper .clientHeader {
  display: none;
}

.arrow {
  position: absolute;
  top: 90vh;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.arrow span {
  display: block;
  width: 24px;
  height: 24px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: -10px;
  -webkit-animation: animate 2s infinite;
          animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

@-webkit-keyframes animate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(-20px, -20px);
            transform: rotate(45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(20px, 20px);
            transform: rotate(45deg) translate(20px, 20px);
  }
}

@keyframes animate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(-20px, -20px);
            transform: rotate(45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(20px, 20px);
            transform: rotate(45deg) translate(20px, 20px);
  }
}
.portfolioWrapper .filter-button-group {
  border-bottom: 1px solid #a6a6a6;
  border-top: 1px solid #a6a6a6;
  line-height: 1;
  margin-bottom: 0.2em;
  width: 100%;
}
.portfolioWrapper .filter-button-group button {
  background-color: transparent !important;
  border-radius: 0;
  color: rgb(100, 100, 100);
  margin: 0 1em;
  padding: 0.1em 0;
}
.portfolioWrapper .filter-button-group button:hover {
  background-color: rgba(100, 100, 100, 0.45) !important;
  color: #fff;
  margin: -0.5em 0.5em;
  padding: 1em 0.5em;
  transition: 0.5s;
}
.portfolioWrapper .filter-button-group button.selected {
  background-color: rgba(100, 100, 100, 0.45) !important;
  color: #fff;
  margin: -0.5em 0 -0.5em 0;
  padding: 1em;
}

.rt-tpg-container .tpg-iso-filter {
  margin-bottom: 1em;
}

#toPortfolio {
  padding-top: 60px;
  padding-bottom: 14px;
  min-height: 100vh;
}

.portfolioWrapper .rt-tpg-isotope {
  margin: 0 auto;
  max-width: 860px;
}
.portfolioWrapper .rt-tpg-isotope .rt-holder .overlay .post-info .tpg-excerpt {
  color: #3e3e3e;
  line-height: 1.3em;
}
.portfolioWrapper .rt-tpg-isotope .rt-holder .post-meta-user {
  font-size: 0.8em;
  font-weight: 300;
  padding-top: 100px;
}
.portfolioWrapper .rt-tpg-isotope .rt-holder .post-meta-user .tpg-excerpt {
  padding-top: 3em;
}
.portfolioWrapper .rt-tpg-isotope .rt-holder .post-meta-user .post-meta .read-more {
  border-radius: 6px;
  font-size: 0.7em;
  font-weight: 700;
  margin: 0;
  padding: 0.3em 0 0 0;
  width: 30%;
}
.portfolioWrapper .rt-tpg-isotope .rt-holder .post-meta-user .post-meta .read-more a {
  text-decoration: none;
}
.VectorGraphicsCarousel .n2-ss-slider .n2-ss-slider-wrapper-inside,
.VisualGraphicsCarousel .n2-ss-slider .n2-ss-slider-wrapper-inside,
.ThreeDGraphicsCarousel .n2-ss-slider .n2-ss-slider-wrapper-inside {
  width: 100vw;
}

.VisualGraphicsCarousel .site-container,
.VectorGraphicsCarousel .site-container,
.ThreeDGraphicsCarousel .site-container,
.LogosBrushOff .site-container,
.LogosWagnerMiddleSchool .site-container,
.LogosBiotrax .site-container {
  height: 100vh;
}
.VisualGraphicsCarousel .site-container h1,
.VectorGraphicsCarousel .site-container h1,
.ThreeDGraphicsCarousel .site-container h1,
.LogosBrushOff .site-container h1,
.LogosWagnerMiddleSchool .site-container h1,
.LogosBiotrax .site-container h1 {
  display: none;
}
.VisualGraphicsCarousel .site-container .entry,
.VectorGraphicsCarousel .site-container .entry,
.ThreeDGraphicsCarousel .site-container .entry,
.LogosBrushOff .site-container .entry,
.LogosWagnerMiddleSchool .site-container .entry,
.LogosBiotrax .site-container .entry {
  background-color: transparent;
  margin: auto 0;
}
.VisualGraphicsCarousel .site-container .entry #imagesCarouselWrapper,
.VectorGraphicsCarousel .site-container .entry #imagesCarouselWrapper,
.ThreeDGraphicsCarousel .site-container .entry #imagesCarouselWrapper,
.LogosBrushOff .site-container .entry #imagesCarouselWrapper,
.LogosWagnerMiddleSchool .site-container .entry #imagesCarouselWrapper,
.LogosBiotrax .site-container .entry #imagesCarouselWrapper {
  position: absolute;
  -webkit-transform: translateY(-56%);
          transform: translateY(-56%);
  margin: auto;
  left: 0;
  right: 0;
}
.VisualGraphicsCarousel .site-container .entry #imagesCarouselWrapper #n2-ss-8 .n2-ss-slide,
.VectorGraphicsCarousel .site-container .entry #imagesCarouselWrapper #n2-ss-8 .n2-ss-slide,
.ThreeDGraphicsCarousel .site-container .entry #imagesCarouselWrapper #n2-ss-8 .n2-ss-slide,
.LogosBrushOff .site-container .entry #imagesCarouselWrapper #n2-ss-8 .n2-ss-slide,
.LogosWagnerMiddleSchool .site-container .entry #imagesCarouselWrapper #n2-ss-8 .n2-ss-slide,
.LogosBiotrax .site-container .entry #imagesCarouselWrapper #n2-ss-8 .n2-ss-slide {
  background-color: transparent;
}
.VisualGraphicsCarousel #imageCarousels,
.VectorGraphicsCarousel #imageCarousels,
.ThreeDGraphicsCarousel #imageCarousels,
.LogosBrushOff #imageCarousels,
.LogosWagnerMiddleSchool #imageCarousels,
.LogosBiotrax #imageCarousels {
  border-bottom: 1px solid rgb(100, 100, 100);
  border-top: 1px solid rgb(100, 100, 100);
  color: white;
  font-family: biryani;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0.2em 0;
  position: absolute;
  text-align: center;
  top: 20%;
  -webkit-transform: translateY(-80%);
          transform: translateY(-80%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  z-index: 1000;
}
.VisualGraphicsCarousel #imageCarousels .current,
.VectorGraphicsCarousel #imageCarousels .current,
.ThreeDGraphicsCarousel #imageCarousels .current,
.LogosBrushOff #imageCarousels .current,
.LogosWagnerMiddleSchool #imageCarousels .current,
.LogosBiotrax #imageCarousels .current {
  background-color: rgba(211, 211, 211, 0.3);
  padding: 0.5em 1em;
}
.VisualGraphicsCarousel #imageCarousels a,
.VectorGraphicsCarousel #imageCarousels a,
.ThreeDGraphicsCarousel #imageCarousels a,
.LogosBrushOff #imageCarousels a,
.LogosWagnerMiddleSchool #imageCarousels a,
.LogosBiotrax #imageCarousels a {
  color: #fff;
  margin: 0 0.5em;
  padding: 0.2em 1em 0.1em 1em;
  text-decoration: none;
}
.VisualGraphicsCarousel #imageCarousels a:hover,
.VectorGraphicsCarousel #imageCarousels a:hover,
.ThreeDGraphicsCarousel #imageCarousels a:hover,
.LogosBrushOff #imageCarousels a:hover,
.LogosWagnerMiddleSchool #imageCarousels a:hover,
.LogosBiotrax #imageCarousels a:hover {
  background-color: rgba(211, 211, 211, 0.3);
  padding: 0.5em 1em;
  transition: 0.5s;
}

.VisualGraphicsCarousel .site-container .entry #imagesCarouselWrapper,
.ThreeDGraphicsCarousel .site-container .entry #imagesCarouselWrapper {
  margin: 0;
  z-index: 100;
  top: 59%;
  -webkit-transform: translateY(-59%);
          transform: translateY(-59%);
}
.VisualGraphicsCarousel .litebox-overlay .litebox-text,
.VisualGraphicsCarousel .litebox-overlay .litebox-text *,
.ThreeDGraphicsCarousel .litebox-overlay .litebox-text,
.ThreeDGraphicsCarousel .litebox-overlay .litebox-text * {
  font-weight: 300;
  line-height: 1.5em !important;
}

.VectorGraphicsCarousel .site-container .entry #imagesCarouselWrapper {
  top: 53%;
  -webkit-transform: translateY(-53%);
          transform: translateY(-53%);
}

.LogosBrushOff .n2-section-smartslider,
.LogosWagnerMiddleSchool .n2-section-smartslider,
.LogosBiotrax .n2-section-smartslider {
  left: 0;
  margin: auto;
  right: 0;
  width: 100vw;
}
.LogosBrushOff .site-container .entry #imagesCarouselWrapper,
.LogosWagnerMiddleSchool .site-container .entry #imagesCarouselWrapper,
.LogosBiotrax .site-container .entry #imagesCarouselWrapper {
  left: 0;
  margin: auto;
  right: 0;
  top: 48%;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  width: 90vw;
}
.LogosBrushOff .site-container .entry .n2-ss-slider .n2-ss-slider-wrapper-inside,
.LogosWagnerMiddleSchool .site-container .entry .n2-ss-slider .n2-ss-slider-wrapper-inside,
.LogosBiotrax .site-container .entry .n2-ss-slider .n2-ss-slider-wrapper-inside {
  width: 90vw;
  padding: 20px;
}

.single-portfolioposts .site-container {
  display: flex;
  flex: column;
  height: 100vh;
}
.single-portfolioposts .entry {
  background-color: transparent;
  margin: 20px 4vw 0 7vw;
  padding-left: 0;
  padding-right: 0;
}
.single-portfolioposts .entry h1 {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  margin: 0.5rem auto -0.5rem auto;
  max-width: 80%;
  text-align: center;
  width: 100%;
  padding-bottom: 16px;
}
.single-portfolioposts .entry h1::first-letter {
  color: #d43124;
}
.single-portfolioposts .entry .entry-content {
  display: flex;
  max-width: 1020px;
}
.single-portfolioposts .entry .entry-content p {
  margin: 0 auto 1em auto;
}
.single-portfolioposts .entry .entry-content .alignleft {
  margin: 0;
  max-width: 600px;
  width: 100%;
}
.single-portfolioposts .entry .entry-content .textBox {
  color: white;
  flex: 1 0 10em;
  font-family: "Roboto", sans-serif;
  font-size: 0.8em;
  font-weight: 300;
  line-height: 1.6em;
}
.single-portfolioposts .entry .entry-content .textBox p {
  padding: 0;
  margin: 0 3% 0.7em 2em;
}
.single-portfolioposts .entry .entry-content .textBox .firstPargraphWord {
  font-family: Play, Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding-right: 0.2em;
  text-transform: uppercase;
}
.single-portfolioposts .entry .entry-content .textBox ul {
  margin-left: 4em;
  margin-top: -0.5em;
}
.single-portfolioposts .entry .entry-content .textBox ul li {
  margin-bottom: 0.5em;
}

/*  Uses:; collapseScripts.js

    Using CSS Transitions on Auto Dimensions
    https://css-tricks.com/using-css-transitions-auto-dimensions/
    Modified from: #Technique 3: JavaScript
*/
.rt-content-loader .tilesSM {
  height: auto;
  margin-bottom: 10vh;
  overflow: hidden;
  transition: height 0.5s ease-out;
}

.page-id-46 .grecaptcha-badge {
  top: 82vh;
  visibility: visible;
  z-index: 1000;
}

.grecaptcha-badge {
  visibility: hidden;
}

.home #menuMain button#responsive-menu-pro-button {
  height: 90px;
  transition: all 0.6s ease;
}
.home #menuMain #responsive-menu-pro-wrapper {
  padding-top: 1.7em;
}

.single-portfolioposts button#responsive-menu-pro-button {
  background-color: transparent;
  height: 59px;
}
.single-portfolioposts button#responsive-menu-pro-button:hover {
  background-color: transparent;
}

#menuMain #responsive-menu-pro-wrapper,
#menuAdsNew #responsive-menu-pro-wrapper,
#menuArtwork #responsive-menu-pro-wrapper,
#menuBranding #responsive-menu-pro-wrapper,
#menuCaseStudies #responsive-menu-pro-wrapper,
#menuImagery #responsive-menu-pro-wrapper,
#menuLogos #responsive-menu-pro-wrapper,
#menuPrinting #responsive-menu-pro-wrapper,
#menuSalesTools #responsive-menu-pro-wrapper,
#menuWebsites #responsive-menu-pro-wrapper,
#menuSpecificPages #responsive-menu-pro-wrapper,
#menuBlogPages #responsive-menu-pro-wrapper,
#menuMainPages #responsive-menu-pro-wrapper,
.home #responsive-menu-pro-wrapper,
.single-post #responsive-menu-pro-wrapper,
.blog #responsive-menu-pro-wrapper,
.archive #responsive-menu-pro-wrapper,
.search #responsive-menu-pro-wrapper,
.page-template-portfolio-website #responsive-menu-pro-wrapper,
.page-template-portfolio-online #responsive-menu-pro-wrapper,
.page-template-portfolio-print #responsive-menu-pro-wrapper,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper {
  letter-spacing: 0.1em;
  width: 250px;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro,
.home #responsive-menu-pro-wrapper #responsive-menu-pro,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro,
.search #responsive-menu-pro-wrapper #responsive-menu-pro,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro {
  margin-top: 59px;
  padding-left: 20px;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.search #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item {
  width: auto;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.search #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-0 {
  padding-left: 20px;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.search #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-1 li {
  padding-left: 14px;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.search #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-submenu-depth-2 li {
  margin-left: -14px;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.search #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .depth-1 {
  padding-left: 12px;
}
#menuMain #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuAdsNew #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuArtwork #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuBranding #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuCaseStudies #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuImagery #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuLogos #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuPrinting #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuSalesTools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuWebsites #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuSpecificPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuBlogPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
#menuMainPages #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.single-post #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.blog #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.archive #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.search #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.page-template-portfolio-website #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.page-template-portfolio-online #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.page-template-portfolio-print #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link,
.page-template-portfolio-sales-tools #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
  border-top: none;
  text-transform: uppercase;
}

.home #responsive-menu-pro-wrapper #responsive-menu-pro li.responsive-menu-pro-item:first-child {
  border-top: 1px solid #999 !important;
}

#responsive-menu-pro-wrapper .navSpacer {
  display: block;
  height: 6px;
  visibility: hidden;
}
#responsive-menu-pro-wrapper .navSpacer2 {
  color: #4cd1d7;
  display: block;
  font-size: 11px;
  font-weight: 700;
  height: 32px;
}
#responsive-menu-pro-wrapper .wrap-2 {
  display: block;
  line-height: 1.4em;
  margin-left: 10px;
  padding-bottom: 6px;
  padding-top: 8px;
  width: 200px;
}

.wrap-1 {
  display: block;
  line-height: 1.4em;
  padding-left: 8px !important;
  width: 200px;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
  height: auto !important;
  padding-left: 10px !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-2 a.responsive-menu-pro-item-link {
  padding-bottom: 6px;
  padding-top: 8px;
}

#responsive-menu-pro-item-1286 a {
  display: block;
  line-height: 1.6em !important;
  width: auto;
}

#menuLogos #responsive-menu-pro-item-1107 a.responsive-menu-pro-item-link:link, #menuLogos #responsive-menu-pro-item-1107 a.responsive-menu-pro-item-link:visited, #menuLogos #responsive-menu-pro-item-1107 a.responsive-menu-pro-item-link:hover,
#menuLogos #responsive-menu-pro-item-1048 a.responsive-menu-pro-item-link:link,
#menuLogos #responsive-menu-pro-item-1048 a.responsive-menu-pro-item-link:visited,
#menuLogos #responsive-menu-pro-item-1048 a.responsive-menu-pro-item-link:hover,
#menuImagery #responsive-menu-pro-item-1107 a.responsive-menu-pro-item-link:link,
#menuImagery #responsive-menu-pro-item-1107 a.responsive-menu-pro-item-link:visited,
#menuImagery #responsive-menu-pro-item-1107 a.responsive-menu-pro-item-link:hover,
#menuImagery #responsive-menu-pro-item-1048 a.responsive-menu-pro-item-link:link,
#menuImagery #responsive-menu-pro-item-1048 a.responsive-menu-pro-item-link:visited,
#menuImagery #responsive-menu-pro-item-1048 a.responsive-menu-pro-item-link:hover {
  background-color: #3e4050;
  color: #ffe055 !important;
  cursor: default;
}

#responsive-menu-pro-item-2008,
#responsive-menu-pro-item-1840,
#responsive-menu-pro-item-598,
#responsive-menu-pro-item-1903,
#responsive-menu-pro-item-1910,
#responsive-menu-pro-item-1902 {
  border-top: 1px solid #999;
}

#responsive-menu-pro-item-1049 a.responsive-menu-pro-item-link,
#responsive-menu-pro-item-1136 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuPrinting #responsive-menu-pro-item-1008 a.responsive-menu-pro-item-link,
#menuPrinting #responsive-menu-pro-item-1405 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuImagery #responsive-menu-pro-item-1904 a.responsive-menu-pro-item-link,
#menuImagery #responsive-menu-pro-item-1398 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuWebsites #responsive-menu-pro-item-2025 a.responsive-menu-pro-item-link,
#menuWebsites #responsive-menu-pro-item-1413 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuAdsNew #responsive-menu-pro-item-2064 a.responsive-menu-pro-item-link,
#menuAdsNew #responsive-menu-pro-item-1402 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuLogos #responsive-menu-pro-item-1901 a.responsive-menu-pro-item-link,
#menuLogos #responsive-menu-pro-item-1106 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#homeLink #responsive-menu-pro-item-1991 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuBlogPost #responsive-menu-pro-item-1423 a.responsive-menu-pro-item-link,
#menuBlogPost #responsive-menu-pro-item-2011 a.responsive-menu-pro-item-link,
#menuBlogPost #responsive-menu-pro-item-2016 a.responsive-menu-pro-item-link,
#menuBlogPost #responsive-menu-pro-item-1433 a.responsive-menu-pro-item-link,
#menuBlogPost #responsive-menu-pro-item-2016 a.responsive-menu-pro-item-link,
#menuBlogBackTo #responsive-menu-pro-item-1423 a.responsive-menu-pro-item-link,
#menuBlogBackTo #responsive-menu-pro-item-2011 a.responsive-menu-pro-item-link,
#menuBlogBackTo #responsive-menu-pro-item-2016 a.responsive-menu-pro-item-link,
#menuBlogBackTo #responsive-menu-pro-item-1433 a.responsive-menu-pro-item-link,
#menuBlogBackTo #responsive-menu-pro-item-2016 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuArtwork #responsive-menu-pro-item-1943 a.responsive-menu-pro-item-link,
#menuArtwork #responsive-menu-pro-item-1994 a.responsive-menu-pro-item-link {
  background-color: transparent !important;
  cursor: default;
}

#menuWebsites #responsive-menu-pro-container #responsive-menu-pro-item-1166 a,
#menuWebsites #responsive-menu-pro-container #responsive-menu-pro-item-606 a,
#menuWebsites #responsive-menu-pro-container #responsive-menu-pro-item-1900 a,
#menuAdsNew #responsive-menu-pro-container #responsive-menu-pro-item-1166 a,
#menuAdsNew #responsive-menu-pro-container #responsive-menu-pro-item-606 a,
#menuAdsNew #responsive-menu-pro-container #responsive-menu-pro-item-1900 a,
#menuPrinting #responsive-menu-pro-container #responsive-menu-pro-item-1166 a,
#menuPrinting #responsive-menu-pro-container #responsive-menu-pro-item-606 a,
#menuPrinting #responsive-menu-pro-container #responsive-menu-pro-item-1900 a {
  padding-bottom: 0.4em;
  cursor: default;
}
#menuWebsites #responsive-menu-pro-container #responsive-menu-pro-item-1166 a:hover,
#menuWebsites #responsive-menu-pro-container #responsive-menu-pro-item-606 a:hover,
#menuWebsites #responsive-menu-pro-container #responsive-menu-pro-item-1900 a:hover,
#menuAdsNew #responsive-menu-pro-container #responsive-menu-pro-item-1166 a:hover,
#menuAdsNew #responsive-menu-pro-container #responsive-menu-pro-item-606 a:hover,
#menuAdsNew #responsive-menu-pro-container #responsive-menu-pro-item-1900 a:hover,
#menuPrinting #responsive-menu-pro-container #responsive-menu-pro-item-1166 a:hover,
#menuPrinting #responsive-menu-pro-container #responsive-menu-pro-item-606 a:hover,
#menuPrinting #responsive-menu-pro-container #responsive-menu-pro-item-1900 a:hover {
  background-color: transparent;
}

.home #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link, .home #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited, .home #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.single-portfolio-work #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.single-portfolio-work #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.single-portfolio-work #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.blog #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.blog #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.blog #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.blog-page #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.blog-page #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.blog-page #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.single-post #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.single-post #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.single-post #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.specific-pages #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.specific-pages #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.specific-pages #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.archive #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.archive #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.archive #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover,
.search #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:link,
.search #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:visited,
.search #responsive-menu-pro #responsive-menu-pro-item-2023 a.responsive-menu-pro-item-link:hover {
  background-color: #3e4050;
  color: #ffe055;
  cursor: default;
}

.navHeaderMainSmallScrollMagic .site-header {
  background-color: rgba(255, 255, 255, 0.6);
  height: 5.94rem;
  background-position: 3rem 0.7rem;
  background-repeat: no-repeat;
  background-size: auto 43px;
  margin: 0;
  padding: 0;
}
.navHeaderMainSmallScrollMagic .site-header .logo1 {
  height: 100%;
  left: 3.96%;
  margin: 0;
  padding: 0;
  top: 8px;
  width: 171.6px;
}
.navHeaderMainSmallScrollMagic .site-header .logo1 img {
  max-width: 100%;
  width: 100%;
}
.navHeaderMainSmallScrollMagic button#responsive-menu-pro-button {
  height: 59px !important;
  transition: all 0.6s ease;
}
.navHeaderMainSmallScrollMagic #responsive-menu-pro-container {
  margin-top: -30px;
}
.navHeaderMainSmallScrollMagic .site-container .site-footer {
  color: #000;
  transition: all 0.6s ease;
}

.portfolio .wrapperGrid .rt-row .portfolioNavSM {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}

.portfolio .wrapperGrid .rt-row .tilesSM {
  opacity: 1;
}

#primary {
  top: -100px;
}
.specific-pages {
  padding-bottom: 0;
}
.specific-pages .site-header {
  background-color: #fff;
  border-bottom: 1px solid #d5d5d5;
  height: 5.9rem;
  opacity: 0.75;
}
.specific-pages .site-inner {
  font-size: 0.7em;
}
.specific-pages .site-inner h1 {
  color: #666;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.6rem;
  margin: 0 auto;
  padding-bottom: 16px;
  padding-top: 0.5em;
  text-align: center;
  width: 100%;
}
.specific-pages .site-inner .content {
  padding: 0 1% 0 5%;
  width: 100%;
}
.specific-pages .site-inner .content .entry {
  background-color: transparent;
}
.specific-pages .site-inner .content .entry .entry-content {
  border-radius: 0.5em;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto 1em auto;
  padding: 0 6vw;
  width: 96%;
  max-width: 1200px;
}
.specific-pages .site-inner .content .entry .entry-content h2 {
  color: #009ea4;
  font-family: Play, Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  padding: 1em 0 0;
}
.specific-pages img {
  align-self: center;
}
.specific-pages .textBox {
  color: white;
  flex: 1 0 10em;
  font-size: 0.7em;
  line-height: 1.6em;
  padding: 6em 0 0 2em;
}
.specific-pages .textBox ul {
  margin-left: 1.5em;
}
.specific-pages .textBox ul li {
  line-height: 1.3em;
  margin-bottom: 1em;
}
.specific-pages .textBox p {
  margin: 0.8em 0;
  padding: 0;
}
.specific-pages .textBox .firstPargraphWord {
  font-family: Play, Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.page-id-2348 {
  background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
  background-color: #222222 !important;
  background-size: 16px 16px;
  opacity: 1;
}
.page-id-2348 article {
  background-color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.1em;
  font-weight: 300;
}
.page-id-2348 h1 {
  color: springgreen;
  font-family: Rajdhani, Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
}
.page-id-2348 p {
  color: aqua;
}
.page-id-2348 .content {
  float: none;
  margin: 0 auto;
  padding: 0 14vw;
  position: relative;
  text-align: center;
  top: 16vh;
}
.page-id-2348 .entry-content {
  color: #fff;
}
.page-id-2348 .entry-content p a {
  color: #009ea4;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
}
.page-id-2348 .entry-content p a:hover {
  color: #d43124;
}
.page-id-2348 .site-footer {
  bottom: 0;
  position: fixed;
}

/*
NOTES FROM Tusday AUG 10, 2016
Disabled singles.scss file 
Work on developing media quieries here and portfolio.scss pages
*/
@media screen and (min-width: 769px) and (max-width: 992px) {
  .single-portfolioposts .site-container {
    display: flex;
    flex-direction: column;
  }
  .single-portfolioposts .entry .entry-content {
    flex-direction: column;
    max-width: 768px;
    width: 100%;
  }
  .single-portfolioposts .entry .entry-content .alignleft {
    margin-bottom: 0;
  }
  .single-portfolioposts .entry .entry-content .textBox {
    font-size: 0.8em;
    margin: 0 auto;
    max-width: 735px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .single-portfolioposts .site-container {
    display: flex;
    flex-direction: column;
  }
  .single-portfolioposts .entry .entry-content {
    flex-direction: column;
    max-width: 768px;
    width: 100%;
  }
  .single-portfolioposts .entry .entry-content .alignleft {
    margin-bottom: 0;
  }
  .single-portfolioposts .entry .entry-content .textBox {
    font-size: 0.8em;
    margin: 0 auto;
    max-width: 735px;
    padding: 0 4vw 0 3vw;
  }
}
@media screen and (max-width: 480px) {
  .single-portfolioposts .site-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }
  .single-portfolioposts .entry {
    margin: 0;
    padding: 70px 0 0 0;
  }
  .single-portfolioposts .entry h1 {
    font-size: 1.1em;
    line-height: 1.1em;
  }
  .single-portfolioposts .entry .entry-content {
    flex-direction: column;
    margin: auto;
    width: 90%;
  }
  .single-portfolioposts .entry .entry-content .alignleft {
    margin: 0;
  }
  .single-portfolioposts .entry .entry-content .textBox {
    font-size: 0.7em;
    margin-bottom: 30px;
  }
  .single-portfolioposts .entry .entry-content .textBox p {
    margin: 0.5em 3% 0 4%;
  }
  .single-portfolioposts .site-footer {
    position: relative;
  }
}
@media screen and (min-width: 341px) and (max-width: 480px) {
  .entry-content #imageCarousels {
    font-size: 10px;
    padding: 0.5em 0 0.1em 0;
    text-transform: uppercase;
  }
  .entry-content #imageCarousels a {
    padding: 0 1vw;
  }
  .entry-content #imageCarousels a:hover {
    padding: 0.8em 1em 0.5em 1em;
  }
  .entry-content #imageCarousels .current {
    background-color: rgba(211, 211, 211, 0.3);
    padding: 0.8em 1em 0.5em 1em;
  }
}
@media screen and (max-width: 340px) {
  .entry-content #imageCarousels {
    font-size: 9px;
    padding: 0.5em 0 0.1em 0;
    text-transform: uppercase;
  }
  .entry-content #imageCarousels a {
    padding: 0 1vw;
  }
  .entry-content #imageCarousels a:hover {
    padding: 0.8em 1em 0.5em 1em;
  }
  .entry-content #imageCarousels .current {
    background-color: rgba(211, 211, 211, 0.3);
    padding: 0.8em 1em 0.5em 1em;
  }
}
@media screen and (min-height: 741px) and (max-height: 900px) and (orientation: portrait) {
  .VectorGraphicsCarousel .n2-ss-slider-1,
.ThreeDGraphicsCarousel .n2-ss-slider-1 {
    top: -6vh;
  }
  .VectorGraphicsCarousel .n2-ss-control-bullet,
.ThreeDGraphicsCarousel .n2-ss-control-bullet {
    top: -2vh;
  }
}
@media screen and (min-height: 571px) and (max-height: 740px) and (orientation: portrait) {
  .VectorGraphicsCarousel .n2-ss-slider-1,
.ThreeDGraphicsCarousel .n2-ss-slider-1 {
    top: 2vh;
  }
  .VectorGraphicsCarousel .n2-ss-control-bullet,
.ThreeDGraphicsCarousel .n2-ss-control-bullet {
    top: 8vh;
  }
}
@media screen and (max-height: 570px) and (orientation: portrait) {
  .VectorGraphicsCarousel .n2-ss-slider-1,
.ThreeDGraphicsCarousel .n2-ss-slider-1 {
    top: 30px;
  }
  .VectorGraphicsCarousel .n2-ss-control-bullet,
.ThreeDGraphicsCarousel .n2-ss-control-bullet {
    top: 60px;
  }
}
@media screen and (min-height: 741px) and (max-height: 900px) and (orientation: portrait) {
  .VisualGraphicsCarousel .n2-ss-slider-1 {
    top: -2vh;
  }
}
@media screen and (min-height: 671px) and (max-height: 740px) and (orientation: portrait) {
  .VisualGraphicsCarousel .n2-ss-slider-1 {
    top: 3vh;
  }
  .VisualGraphicsCarousel .n2-ss-control-bullet {
    top: 39vh;
  }
}
@media screen and (min-height: 571px) and (max-height: 670px) and (orientation: portrait) {
  .VisualGraphicsCarousel .n2-ss-slider-1 {
    top: 8vh;
  }
  .VisualGraphicsCarousel .n2-ss-control-bullet {
    top: 44vh;
  }
}
@media screen and (max-height: 669px) and (orientation: portrait) {
  .VisualGraphicsCarousel .n2-ss-slider-1 {
    top: 70px;
  }
  .VisualGraphicsCarousel .n2-ss-slider .n2-ss-widget {
    top: 60px;
  }
}
/* NOTE ABOUT IMAGES: August 21, 2019
   img.aligcenter and img.alignnone Purposely did not style size
   However, may need revisiting as blogs become more complex
   Type will not run around images. WordPress's codding
*/
/* MAIN NOTES: August 13, 2019
Need to work out the particulars for all Blog sheets
The media queries for each Blog type need to be further worked out: Blog, Archive, Serch, Indvidual page
*/
@media screen and (min-width: 481px) and (max-width: 768px) {
  .index-page .entry-header,
.search .entry-header,
.archive .entry-header,
.single-post .entry-header {
    margin: 0 auto;
    width: 86%;
  }
  .index-page .site-inner img.alignleft,
.index-page .site-inner img.alignright,
.search .site-inner img.alignleft,
.search .site-inner img.alignright,
.archive .site-inner img.alignleft,
.archive .site-inner img.alignright,
.single-post .site-inner img.alignleft,
.single-post .site-inner img.alignright {
    width: 200px;
  }
}
@media screen and (min-width: 376px) and (max-width: 480px) {
  .index-page p a:link, .index-page p a:visited,
.search p a:link,
.search p a:visited,
.archive p a:link,
.archive p a:visited,
.single-post p a:link,
.single-post p a:visited {
    line-height: 0;
  }
  .index-page .entry-header,
.search .entry-header,
.archive .entry-header,
.single-post .entry-header {
    margin: 0 auto;
    width: 86%;
  }
  .index-page .wp-caption,
.search .wp-caption,
.archive .wp-caption,
.single-post .wp-caption {
    text-align: center;
    width: 100% !important;
  }
  .index-page .site-inner img.alignleft,
.index-page .site-inner img.alignright,
.search .site-inner img.alignleft,
.search .site-inner img.alignright,
.archive .site-inner img.alignleft,
.archive .site-inner img.alignright,
.single-post .site-inner img.alignleft,
.single-post .site-inner img.alignright {
    width: 54%;
  }
  .index-page .site-container,
.search .site-container,
.archive .site-container,
.single-post .site-container {
    font-size: 0.9em;
  }
  .index-page .site-container .site-footer,
.search .site-container .site-footer,
.archive .site-container .site-footer,
.single-post .site-container .site-footer {
    padding: initial;
    position: relative;
  }
  .index-page .site-container .site-footer #menu-menu-footer,
.search .site-container .site-footer #menu-menu-footer,
.archive .site-container .site-footer #menu-menu-footer,
.single-post .site-container .site-footer #menu-menu-footer {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  .entry-header {
    margin: 0 auto;
    width: 86%;
  }

  .index-page .site-container,
.search .site-container,
.archive .site-container,
.single-post .site-container {
    font-size: 0.8em;
  }
  .index-page p a:link, .index-page p a:visited,
.search p a:link,
.search p a:visited,
.archive p a:link,
.archive p a:visited,
.single-post p a:link,
.single-post p a:visited {
    font-size: 1.1em;
    line-height: 0;
  }
  .index-page .site-inner img.alignleft,
.index-page .site-inner img.alignright,
.search .site-inner img.alignleft,
.search .site-inner img.alignright,
.archive .site-inner img.alignleft,
.archive .site-inner img.alignright,
.single-post .site-inner img.alignleft,
.single-post .site-inner img.alignright {
    width: 96%;
  }
  .index-page .site-container,
.search .site-container,
.archive .site-container,
.single-post .site-container {
    font-size: 0.9em;
  }
  .index-page .site-container .site-footer,
.search .site-container .site-footer,
.archive .site-container .site-footer,
.single-post .site-container .site-footer {
    padding: initial;
    position: relative;
  }
  .index-page .site-container .site-footer #menu-menu-footer,
.search .site-container .site-footer #menu-menu-footer,
.archive .site-container .site-footer #menu-menu-footer,
.single-post .site-container .site-footer #menu-menu-footer {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .single-post .site-inner {
    min-height: 100vh;
  }
  .single-post .site-inner .content {
    margin-top: 60px;
  }

  .archive .site-inner .content .archive-description,
.search .site-inner .content .archive-description {
    margin-top: 0;
  }
  .archive .site-inner .content .archive-description h1,
.search .site-inner .content .archive-description h1 {
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 1em;
    line-height: 1em;
    max-width: 100%;
    padding: 10px 0;
    position: fixed;
  }
  .archive .site-inner .content .entry .entry-header h2 a,
.search .site-inner .content .entry .entry-header h2 a {
    font-size: 0.9em;
  }

  .search .site-inner,
.index-page .site-inner,
.single-post .site-inner {
    height: auto;
    margin: 0;
    min-height: 100vh;
    padding: 0;
  }
  .search .site-inner .content,
.index-page .site-inner .content,
.single-post .site-inner .content {
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
  }
  .search .site-inner .content .archive-description h1,
.index-page .site-inner .content .archive-description h1,
.single-post .site-inner .content .archive-description h1 {
    background-color: orange !important;
  }
  .search .site-inner .content .entry .entry-content,
.index-page .site-inner .content .entry .entry-content,
.single-post .site-inner .content .entry .entry-content {
    width: 86%;
  }
  .search .site-inner .content ul,
.index-page .site-inner .content ul,
.single-post .site-inner .content ul {
    margin: 0 auto;
    width: 86%;
  }
  .search .site-inner .sidebar-primary,
.index-page .site-inner .sidebar-primary,
.single-post .site-inner .sidebar-primary {
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
}
/*
August 29, 2019
Media Queries for Home Page: page-template-page_landing-2
Note: Used the page id (.page-id-1618) instead of  .page-template-page_landing-2 because I expect to change the template name
*/
@media screen and (min-width: 993px) {
  .page-id-1618 div#n2-ss-20 .n2-style-ab0799aeef13350629c62a761f0de24d-heading {
    padding: 0 15vw;
    font-size: 0.9em;
  }
}
@media screen and (min-width: 381px) and (max-width: 480px) {
  .rt-content-loader .tilesSM {
    margin-bottom: 0;
    overflow: hidden;
    transition: height 0.5s ease-out;
  }

  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    padding: 0;
    padding: 0.4em 0;
    -webkit-transform: none;
            transform: none;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .tpg-excerpt {
    color: #3e3e3e;
    font-size: 0.7em;
    font-weight: 700;
    margin-top: -2em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .read-more {
    background-color: rgba(0, 158, 164, 0.7);
    border: 1px solid rgb(0, 158, 164);
    border-radius: 6px;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .read-more a {
    font-size: 0.7em;
  }
}
@media screen and (min-width: 321px) and (max-width: 380px) {
  .rt-content-loader .tilesSM {
    margin-bottom: 0;
    overflow: hidden;
    transition: height 0.5s ease-out;
  }

  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    padding: 0;
    padding: 0.2em 0;
    -webkit-transform: none;
            transform: none;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .tpg-excerpt {
    color: #3e3e3e;
    font-size: 0.7em;
    font-weight: 700;
    margin-bottom: 1.6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .read-more {
    background-color: rgba(0, 158, 164, 0.7);
    border: 1px solid rgb(0, 158, 164);
    border-radius: 3px;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .read-more a {
    font-size: 0.7em;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .page-id-1618 .site-header {
    background-position: 3rem;
  }
  .page-id-1618 .navHeaderMainSmallScrollMagic .site-header {
    background-position: 2rem 1.8rem;
    background-size: auto 55px;
  }
  .page-id-1618 .coverPage h1 {
    font-size: 1.5em;
    margin-top: -6vh;
    padding: 0 5vw;
  }
  .page-id-1618 .coverPage h2 {
    font-size: 0.9em;
    margin-top: 2vh;
  }
  .page-id-1618 .aboutUs .aboutMainWrapper .entry-content {
    padding-bottom: 0;
  }
  .page-id-1618 .aboutUs .aboutMainWrapper .entry-content .aboutHeaderHome {
    font-size: 1.4em;
    padding: 0.2em 0 0.1em 0;
  }
  .page-id-1618 .aboutUs .aboutMainWrapper .entry-content .aboutBodyHome {
    font-size: 0.85em;
    font-weight: 400;
  }
  .page-id-1618 #toPortfolio {
    min-height: 100vh;
  }
  .page-id-1618 #toPortfolio .portfolioWrapper .filter-button-group button {
    font-size: 0.8em;
    line-height: 0;
    margin: 0 0.4em;
    padding: 0.6em 0 0.6em 0;
  }
  .page-id-1618 #toPortfolio .portfolioWrapper .filter-button-group button:nth-child(-n+4) {
    margin-top: 0.3em;
    padding: 1em 0.4em 0.8em 0.4em;
  }
  .page-id-1618 #toPortfolio .portfolioWrapper .filter-button-group button:nth-child(n+5) {
    margin: 0 1em 0.3em 0.4em;
    padding: 1em 0.4em 0.8em 0.4em;
  }
  .page-id-1618 .site-footer {
    bottom: initial;
    position: relative;
  }
  .page-id-1618 .site-footer .genesis-nav-menu {
    margin: 0 auto;
    width: 90vw;
  }
}
@media screen and (max-width: 320px) {
  .page-id-1618 .site-header {
    background-position: 0.8rem;
  }
  .page-id-1618 .navHeaderMainSmallScrollMagic .site-header {
    background-position: 2rem 1.8rem;
    background-size: auto 55px;
  }
  .page-id-1618 .coverPage h1 {
    font-size: 1.3em;
    margin-top: -6vh;
    padding: 0 5vw;
  }
  .page-id-1618 .coverPage h2 {
    font-size: 0.9em;
    margin-top: 2vh;
  }
  .page-id-1618 .aboutUs {
    padding-bottom: 3vh;
  }
  .page-id-1618 .aboutUs .aboutMainWrapper .entry-content {
    margin-bottom: -2.5em;
  }
  .page-id-1618 .aboutUs .aboutMainWrapper .entry-content .aboutHeaderHome {
    font-size: 1.4em;
    padding: 0.2em 0 0.4em 0;
  }
  .page-id-1618 .aboutUs .aboutMainWrapper .entry-content .aboutBodyHome {
    font-size: 0.7em;
    font-weight: 400;
  }
  .page-id-1618 .aboutUs #clientLogosWrapper .container .client-logo:nth-child(n+9) {
    display: none;
  }
  .page-id-1618 #toPortfolio {
    min-height: 100vh;
  }
  .page-id-1618 #toPortfolio .portfolioWrapper .filter-button-group button {
    font-size: 0.7em;
    line-height: 0;
    margin: 0 0.4em;
    padding: 0.6em 0 0.6em 0;
  }
  .page-id-1618 #toPortfolio .portfolioWrapper .filter-button-group button:nth-child(-n+4) {
    margin-top: 0.3em;
    padding: 1em 0.4em 0.8em 0.4em;
  }
  .page-id-1618 #toPortfolio .portfolioWrapper .filter-button-group button:nth-child(n+5) {
    margin: 0 1em 0.3em 0.4em;
    padding: 1em 0.4em 0.8em 0.4em;
  }
  .page-id-1618 .site-footer {
    bottom: initial;
    position: relative;
  }
  .page-id-1618 .site-footer .genesis-nav-menu {
    margin: 0 auto;
    width: 90vw;
  }

  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    padding: 0;
    margin-top: -0.2em;
    -webkit-transform: none;
            transform: none;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .tpg-excerpt {
    color: #3e3e3e;
    font-size: 0.7em;
    font-weight: 700;
    margin-top: -2em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .read-more {
    background-color: rgba(0, 158, 164, 0.7);
    border: 1px solid rgb(0, 158, 164);
    border-radius: 3px;
    font-size: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  .page-id-46 .entry {
    margin: 0;
    padding: 60px 0 0 0;
  }
  .page-id-46 .entry .wpcf7-form {
    width: 90%;
  }
  .page-id-46 .site-footer {
    display: none;
  }
}
@media screen and (min-width: 341px) and (max-width: 400px) {
  .page-id-46 h1 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 340px) {
  .page-id-46 h1 {
    font-size: 2.4rem;
  }
  .page-id-46 .entry .entry-content {
    font-size: 0.9em;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    padding: 0;
    padding: 0.2em 0;
    -webkit-transform: none;
            transform: none;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .tpg-excerpt {
    color: #3e3e3e;
    font-size: 0.9em;
    font-weight: 700;
    margin-bottom: 1.1em;
    padding-left: 0.6em;
    padding-right: 0.6em;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .read-more {
    background-color: rgba(0, 158, 164, 0.7);
    border: 1px solid rgb(0, 158, 164);
    border-radius: 3px;
  }
  #toPortfolio .portfolioWrapper .rt-row .rt-tpg-isotope .post-info .read-more a {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 480px) {
  .page-id-1835 .entry,
.page-id-1324 .entry {
    margin: 0 0 20px 0;
    padding: 60px 0 0 0;
  }
  .page-id-1835 .entry .entry-content,
.page-id-1324 .entry .entry-content {
    margin: 10px auto 0 auto;
    padding: 4vw 4vw 4vw 5vw;
    width: 80vw;
  }
  .page-id-1835 .site-footer,
.page-id-1324 .site-footer {
    display: none;
  }
}
@media screen and (min-width: 341px) and (max-width: 400px) {
  .page-id-1835 h1,
.page-id-1324 h1 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 340px) {
  .page-id-1835 h1,
.page-id-1324 h1 {
    font-size: 2.4rem;
  }
  .page-id-1835 h2,
.page-id-1324 h2 {
    font-size: 1.6rem;
  }
  .page-id-1835 .entry .entry-content,
.page-id-1324 .entry .entry-content {
    font-size: 0.9em;
  }
}
body {
  background: #ffffff;
}

.page-id-2247 h1,
.page-id-2268 h1,
.page-id-2283 h1 {
  font-weight: 300;
  margin-top: 70px;
  margin-bottom: 20px;
  text-align: center;
}
.page-id-2247 .entry,
.page-id-2268 .entry,
.page-id-2283 .entry {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
}
.page-id-2247 .sidebar,
.page-id-2268 .sidebar,
.page-id-2283 .sidebar {
  display: none;
}
.page-id-2247 .wp-video,
.page-id-2268 .wp-video,
.page-id-2283 .wp-video {
  margin: auto;
}
.page-id-2247 .site-header,
.page-id-2268 .site-header,
.page-id-2283 .site-header {
  background-color: rgba(255, 255, 255, 0.2);
  height: 59px;
}
.page-id-2247 .site-header .wrap,
.page-id-2268 .site-header .wrap,
.page-id-2283 .site-header .wrap {
  background-image: url("images/logo-svg-b.svg");
  background-position: 3rem 0.7rem;
  background-repeat: no-repeat;
  background-size: auto 43px;
  height: 59px;
  position: absolute;
  width: 300px;
}
.page-id-2247 .site-header .wrap .logoLink,
.page-id-2268 .site-header .wrap .logoLink,
.page-id-2283 .site-header .wrap .logoLink {
  height: 59px;
  position: absolute;
  top: 0;
  width: 300px;
}

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