@charset "UTF-8";
/* Vendors*/
/* Vendors Extensions*/
/* Base */
html {
  font-size: 10px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* hello */
body {
  height: 100%;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
  overflow-x: hidden;
  font-size: 14px;
}

/* Globals *****/
.clear {
  clear: both;
}

.black-divider {
  height: 0.714em;
  background: #333333;
}

.red-divider {
  height: 0.714em;
  background: #cc3333;
}

/* ------------------------------------------------------- 
*
*     Typography 
* 
* ---------------------------------------------------------------    */
/* Headers */
h1, .h1 {
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
}

h2, .h2 {
  font-size: 1.5em;
  font-weight: 700;
}

h3, .h3 {
  font-size: 1.7em;
  line-height: 1.456788em;
}

h4, .h4 {
  font-size: 1.2em;
}

h5, .h5 {
  font-size: 0.83em;
}

h6, .h6 {
  font-size: 0.75em;
}

/* Paragraphs */
p {
  padding: 0 0 0.2em;
}

p.body-copy {
  font-family: "Goudy Bookletter 1911", Georgia, Times, serif;
}

/* Links */
a {
  font-size: 1em;
  color: #cc3333;
  text-decoration: none;
}

a:hover {
  color: #993333;
}

a.number {
  font-family: "Open Sans", "Raleway", sans-serif;
}

a:hover,
a:visited,
a:active {
  text-decoration: none;
}

a.white {
  color: #ffffff;
}

.link-arrow {
  padding-left: 0.357em;
}

a:focus, a:hover {
  color: #993333;
  text-decoration: none;
}

/* Lists */
li {
  font-family: "Raleway", sans-serif;
  font-weight: 900;
}

.light-font {
  font-weight: 300;
}

p.body-copy,
span.body-copy,
label.body-copy {
  font-size: 1.3em;
  font-weight: 400;
  color: #333333;
}

label.body-copy {
  color: #333333;
}

span.number-enlarge {
  font-size: 1.143em;
}

.ten-enlarge {
  color: #cc3333;
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

/*  Color classes  */
p.black {
  color: #333333;
}

p.white {
  color: #ffffff;
}

h2.white-h2 {
  color: #ffffff;
}

span.white {
  color: #ffffff;
}

h2.black {
  color: #333333;
}

b.white {
  color: #ffffff;
}

.red {
  color: #cc3333;
}

.align-left {
  text-align: left;
}

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

/* --------------------------------------------- End of Typography */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  html {
    font-size: 11px;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
  html {
    font-size: 12px;
  }
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  html {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  html {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  html {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  h1, .h1 {
    font-size: 2.5em;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
@media (min-width: 1800px) {
  /*------  Start of 1800px Media Query */
}
@media (min-width: 1900px) {
  /*------  Start of 1900px Media Query */
}
@media (min-width: 2560px) {
  /*------  Start of 2560px Media Query */
  html {
    font-size: 16px;
  }
}
/* Components */
/*  -------------------------------------------------------  
*
*   Buttons
*
*---------------------------------------------   */
.twinsight-form input[type=submit]:hover {
  border: 1px solid #cc3333;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border: 0.714em solid rgba(255, 255, 255, 0.2);
}

.email-signup-bg input[type=submit] {
  font-size: 1em;
}

span.hide-button-text-on-mobile {
  display: none;
}

.button-primary,
.button-red-border {
  font-size: 0.6em;
  padding: 1.071em 1.429em;
  border-radius: 0;
  font-family: "Raleway";
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.42857143;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  /* border: 1px solid transparent; */
}

.button-primary {
  background: #cc3333;
  padding: 1.3em 0em 1.3em 0em;
  color: #fff;
  border: 0.714em solid rgba(255, 255, 255, 0.2);
  margin-bottom: 4em;
}

.button-red-border {
  width: 100%;
  padding: 0.8em 1.3em;
  background: #ffffff;
  color: #cc3333;
  border: 1px solid #cc3333;
  margin-top: 1em;
  border-radius: 0.357em;
  -moz-border-radius: 0.357em;
  -webkit-border-radius: 0.357em;
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 0.071em rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 3em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-forward span {
  text-align: left;
}

.hvr-icon-forward:before {
  content: "";
  position: absolute;
  right: 2em;
  /*top:0;*/
  padding: 0 0.071em;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

/* Home Page Buttons */
.index-hero-btn {
  width: 80%;
}

.index-section2-btn {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

.index-form-submit-btn {
  width: 100%;
  font-size: 1em;
  padding: 1em;
}

/* Services Page Buttons */
.services-hero-btn {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

.services-btn {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

.services-page-body-container .hvr-icon-forward:before {
  left: 20.5em;
  top: 1em;
}

.service-hero-btn {
  width: 100%;
  font-size: 1em;
}

/* Service Page Buttons */
.service-form-btn {
  width: 100%;
}

/* Company Page Buttons */
.company-team-button {
  width: 100%;
  font-size: 0.8em;
}

/* Contact Page Buttons */
.contact-form-btn {
  width: 100%;
  font-size: 1em;
  padding: 1em;
  font-size: 0.8em;
}

.divisional-contact-btn {
  width: 100%;
  font-size: 1em;
  text-transform: lowercase;
}

/* Footer Button */
.footer-subscribe-btn {
  font-size: 0.8em;
  padding: 0.5em 2em;
  border: 0.286em solid rgba(255, 255, 255, 0.4);
  margin: 0 0 3em 0;
}

.footer-form input[type=submit]:hover {
  border: 0.286em solid rgba(255, 255, 255, 0.4);
}

/* Speaking Button */
.speaking-btn {
  width: 100%;
  font-size: 0.8em;
}

/* Recent Posts Button */
.recent-posts-cta-button {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

/* ------------------------------------------
*
*   CTA One include php (mobile first)
*
*-------------------------------------------- */
.cta-one {
  padding: 1em;
  margin: 2em 1em 0;
  z-index: 10000;
  position: relative;
}

.cta-one h3,
.cta-one p {
  color: #FFFFFF;
  display: block;
}

.cta-one a {
  width: 100%;
  font-size: 1.2em;
}

.cta-one .row h3 {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .index-form-submit-btn {
    width: 50%;
  }

  .contact-form-btn {
    width: 70%;
    padding: 1em;
    font-size: 1em;
  }

  .service-hero-btn {
    width: 70%;
  }

  .services-hero-btn {
    width: 50%;
  }

  .speaking-btn {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .services-hero-btn {
    width: 40%;
    font-size: 0.689em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .button-primary:hover {
    background: #333333;
    color: #fff;
  }

  .twinsight-form input[type=submit]:hover {
    border: 1px solid #cc3333;
    background: rgba(255, 51, 51, 0.1);
    color: #cc3333;
  }

  .index-section2-btn {
    width: 40%;
  }

  .hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  /* Back Pulse */
  @-webkit-keyframes hvr-back-pulse {
    50% {
      background-color: rgba(153, 51, 51, 0.75);
    }
  }
  @keyframes hvr-back-pulse {
    50% {
      background-color: rgba(153, 51, 51, 0.75);
    }
  }
  .hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
  }

  .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #cc3333;
    background-color: #993333;
    color: white;
  }

  .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  /* Buzz Out */
  @-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  .hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  }

  .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .services-btn {
    width: 70%;
  }

  .recent-posts-cta-button {
    width: 30%;
  }

  a.service-hero-btn {
    width: 70%;
    font-size: 0.7em;
  }

  .service-hero-button {
    font-size: 1em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  a.service-hero-btn {
    width: 50%;
  }
}
/* ------------------------------------------------------- 
*
*     Forms
* 
* ---------------------------------------------------------------    */
.form-control {
  font-size: 16px;
  height: 37px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.form-control:focus {
  border-color: #CC3333;
  outline: none;
  box-shadow: 0 0.071em 0.071em rgba(0, 0, 0, 0.075) inset, 0 0 0.571em rgba(204, 51, 51, 0.6);
}

.c-s {
  padding: 0 2.5em;
}

.form-group textarea {
  resize: none;
  height: 8em;
  background: white;
  padding-left: 0.3em;
}

span.optional {
  color: #cc3333;
  font-weight: 300;
  font-size: 0.7em;
}

/* Placeholder Text */
::-webkit-input-placeholder {
  opacity: 0.6;
  font-size: 0.8em;
  padding-top: 0.1em;
}

:-moz-placeholder {
  opacity: 0.6;
  font-size: 0.8em;
  padding-top: 0.1em;
}

::-moz-placeholder {
  opacity: 0.6;
  font-size: 0.8em;
  padding-top: 0.1em;
}

:-ms-input-placeholder {
  opacity: 0.6;
  font-size: 0.8em;
  padding-top: 0.1em;
}

textarea::-webkit-input-placeholder {
  font-size: 0.7em;
  padding-left: 0;
  margin-left: 0;
}

textarea:-moz-placeholder {
  font-size: 0.7em;
  padding-left: 0;
  margin-left: 0;
}

textarea::-moz-placeholder {
  font-size: 0.7em;
  padding-left: 0;
  margin-left: 0;
}

textarea:-ms-input-placeholder {
  font-size: 0.7em;
  padding-left: 0;
  margin-left: 0;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

select:focus {
  outline: 0 !important;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .form-group textarea {
    height: 16.8em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .form-group textarea {
    height: 16.8em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
.navbar-nav > li:hover ul {
  display: block;
}

/* ------------------------------------------
*
*   Recent Posts include php (mobile first)
*
*-------------------------------------------- */
h2.blog-title {
  font-weight: 400;
  text-align: center;
  margin-top: 7.143em;
  line-height: 2.857em;
}

.recent-blogs-homepage {
  font-size: 1.3rem;
  padding: 5em 1em 2em;
}

.recent-posts-twinsight-svg {
  padding: 0;
  margin-bottom: 1em;
}

.recent-blogs-homepage .post {
  padding: 2em 0em;
  background: #ffffff;
}

.recent-blogs-homepage h2 {
  text-transform: none;
}

.recent-blogs-homepage h2 > a {
  font-weight: 700;
  color: #cc3333;
}

.postimage {
  position: relative;
  z-index: 0;
}

.postimage .blog-image img {
  max-width: 100%;
  border-top: 0.357em solid #cc3333;
  height: 10em;
}

.recent-blogs-homepage .entry {
  font-size: 1.3rem;
}

.recent-blogs-homepage h3 {
  font-weight: 700;
  line-height: 1.4em;
}

.recent-blogs-homepage .entry p {
  padding-bottom: 2.143em;
  font-size: 1em;
}

.recent-blogs-homepage .recent-posts-entry a {
  position: absolute;
  bottom: 0.5em;
  left: 0;
  font-family: "Raleway";
  font-weight: 300;
  border-radius: 0;
  color: #cc3333;
  display: inline-block;
  width: 42%;
  text-align: center;
  padding: 1em 0;
  font-weight: 900;
  text-transform: uppercase;
}

.recent-blogs-homepage .recent-posts-entry a:hover {
  background: rgba(204, 51, 51, 0.1);
}

.recent-blogs-homepage .post small {
  font-family: "Open Sans", "Raleway", Arial, sans-serif;
}

.recent-blogs-homepage .post small:after {
  background-color: rgba(55, 55, 55, 0.3);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
}

.recent-blogs-homepage .post small:after {
  left: 1.5em;
  margin-right: -20%;
  width: 18.5em;
}

.recent-blogs-homepage .avatar {
  height: 3em;
  width: 3em;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid #ffffff;
}

.recent-post-avatar {
  position: absolute;
  bottom: 1em;
  left: 1em;
  z-index: 200;
}

.recent-post-avatar img {
  border: 50%;
}

.recent-posts-blog-date {
  padding-bottom: 0.5em;
}

a.recent-posts-title-link {
  color: #cc3333;
}

.recent-posts-title-link:hover {
  color: #993333;
}

.recent-blogs-homepage .author p {
  position: absolute;
  bottom: 1em;
  left: 4em;
  font-size: 0.8em;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.5em 2em;
  -webkit-border-top-right-radius: 0.357em;
  -webkit-border-bottom-right-radius: 0.357em;
  -moz-border-radius-topright: 0.357em;
  -moz-border-radius-bottomright: 0.357em;
  border-top-right-radius: 0.357em;
  border-bottom-right-radius: 0.357em;
}

.recent-blogs-homepage .author p a {
  font-family: "Open Sans", "Raleway", Arial, sans-serif;
}

.blog-category-homepage p {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  font-size: 0.7em;
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 0.143em solid #cc3333;
  padding: 1.1em 0.5em 0.5em;
  text-transform: uppercase;
  text-align: center;
}

/* ----------------------------------------------  End of Recent Posts (mobile first) */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  .recent-blogs-homepage .entry {
    font-size: 1.2rem;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .recent-posts-twinsight-svg {
    padding: 1em 8em;
  }

  .postimage .blog-image img {
    height: 13em;
  }

  .recent-blogs-homepage .recent-posts-entry a {
    position: absolute;
    bottom: 0.5em;
    width: 30%;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .recent-blogs-homepage .recent-posts-entry a {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .recent-posts-twinsight-svg {
    padding: 0 15em;
  }

  .postimage .blog-image img {
    height: 9em;
  }

  .recent-blogs-homepage {
    font-size: 1rem;
  }

  .recent-blogs-homepage .post {
    padding: 2em 1em;
  }

  .recent-blogs-homepage .entry {
    font-size: 0.7rem;
  }

  .recent-blogs-homepage .entry p {
    font-size: 1.2em;
  }

  .recent-blogs-homepage .avatar {
    height: 2em;
    width: 2em;
  }

  .recent-blogs-homepage .author p {
    bottom: 0.8em;
    left: 2.3em;
    font-size: 0.8em;
    padding: 0.1em 2em;
  }

  /*.blog-category-homepage p {font-size: .5em;}*/
  .recent-blogs-homepage .recent-posts-entry a {
    bottom: 0.5em;
    left: 1.3em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .postimage .blog-image img {
    height: 9em;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  .recent-blogs-homepage .avatar {
    height: 3em;
    width: 3em;
  }

  .postimage .blog-image img {
    height: 12em;
  }
}
@media (min-width: 1800px) {
  /*------  Start of 1800px Media Query */
  .recent-blogs-homepage .avatar {
    height: 3em;
    width: 3em;
  }

  .postimage .blog-image img {
    height: 12em;
  }
}
/* ------------------------------------------
*
*   Rhino CTA include php (mobile first)
*
*-------------------------------------------- */
.rhino-wrapper {
  padding: 0;
  font-size: 1.3rem;
}

.rhino {
  background: url(../images/rhino-call-cta-mobile.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
  display: block;
  height: 16em;
  min-width: 100%;
  padding: 1em 0;
}

.rhino-copy {
  text-align: center;
  padding: 1em;
}

.rhino-copy h2 {
  font-size: 2em;
  text-transform: uppercase;
}

.rhino-copy p {
  margin-top: 0.5em;
  margin-bottom: 3em;
  font-size: 0.9em;
}

.rhino-contact-btn {
  border: 0.071em solid #FFFFFF;
  color: #FFFFFF;
  font-family: "Raleway", "Open Sans", sans-serif;
  border-radius: 0;
  text-transform: uppercase;
  display: inline;
  margin-top: 0;
  font-size: 1em;
}

.rhino-copy .rhino-contact-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.rhino-copy a {
  color: #ffffff;
}

/* ------------------------------------  End Rhino CTA php include (mobile first) 

88888888888888888        888888888888888888888
8888888888888888888888888888888888888888888888
888    888    88888888888888               888
888    888    888        888               888 
888    888    888        888          8888888888888 
888    888    888        888          8888888888888 
888           888        888               888 
888           888        888888888888888888888
888           888        888888888888888888888


--- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  .rhino {
    height: 18em;
    padding: 2em 0;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .rhino-copy {
    text-align: left;
    padding: 0 2em;
  }

  .rhino {
    font-size: 1.5rem;
    background: url(../images/rhino-photo-bg-v2.jpg);
    background-size: 100% 100%;
    height: 10em;
    background-repeat: no-repeat;
  }

  .rhino-btn {
    margin: 0;
    padding: 0;
  }

  .rhino-copy p {
    margin-bottom: 0.6em;
  }

  .rhino-copy h2 {
    margin-top: 0.2em;
  }

  .rhino-contact-btn {
    font-size: 0.5em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .rhino {
    font-size: 1.7rem;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  .rhino {
    font-size: 1.9rem;
  }
}
@media (min-width: 1800px) {
  /*------  Start of 1800px Media Query */
  .rhino {
    font-size: 1.9rem;
  }
}
@media (min-width: 1900px) {
  /*------  Start of 1900px Media Query */
  .rhino {
    font-size: 2.3rem;
  }
}
@media (min-width: 2560px) {
  /*------  Start of 2560px Media Query */
  .rhino {
    font-size: 3.5rem;
  }
}
/* ------------------------------------------
*
*   Twinsight php include (mobile first)
*
*-------------------------------------------- */
.twinsight-form .form-group {
  text-align: left;
  margin-top: 1.3em;
}

.twinsight-form form label {
  padding: 0 0 0.714em 0;
  margin: 0;
  font-size: 1.2em;
  text-align: left;
}

.twinsight-form p {
  color: #cc3333;
  padding: 0.5em 0 0;
}

.twinsight-copy {
  padding: 3em 1em;
  margin-top: 4em;
}

.twinsight-copy h2 {
  color: #333333;
  font-weight: 900;
  text-transform: none;
}

.ts-logo {
  padding: 1.429em;
}

.ts-logo .st0 {
  fill: #333333;
}

.ts-logo .st1 {
  fill: #CC3333;
}

.ts-logo .st2 {
  display: none;
  fill: #333333;
  stroke: #333333;
  stroke-width: 6;
  stroke-miterlimit: 10;
}

.ts-logo .st3 {
  fill: #CC3333;
}

.ts-logo .st4 {
  fill: none;
}

.twinsight-logo {
  width: 90%;
}

.twinsight-form {
  padding: 0 2em 1em;
}

.twinsight-submit-btn {
  font-size: 1.2em;
  width: 100%;
  font-weight: 900;
  border-radius: 0;
  margin-top: 1.75em;
}

.st0 {
  fill: #333333;
}

.st1 {
  fill: #CC3333;
}

.st2 {
  display: none;
  fill: #333333;
  stroke: #333333;
  stroke-width: 6;
  stroke-miterlimit: 10;
}

.st3 {
  fill: #CC3333;
}

.st4 {
  fill: none;
}

.email-signup-bg input[type=email] {
  font-size: 1.6em;
  width: 100%;
  border-radius: 0;
  padding: 0.714em 0.357em;
}

.email-signup-bg {
  font-size: 1.3rem;
  padding: 2em 1em 2em;
  background: #ffffff;
  text-align: center;
}

/* ------------------------------------  End Twinsight php include (mobile first) --- */
.twinsight-info {
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0px 0;
}

.twinsight-info-content {
  margin: 50px 0;
  padding: 75px 0px;
}

.twinsight-info-content h4 {
  color: #ffffff;
  font-weight: 700;
  padding-bottom: 30px;
  border-bottom: #ccc 1px solid;
  margin-bottom: 40px;
}

.twinsight-info-content h2 {
  margin-bottom: 30px;
}

.twinsight-info-content i {
  font-size: 6em;
}

.twinsight-info p {
  color: #fff;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .ts-logo {
    padding: 1em 8em;
  }

  .twinsight-form {
    padding: 0 8em 1em;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .email-signup-bg {
    font-size: 0.8rem;
  }

  .ts-logo {
    padding: 3em 1em 0;
  }

  .twinsight-headline-paragraph {
    margin: 3em 0 0 0;
  }

  .twinsight-headline-paragraph p.h3 {
    margin: 0;
    font-weight: 700;
  }

  .twinsight-form {
    padding: 0 4em 1em 0;
  }

  .twinsight-submit-btn {
    padding: 1em 3em;
  }

  .postimage .blog-image img {
    height: 8em;
  }

  .recent-blogs-homepage .post {
    padding: 2em 0.5em;
  }

  .widget select {
    font-size: 1em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .email-signup-bg {
    font-size: 0.7rem;
  }

  .ts-logo {
    padding: 3.4em 1em;
  }

  .twinsight-form {
    padding: 0 3em 0 0;
  }

  .twinsight-headline-paragraph {
    margin-top: 3.2em;
  }

  .twinsight-form .form-group {
    margin-top: 1em;
  }

  .twinsight-headline-paragraph p.h3 {
    padding: 0;
    margin: 0 0 0.2em 0;
    font-size: 1.5em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .twinsight-headline-paragraph {
    font-size: 0.9rem;
    margin-top: 2.2em;
  }

  .twinsight-form {
    padding: 0 3em 0 4em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .twinsight-headline-paragraph {
    margin-top: 2.2em;
  }

  .postimage .blog-image img {
    height: 11em;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  .postimage .blog-image img {
    height: 13em;
  }
}
@media (min-width: 2560px) {
  /*------  Start of 1600px Media Query */
  .postimage .blog-image img {
    height: 18em;
  }
}
.nav-sidebar nav {
  display: block;
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0;
  background-color: #333333;
  min-height: 100%;
  padding: 0;
  margin: 0;
  width: 250px;
  overflow-y: scroll;
  z-index: 2;
  border-right: 1px solid #cc3333;
}

.nav-sidebar form {
  padding: 2em 0 0 1em;
}

.nav-sidebar form input {
  width: 95%;
  font-weight: 300;
}

.nav-sidebar form textarea {
  width: 95%;
  height: 150px;
  font-weight: 400;
}

.nav-sidebar form label {
  color: #FFFFFF;
  font-weight: 400;
}

.nav-sidebar form span {
  font-weight: 700;
}

.nav-sidebar form span.sidebar-form-header {
  display: block;
  padding: 0 0 1em 0;
  margin: 0 0 1.5em 0;
  color: #cc3333;
  font-weight: 700;
  border-bottom: 1px solid #FFFFFF;
}

.nav-sidebar form [type=submit] {
  font-size: 0.8em;
  padding: 0.7em 0;
  width: 95%;
}

.nav-sidebar nav::-webkit-scrollbar {
  width: 10px;
  padding-right: 1em;
}

.nav-sidebar nav::-webkit-scrollbar-track {
  background: #333333;
  border: 4px solid transparent;
  background-clip: content-box;
}

.nav-sidebar nav::-webkit-scrollbar-thumb {
  background: #333333;
  border: 1px solid #333333;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}

.nav-sidebar nav li {
  padding: 0;
  font-size: 1em;
}

.nav-sidebar nav a {
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  padding: 0.4em 1em 0.4em 1em;
  margin-right: 0.5em;
  overflow: hidden;
}

.nav-sidebar nav li a:hover {
  color: #333333;
  font-weight: 700;
}

.nav-sidebar nav ul {
  margin: 0 0 15em;
  padding: 1em 0;
}

.nav-sidebar nav ul li a.active {
  font-weight: 700;
  color: #cc3333;
}

.nav-sidebar i {
  padding-right: 0;
  font-size: 1.5em;
  vertical-align: middle;
}

.nav-sidebar i:before {
  width: 35px;
}

.nav-sidebar nav li a i:hover,
.nav-sidebar nav li a i:before {
  color: #fff;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
  .service-nav nav {
    display: none;
  }

  .nav-sidebar nav {
    display: none;
  }
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .nav-sidebar nav {
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0;
    background-color: #333333;
    min-height: 100%;
    padding: 0;
    margin: 0;
    width: 250px;
    overflow-y: scroll;
    z-index: 2;
    border-right: 1px solid #cc3333;
  }

  .nav-sidebar form {
    padding: 2em 0 0 1em;
  }

  .nav-sidebar form input {
    width: 95%;
    font-weight: 300;
  }

  .nav-sidebar form textarea {
    width: 95%;
    height: 150px;
    font-weight: 400;
  }

  .nav-sidebar form label {
    color: #FFFFFF;
    font-weight: 400;
  }

  .nav-sidebar form span {
    font-weight: 700;
  }

  .nav-sidebar form span.sidebar-form-header {
    display: block;
    padding: 0 0 1em 0;
    margin: 0 0 1.5em 0;
    color: #cc3333;
    font-weight: 700;
    border-bottom: 1px solid #FFFFFF;
  }

  .nav-sidebar form [type=submit] {
    font-size: 0.8em;
    padding: 0.7em 0;
    width: 95%;
  }

  .nav-sidebar nav::-webkit-scrollbar {
    width: 10px;
    padding-right: 1em;
  }

  .nav-sidebar nav::-webkit-scrollbar-track {
    background: #333333;
    border: 4px solid transparent;
    background-clip: content-box;
  }

  .nav-sidebar nav::-webkit-scrollbar-thumb {
    background: #333333;
    border: 1px solid #333333;
    border-radius: 20px;
    -webkit-border-radius: 20px;
  }

  .nav-sidebar nav li {
    padding: 0;
    font-size: 1em;
  }

  .nav-sidebar nav a {
    display: block;
    color: #FFFFFF;
    font-weight: 400;
    padding: 0.4em 1em 0.4em 1em;
    margin-right: 0.5em;
    overflow: hidden;
  }

  .nav-sidebar nav li a:hover {
    color: #333333;
    font-weight: 700;
  }

  .nav-sidebar nav ul {
    margin: 0 0 15em;
    padding: 1em 0;
  }

  .nav-sidebar nav ul li a.active {
    font-weight: 700;
    color: #cc3333;
  }

  .nav-sidebar i {
    padding-right: 0;
    font-size: 1.5em;
    vertical-align: middle;
  }

  .nav-sidebar i:before {
    width: 35px;
  }

  .nav-sidebar nav li a i:hover,
.nav-sidebar nav li a i:before {
    color: #fff;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
/*  -------------------------------------------------------  
*
*   Buttons
*
*---------------------------------------------   */
.twinsight-form input[type=submit]:hover {
  border: 1px solid #cc3333;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border: 0.714em solid rgba(255, 255, 255, 0.2);
}

.email-signup-bg input[type=submit] {
  font-size: 1em;
}

span.hide-button-text-on-mobile {
  display: none;
}

.button-primary,
.button-red-border {
  font-size: 0.6em;
  padding: 1.071em 1.429em;
  border-radius: 0;
  font-family: "Raleway";
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.42857143;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  /* border: 1px solid transparent; */
}

.button-primary {
  background: #cc3333;
  padding: 1.3em 0em 1.3em 0em;
  color: #fff;
  border: 0.714em solid rgba(255, 255, 255, 0.2);
  margin-bottom: 4em;
}

.button-red-border {
  width: 100%;
  padding: 0.8em 1.3em;
  background: #ffffff;
  color: #cc3333;
  border: 1px solid #cc3333;
  margin-top: 1em;
  border-radius: 0.357em;
  -moz-border-radius: 0.357em;
  -webkit-border-radius: 0.357em;
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 0.071em rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 3em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-forward span {
  text-align: left;
}

.hvr-icon-forward:before {
  content: "";
  position: absolute;
  right: 2em;
  /*top:0;*/
  padding: 0 0.071em;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

/* Home Page Buttons */
.index-hero-btn {
  width: 80%;
}

.index-section2-btn {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

.index-form-submit-btn {
  width: 100%;
  font-size: 1em;
  padding: 1em;
}

/* Services Page Buttons */
.services-hero-btn {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

.services-btn {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

.services-page-body-container .hvr-icon-forward:before {
  left: 20.5em;
  top: 1em;
}

.service-hero-btn {
  width: 100%;
  font-size: 1em;
}

/* Service Page Buttons */
.service-form-btn {
  width: 100%;
}

/* Company Page Buttons */
.company-team-button {
  width: 100%;
  font-size: 0.8em;
}

/* Contact Page Buttons */
.contact-form-btn {
  width: 100%;
  font-size: 1em;
  padding: 1em;
  font-size: 0.8em;
}

.divisional-contact-btn {
  width: 100%;
  font-size: 1em;
  text-transform: lowercase;
}

/* Footer Button */
.footer-subscribe-btn {
  font-size: 0.8em;
  padding: 0.5em 2em;
  border: 0.286em solid rgba(255, 255, 255, 0.4);
  margin: 0 0 3em 0;
}

.footer-form input[type=submit]:hover {
  border: 0.286em solid rgba(255, 255, 255, 0.4);
}

/* Speaking Button */
.speaking-btn {
  width: 100%;
  font-size: 0.8em;
}

/* Recent Posts Button */
.recent-posts-cta-button {
  width: 100%;
  padding: 1em;
  font-size: 0.8em;
}

/* ------------------------------------------
*
*   CTA One include php (mobile first)
*
*-------------------------------------------- */
.cta-one {
  padding: 1em;
  margin: 2em 1em 0;
  z-index: 10000;
  position: relative;
}

.cta-one h3,
.cta-one p {
  color: #FFFFFF;
  display: block;
}

.cta-one a {
  width: 100%;
  font-size: 1.2em;
}

.cta-one .row h3 {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .index-form-submit-btn {
    width: 50%;
  }

  .contact-form-btn {
    width: 70%;
    padding: 1em;
    font-size: 1em;
  }

  .service-hero-btn {
    width: 70%;
  }

  .services-hero-btn {
    width: 50%;
  }

  .speaking-btn {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .services-hero-btn {
    width: 40%;
    font-size: 0.689em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .button-primary:hover {
    background: #333333;
    color: #fff;
  }

  .twinsight-form input[type=submit]:hover {
    border: 1px solid #cc3333;
    background: rgba(255, 51, 51, 0.1);
    color: #cc3333;
  }

  .index-section2-btn {
    width: 40%;
  }

  .hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  /* Back Pulse */
  @-webkit-keyframes hvr-back-pulse {
    50% {
      background-color: rgba(153, 51, 51, 0.75);
    }
  }
  @keyframes hvr-back-pulse {
    50% {
      background-color: rgba(153, 51, 51, 0.75);
    }
  }
  .hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
  }

  .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #cc3333;
    background-color: #993333;
    color: white;
  }

  .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  /* Buzz Out */
  @-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  .hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  }

  .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .services-btn {
    width: 70%;
  }

  .recent-posts-cta-button {
    width: 30%;
  }

  a.service-hero-btn {
    width: 70%;
    font-size: 0.7em;
  }

  .service-hero-button {
    font-size: 1em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  a.service-hero-btn {
    width: 50%;
  }
}
/* Layout */
/* ----------------------------------------------------------------------------------------------------------------v-------
*
*   Header Styles (mobile first)
*
*------------------------------------------------------------------------------------------------------------------------- */
span.menu {
  font-size: 1em;
  color: #FFFFFF;
  padding: 0 0.5em 0 1em;
}

#st-trigger-effects {
  position: relative;
  z-index: 500;
  background: transparent;
  padding: 0;
  border-bottom: 0.071em solid #cc3333;
  background: #333333;
  height: 4em;
}

#st-trigger-effects button {
  background: transparent;
  border: none;
  padding: 1.2em 0 0 0;
}

.fa-bars {
  background-color: none;
  color: #cc3333;
  border: none;
  outline: none;
}

.contact-header {
  display: none;
}

.canvas-logo img {
  position: absolute;
  top: 1.38em;
  right: 1em;
  background: transparent;
  display: block;
  padding: 0;
}

.contact-header:hover {
  color: #ffffff;
  background: #333333;
  border: 0.071em solid white;
}

.phone-header {
  display: none;
}

html,
body,
.st-container,
.st-pusher,
.st-content {
  height: 100%;
}

.st-content {
  overflow-x: hidden;
  overflow-y: none;
}

.st-content,
.st-content-inner {
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.st-container {
  position: relative;
  overflow: hidden;
}

.st-pusher {
  position: relative;
  left: 0;
  z-index: 99;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.st-pusher::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu-open .st-pusher::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.st-menu {
  font-size: 1rem;
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 19.429em;
  height: 100%;
  background: #333333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.st-menu a:hover {
  border-left: 0.357em solid #ffffff;
}

.st-menu::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu ul {
  margin: 0;
  padding: 0 0 40em 0;
  list-style: none;
  background-color: #333333;
}

.st-menu h2 {
  margin: 0;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 2em;
}

.st-menu ul li a {
  display: block;
  padding: 2em 1em 2em 1.2em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #f3efe0;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 0.071em;
  font-weight: 400;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
}

.st-menu ul li a span {
  color: #cc3333;
  font-size: 0.8em;
  font-weight: 700;
}

.st-menu ul li:first-child a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 0.071em rgba(0, 0, 0, 0.2);
}

.st-menu ul li a:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
  color: #fff;
}

.st-effect-12.st-menu-open .st-pusher {
  -webkit-transform: rotateY(-10deg);
  transform: rotateY(-10deg);
}

.st-effect-12.st-menu-open .st-effect-12.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.st-effect-12.st-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.st-effect-12 .st-pusher {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.st-effect-12.st-container {
  -webkit-perspective: 107.143em;
  perspective: 107.143em;
}

.st-effect-12.st-menu::after {
  display: none;
}

img.nav-logo:hover {
  border: 0.071em solid #ffffff;
}

.logo {
  float: left;
  padding: 0.714em 0;
  background: #333333;
  display: block;
  height: 1.143em;
  width: 10.714em;
  z-index: 1;
}

.logo-line {
  width: 100%;
  color: #33cccc;
  border-bottom: 1.786em solid #cc3333;
}

.desktop-nav {
  display: none;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  .canvas-logo img {
    left: 7.2em;
  }

  .contact-header {
    display: block;
    position: absolute;
    top: 1.1em;
    right: 1em;
    background: #cc3333;
    color: #ffffff;
    padding: 0.7em 1em;
    font-family: "Open Sans";
    transition: background-color 0.1s ease;
    float: right;
    font-size: 0.8em;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
  .canvas-logo img {
    left: 8.4em;
  }
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .st-trigger-effects button {
    display: none;
  }

  nav .st-menu,
#st-trigger-effects button {
    display: none;
  }

  .canvas-logo img {
    left: 1em;
  }

  .desktop-nav {
    color: #FFFFFF;
    float: right;
    margin-right: 8em;
    margin-top: 1.2em;
    font-size: 1.1em;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }

  .desktop-nav ul li {
    display: inline;
    padding-right: 1em;
    font-weight: 400;
    text-transform: uppercase;
  }

  .desktop-nav ul li a {
    color: #FFFFFF;
    transition: color 0.11s ease;
  }

  .desktop-nav ul li a:hover {
    color: #cc3333;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
/* ------------------------------------------
*
*   Footer (mobile first)
*
*-------------------------------------------- */
.footer {
  background: #333333;
  border-top: 0.714em solid #cc3333;
  padding-top: 0;
  font-size: 1.3rem;
  color: #fff;
  font-family: "Raleway";
  position: relative;
  z-index: 100;
}

.footer .service-links a,
.company-footer-list a,
.footer-contact a {
  display: block;
  padding: 1.071em 0 1.5em;
}

.contact-our-team {
  margin-top: 1.071em;
}

.footer-header {
  background: #fff;
  margin-bottom: 1.429em;
}

.footer-header .h2 {
  margin: 0.3em 0 0;
  font-weight: 900;
  font-size: 0.8em;
  padding-top: 0;
}

.footer-agency-line {
  padding: 1.143em 0 0 0;
  float: none;
  font-size: 0.7em;
  text-align: right;
}

.footer-agency-line a {
  color: #333333;
}

.footer-logo {
  width: 5.714em;
  height: 3.214em;
  padding: 0 0 0 0;
  display: block;
  height: auto;
  max-width: 100%;
  float: left;
}

.footer-logo .st0 {
  fill: #CC3232;
}

.footer-logo .st1 {
  fill: #333333;
}

.footer-red {
  background: #cc3333;
  padding: 0 0 2em 0;
}

.footer-nav {
  padding-top: 1em;
}

.footer-nav ul {
  margin: 0 0 0.714em 0;
  padding: 0 0;
}

a.footer-digital-mktg-svc-header {
  margin-left: 1.3em;
}

a.footer-list-header {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 0.8em;
  z-index: 2;
  position: relative;
  width: 100%;
}

ul.footer-contact {
  font-size: 1.8rem;
  border-bottom: none;
  padding: 1em 0;
  vertical-align: middle;
}

.footer-contact li i {
  font-size: 2em;
  padding-right: 1em;
}

.footer-nav ul li {
  font-size: 0.616em;
  margin: 0;
  list-style: none;
  font-family: "Open Sans";
  font-weight: 900;
  border-bottom: 0.071em solid rgba(255, 255, 255, 0.2);
  padding: 1.4em 0 0;
}

.service-links {
  z-index: 1;
  padding: 0.5em 0 0 0;
}

.footer-contact-info {
  z-index: 2;
  padding-top: 1em;
}

.footer-contact-info ul li a {
  padding-left: 1.5em;
  color: #FFFFFF;
  font-weight: 300;
}

a.social-icon-footer i {
  padding: 0.5em 0.8em 0;
}

a.social-icon-footer i:hover {
  color: #fff;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  -ms-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}

.footer-nav ul li a:hover {
  color: #fff;
}

.copyright {
  padding: 1.786em 0 3.214em 0;
  text-align: center;
  background: #cc3333;
  color: #333333;
  font-size: 0.8em;
}

a.privacy-policy {
  color: #333333;
}

a.privacy-policy:hover {
  text-decoration: underline;
}

a.black {
  color: #333333;
  font-weight: 900;
}

a.black:hover {
  color: #ffffff;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}

.footer-form {
  padding: 1.429em 1.429em 0 1.429em;
}

.social-links {
  margin: 0 0;
  padding: 0.4em 0 1em 0;
  text-align: center;
  font-size: 1.7em;
}

.social-links i {
  padding: 0 0.357em;
}

.footer-input-label {
  padding-top: 0;
  font-weight: 400;
}

.footer-input-label span {
  color: #cc3333;
  font-weight: bold;
  text-transform: uppercase;
}

.footer-cta-button {
  background-color: #cc3333;
  color: #ffffff;
  padding: 0.714em 1.429em;
  font-weight: 300;
  border-radius: 0.214em;
  text-transform: none;
  width: 100%;
}

.made-with-love-footer {
  text-align: center;
  font-size: 0.7em;
  opacity: 0.7;
  color: #ffffff;
}

.made-with-love-footer div {
  margin: 0;
  padding: 1.429em;
}

.made-with-love-footer i {
  color: #cc3333;
  background-color: #333333;
  border-radius: 50%;
  padding: 0.714em;
  margin: 0 0.714em;
  border: 0.214em solid #FFFFFF;
  font-size: 1.2em;
}

.dark-footer-madewithlove {
  background-image: url("../images/footer-bubbles.png");
  background-size: 12.143em 12.857em;
  padding-top: 0.357em;
  border-top: rgba(255, 255, 255, 0.3) 0.214em solid;
}

.dark-footer-madewithlove img {
  width: 10.714em;
  height: 5.357em;
}

.schema-address {
  padding-top: 0.286em;
  padding-left: 4em;
}

.company-footer-list {
  z-index: 1;
}

.company-footer-list a.hvr-icon-forward:before {
  left: auto;
  right: 0;
}

.footer-contact-info .address {
  padding: 1em 0 0.5em 0;
}

/* ------------------------------------------
*
*   Privacy Policy (mobile first)
*
*-------------------------------------------- */
p.privacy-opener {
  margin-bottom: 2.857em;
  padding-bottom: 2.143em;
  border-bottom: 0.071em solid #ccc;
}

/* ----------------------------------------------  End of Privacy Policy (mobile first) */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  a.footer-digital-mktg-svc-header {
    margin-left: 1em;
  }

  .copyright {
    padding: 1.786em 0 0 0;
  }

  .made-with-love-footer {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .company-footer-list {
    margin-top: 0.5em;
  }

  .footer-nav {
    padding-bottom: 3em;
  }

  .footer-nav ul li {
    padding: 0.5em 0 0;
  }

  .copyright {
    padding: 1.786em 0 5.214em 0;
  }

  .service-links a {
    padding: 0.5em 0 0.5em;
  }

  ul.footer-contact {
    font-size: 1.3rem;
  }

  .footer-contact-info {
    padding-top: 1.2em;
  }

  .social-links {
    text-align: left;
    font-size: 1em;
  }

  .social-links a i {
    font-size: 1.3em;
  }

  .footer-form {
    font-size: 1rem;
    padding: 1em 0 0;
  }

  .service-links .hvr-icon-forward:before {
    right: 2em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .footer {
    font-size: 1.1rem;
  }

  ul.footer-contact {
    font-size: 1rem;
  }

  .footer-contact-info li a {
    font-size: 1.2em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .made-with-love-footer {
    font-size: 1.2em;
  }

  .footer-contact-info li a {
    font-size: 1.5em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
/* Pages */
/* ------------------------------------------
*
*   404 Page (mobile first)
*
*-------------------------------------------- */
#not-found {
  text-align: center;
  padding: 3.571em 1.429em;
}

#not-found h1 {
  color: #cc3333;
  font-size: 3em;
}

#not-found .company-page-button {
  margin-top: 2.143em;
}

#not-found h3 {
  color: #333333;
  line-height: 1.4em;
  padding-top: 1.429em;
  display: block;
}

#not-found p {
  color: #cc3333;
  font-size: 1em;
}

/* ----------------------------------------------  End of 404 Page (mobile first) */
/* ------------------------------------------
*
*   Blog (mobile first)
*
*-------------------------------------------- */
/* Sidebar */
#searchsubmit {
  font-size: 1.2345rem;
  border: none;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.nc_socialPanel:not(.nc_floater):not(.nc_socialPanelSide) {
  padding: 0 0 3em 0;
}

.guerrillawrap {
  font-size: 1.3rem;
  margin-bottom: 1em;
}

.guerrillagravatar img {
  height: 10em;
  width: 10em;
}

.guerrillagravatar {
  width: 100%;
  margin: 2em 0 0 5em;
}

.guerrillasocial {
  margin-left: 0em;
  margin-bottom: 1em;
  text-align: center;
}

.guerrillatext {
  width: 100%;
  padding: 2% 5%;
  text-align: center;
}

.entry-meta {
  font-size: 0.9em;
}

/* Blog Category Select */
#secondary select {
  color: #cc3333;
  /*font-size: 18px;*/
  width: 100%;
  padding: 0.5em 0 0.5em 1em;
  border: 1px solid #cc3333 !important;
  -webkit-border-radius: 0px;
  border-radius: 0;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='#cc3333'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 1em;
  background-position: 95% 70%;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

#simple-social-icons-2 h2.widget-title {
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 1em;
}

.speaking h2.widget-title {
  text-align: center !important;
}

aside#secondary {
  padding: 1em 18px;
}

.guerrillawrap {
  margin-top: 2em;
}

.entry-content ul {
  margin: 2em;
  padding: 0;
}

.entry-content ul li {
  padding: 0.5em 0;
  color: #333333;
  font-weight: 700;
}

.entry-content a:hover {
  text-decoration: underline;
}

.archive-description {
  padding-bottom: 2em;
}

.author-header {
  margin-top: 0;
  background: #cc3333;
  padding: 2em;
  color: #FFFFFF;
}

.page-header img.avatar {
  border-radius: 50%;
  border: 2px solid #FFFFFF;
}

li.categories {
  display: none;
}

h2.entry-title {
  margin-top: 1em;
}

h1.entry-title, h1.page-title {
  margin-top: 0.8em;
}

/* ------------------------------------  End Blog (mobile first) --- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  .guerrillagravatar {
    margin: 2em 0 0 6em;
  }

  aside#secondary {
    padding: 1em 2em;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
  .guerrillagravatar {
    margin: 2em 0 0 6.4em;
  }

  aside#secondary {
    padding: 1em 3em;
  }
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  .guerrillawrap {
    position: relative;
    height: 16em;
    font-size: 1rem;
  }

  .guerrillagravatar img {
    margin: 0;
    height: 5em;
    width: 5em;
    position: absolute;
    top: 1em;
    left: 1em;
  }

  .guerrillatext {
    width: 70%;
    padding: 0;
    text-align: left;
    position: absolute;
    top: 1em;
    left: 7em;
  }

  .guerrillasocial {
    position: absolute;
    bottom: 0;
    left: 6em;
    width: 50%;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
  aside#secondary {
    padding: 1em 1em;
  }

  .widget select {
    font-size: 1em;
  }
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
  .widget select {
    font-size: 0.8em;
  }
}
/*------  End of 601px Media Query */
@media (min-width: 650px) {
  .widget select {
    font-size: 0.7em;
  }
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .widget select {
    font-size: 0.8em;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  aside#secondary {
    padding: 1em 2em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  #secondary select {
    font-size: 1em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
/* ------------------------------------------
*
*   Careers Page (mobile first)
*
*-------------------------------------------- */
.careers-bg {
  background: url("../images/passion-led-us-here.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
}

.why-hire-textarea,
.cover-letter-textarea {
  resize: none;
}

.career-page-submit-button {
  background: #cc3333;
  color: #ffffff;
  font-family: "Raleway";
  border: none;
  text-align: left;
  padding-left: 1.214em;
  margin-bottom: 0.714em;
}

.career-page-submit-button:hover {
  background: #333333;
  color: #ffffff;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.career-page-submit-button:active {
  border-bottom: 0.143em solid #333333;
}

.careers-form-disclaimer {
  text-align: center;
}

div.job-list .list-group-item {
  padding: 2.143em 1.429em 2.143em 1.429em;
  text-align: center;
}

div.job-list span.badge {
  background-color: #cc3333;
  padding: 1em 2.143em;
  margin: 1em 0 0;
  border-radius: 0.214em;
  -moz-border-radius: 0.214em;
  -webkit-border-radius: 0.214em;
  width: 100%;
}

.list-group a {
  margin: 2.857em 0;
}

.careers-bg .list-group {
  padding: 1.429em 0 0;
}

.careers-white-bg {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 2.143em;
  margin: 2.143em 0 2.143em;
}

.careers-white-bg h5 {
  color: #333333;
  text-transform: none;
  font-weight: 900;
  padding: 0;
  margin: 0;
  font-size: 1.3em;
}

.careers-white-bg p {
  padding: 0.714em 0;
}

.careers-position-list h3,
.careers-position-list p {
  text-transform: none;
  color: #FFFFFF;
}

.careers-position-list i {
  font-size: 2em;
  padding-right: 0.5em;
  vertical-align: middle;
}

.job-description-section ul {
  margin: 1em 0 3em 1em;
  padding: 0;
}

.job-description-section ul li {
  padding: 0.5em 0 0 0;
  font-weight: 700;
}

.list-group-item > .badge {
  float: none;
}

/* ------------------------------------  End Careers Page (mobile first) --- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  .list-group-item > .badge {
    float: right;
  }

  div.job-list .list-group-item {
    text-align: left;
  }

  div.job-list span.badge {
    background-color: #cc3333;
    padding: 1em 2.143em;
    margin: 0 0 0;
    border-radius: 0.214em;
    -moz-border-radius: 0.214em;
    -webkit-border-radius: 0.214em;
    width: 15em;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
/* ------------------------------------------
*
*   Company Page (mobile first)
*
*-------------------------------------------- */
#jssor_1 {
  display: none;
}

.company-hero {
  text-align: center;
}

.company-page-logo {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 0.714em;
}

.company-hero-copy p.h2 {
  text-transform: uppercase;
}

.company-hero-copy {
  text-align: center;
}

.company-hero-copy h1.h3 {
  padding: 0;
}

.mn-graphic {
  border-radius: 50%;
  background: white;
  border: solid #333333 0.714em;
  height: 29em;
  width: 40em;
}

.company-about-page .number {
  color: #cc3333;
}

.company-hero {
  font-size: 1.3rem;
  background-image: url(../images/snowflake-graphic.png);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-size: contain;
  display: block;
  background-position: 20% 0%;
  padding: 0;
}

.company-hero-copy h2 {
  margin: 3.571em 0 0 0;
}

.company-hero-copy p.body-copy {
  font-weight: 900;
}

.company-location {
  font-size: 1.3rem;
  background: #333333;
  padding: 2.857em 0;
}

.company-location h2 {
  color: #ffffff;
}

.company-location p {
  color: #fff;
  width: 100%;
}

.company-section-two {
  font-size: 1.3rem;
  text-align: center;
}

.company-section-two div {
  margin-bottom: 2em;
  padding: 0 1em;
}

.company-page-recent-posts {
  border-bottom: 0.714em solid #cc3333;
  padding: 0 0 4em;
  margin: 0 0 2em;
}

.company-values-section {
  font-size: 1.3rem;
  padding: 1em 1em 3em;
  text-align: center;
}

.company-values-section h3 {
  color: #333333;
  padding-bottom: 0.5em;
}

.values-row > div {
  padding: 1em 3% 1em;
}

.values-row {
  padding-left: 3%;
  padding-right: 3%;
}

.our-company-values {
  padding: 3em 3% 1em;
}

.circle-underline {
  width: 100%;
  height: 1px;
  background-color: black;
  position: relative;
  margin-bottom: 1em;
}

.circle {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-color: #CC3333;
  border: solid 1px #cc3333;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
}

.spoon {
  margin-top: 2em;
}

.hq {
  padding: 4em 2em 2em;
  color: #ffffff;
}

.hq i {
  color: #cc3333;
  padding-right: 0.357em;
}

.hq h4 {
  color: #ffffff;
  border-bottom: 0.071em solid #cc3333;
  padding-bottom: 0.714em;
}

.hq-address {
  font-size: 1.4em;
}

.get-directions-link {
  font-size: 1.2em;
  color: #FFFFFF;
  padding: 1em 0;
  display: block;
}

.company-page-contact-info {
  text-align: center;
}

.company-page-phone {
  font-size: 1.4em;
}

.company-team-section {
  font-size: 1.3rem;
  background-image: url(../images/team-shoes-photo-red.jpg);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

.one-for-all-graphic {
  padding: 3em 2em 1em;
}

.company-page-social-section {
  height: 20em;
}

.company-page-social-section img {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 2em;
}

.company-social-copy {
  position: relative;
  padding: 0em 1.4em 0;
}

.company-social-copy p.body-copy {
  padding-bottom: 0;
}

.company-social-icons i {
  font-size: 2em;
  margin: 0.7em 0.8em 0 0;
  float: left;
}

.social-paragraph {
  padding: 0 2em;
  font-size: 1.3rem;
}

.social-icons-container {
  display: inline-block;
  position: relative;
}

.social-icon-positioning {
  position: absolute;
  left: 4%;
  top: 20%;
}

.company-social-icons-wrapper {
  max-width: 100%;
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  .company-social-icons i {
    font-size: 2.2em;
    margin: 0.8em 1em 0 0;
  }

  .company-hero-copy-mobile {
    position: absolute;
    top: 1em;
    left: 1.5em;
    font-size: 0.6em;
    width: 50%;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
  .company-social-icons i {
    font-size: 2.4em;
    margin: 0.5em 1em 0 0;
  }

  .company-hero-copy-mobile {
    position: absolute;
    top: 1em;
    left: 1.5em;
    font-size: 0.7em;
    width: 50%;
  }
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  .company-hero-copy-mobile {
    position: absolute;
    top: 2em;
    left: 2em;
    font-size: 0.8em;
    width: 50%;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
  .company-hero-copy-mobile {
    position: absolute;
    top: 2em;
    left: 1.5em;
    font-size: 1em;
    width: 50%;
  }
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 650px) {
  .company-social-icons i {
    font-size: 3.5em;
  }
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .social-icon-positioning {
    left: 3%;
    top: 12%;
  }

  .company-social-icons i {
    font-size: 4.4em;
    margin: 1.3em 1em 0 0.2em;
  }

  .company-hero-copy-mobile {
    position: absolute;
    top: 2em;
    left: 2em;
    font-size: 1.3em;
    width: 50%;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .social-paragraph {
    font-size: 1rem;
    width: 65%;
  }

  .company-location {
    font-size: 1rem;
  }

  .company-section-two {
    font-size: 1rem;
    padding: 6em 1em 1em;
  }

  .company-team-section {
    font-size: 1rem;
    padding: 3em 0 6em;
  }

  .company-team-button {
    margin-top: 6em;
  }

  .company-values-section {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .company-hero {
    position: relative;
  }

  .company-hero-copy {
    margin: 0 1em;
    width: 60%;
    position: absolute;
    top: -100px;
    text-align: left;
    font-size: 0.7em;
  }

  .social-icon-positioning {
    left: 3%;
    top: 8%;
  }

  .company-social-icons i {
    font-size: 4.4em;
    margin: 2.3em 1em 0 0.6em;
  }

  #jssor_1 {
    display: block;
    border-bottom: 1px solid #cc3333;
  }

  /* jssor slider loading skin oval css */
  .jssorl-oval img {
    animation-name: jssorl-oval;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  @keyframes jssorl-oval {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  /* jssor slider bullet navigator skin 05 css */
  /*
  .jssorb05 div           (normal)
  .jssorb05 div:hover     (normal mouseover)
  .jssorb05 .av           (active)
  .jssorb05 .av:hover     (active mouseover)
  .jssorb05 .dn           (mousedown)
  */
  .jssorb05 {
    position: absolute;
  }

  .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 1.143em;
    height: 1.143em;
    background: url("/images/b05-v2.png") no-repeat;
    overflow: hidden;
    cursor: pointer;
  }

  .jssorb05 div {
    background-position: -0.5em -0.5em;
  }

  .jssorb05 div:hover, .jssorb05 .av:hover {
    background-position: 2.643em -0.5em;
  }

  .jssorb05 .av {
    background-position: -4.786em -0.5em;
  }

  .jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: 6.929em -0.5em;
  }

  /* jssor slider arrow navigator skin 22 css */
  /*
  .jssora22l                  (normal)
  .jssora22r                  (normal)
  .jssora22l:hover            (normal mouseover)
  .jssora22r:hover            (normal mouseover)
  .jssora22l.jssora22ldn      (mousedown)
  .jssora22r.jssora22rdn      (mousedown)
  .jssora22l.jssora22lds      (disabled)
  .jssora22r.jssora22rds      (disabled)
  */
  .jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 2.857em;
    height: 4.143em;
    cursor: pointer;
    background: url("../images/a22.png") center center no-repeat;
    overflow: hidden;
  }

  .jssora22l {
    background-position: -0.714em -2.214em;
    padding: 1em;
  }

  .jssora22r {
    background-position: -5em -2.214em;
  }

  .jssora22l:hover {
    background-position: -9.286em -2.214em;
  }

  .jssora22r:hover {
    background-position: -13.571em -2.214em;
  }

  .jssora22l.jssora22ldn {
    background-position: -17.857em -2.214em;
  }

  .jssora22r.jssora22rdn {
    background-position: -22.143em -2.214em;
  }

  .jssora22l.jssora22lds {
    background-position: -0.714em -2.214em;
    opacity: 0.3;
    pointer-events: none;
  }

  .jssora22r.jssora22rds {
    background-position: -5em -2.214em;
    opacity: 0.3;
    pointer-events: none;
  }

  .company-slide-one-copy img {
    min-width: 100%;
  }

  .company-hero-copy-mobile {
    font-size: 1em;
  }

  .company-slide-one-copy,
.company-slide-two-copy,
.company-slide-three-copy,
.company-slide-four-copy,
.company-slide-five-copy {
    font-size: 2em;
  }

  .mac-slider-copy-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10em 6em 14.286em;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    font-size: 1.714em;
    color: #FFFFFF;
  }

  .mac-slider-copy-background h2 {
    color: #cc3333;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .company-hero-copy {
    width: 60%;
    font-size: 0.7em;
  }

  .company-social-icons i {
    font-size: 5.4em;
  }

  .company-page-contact-info {
    text-align: left;
  }

  .spoon img {
    margin-left: 12em;
  }

  .company-location {
    padding: 7em 0;
  }

  .values-row > div {
    padding: 3em 8% 4em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .company-hero-copy {
    width: 50%;
    font-size: 0.8em;
  }

  .company-hero-copy-mobile {
    margin-top: 2em;
    padding-right: 2em;
    font-size: 1.25em;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  .company-hero-copy {
    width: 50%;
    font-size: 1em;
  }

  .company-section-two {
    padding: 6em 7em 0;
  }
}
@media (min-width: 1800px) {
  .company-hero-copy-mobile {
    padding-right: 4em;
  }
}
/* ------------------------------------------
*
*   Contact Page (mobile first)
*
*-------------------------------------------- */
.hidden-from-view {
  display: none;
}

.contact-form {
  padding: 2.143em 0;
}

.contact-form label {
  float: left;
}

#map-canvas {
  height: 21.429em;
}

.contact-information {
  text-align: center;
  font-size: 1.143em;
}

.contact-info-section {
  font-size: 1.3rem;
  margin: 2em auto 3em;
  padding: 1.429em;
  background-color: rgba(55, 55, 55, 0.7);
  -webkit-border-radius: 0.357em 0.357em 0.357em 0.357em;
  border-radius: 0.357em 0.357em 0.357em 0.357em;
  width: 100%;
}

.contact-info-section h3 {
  color: #ffffff;
  margin-bottom: 1em;
}

.contact-info-section p {
  padding: 0;
  margin: 0;
  color: #FFFFFF;
}

.contact-information img {
  margin-bottom: 1.429em;
}

.contact-page-hero {
  text-align: center;
  font-size: 1.3rem;
  position: relative;
  z-index: 2;
}

.contact-page-hero h1 {
  color: #333333;
}

.contact-info-section div {
  padding: 0;
}

.contact-info-section .body-copy {
  color: #ffffff;
  padding: 0 0 2em 0;
}

.contact-info-section img {
  width: 50%;
}

.contact-hero-bg {
  padding: 2em 0;
  background: #cccccc;
  background: url("../images/diagonales_decalees_@2X.jpg");
}

.contact-types {
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  text-align: center;
}

.contact-types a {
  background: none;
  font-size: 1em;
  font-weight: 300;
}

.contact-types i {
  font-size: 1.5em;
}

.contact-types .icon:before {
  margin-right: 0.714em !important;
}

.contact-bg h2 {
  color: #ffffff;
  padding-top: 0.714em;
}

.contact-bg h3 {
  margin: 0;
  padding: 0;
}

.corner-bg {
  background-position: left;
  background-size: cover;
  height: 863px;
  position: absolute;
  top: 0px;
  z-index: 1;
  min-width: 100%;
}

.service-graphic {
  background: url("../images/service-graphic.jpg") no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 7.143em;
  display: block;
}

.damian {
  font-size: 1.3rem;
  background: url("../images/damian-750x507.jpg") no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 48% 0%;
  height: 40.714em;
  display: block;
  text-align: center;
  padding: 0.714em 0.714em;
  text-transform: uppercase;
}

.damian h3 {
  padding-bottom: 1.429em;
  font-size: 1.5em;
  margin-top: 1em;
  font-weight: 900;
}

span.contact-10k-enlarge {
  font-size: 1.2em;
  font-weight: 500;
  color: #cc3333;
  font-family: "Raleway";
}

@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  textarea::-webkit-input-placeholder {
    font-size: 0.9em;
    padding-left: 0;
    margin-left: 0;
  }

  textarea:-moz-placeholder {
    font-size: 0.9em;
    padding-left: 0;
    margin-left: 0;
  }

  textarea::-moz-placeholder {
    font-size: 0.9em;
    padding-left: 0;
    margin-left: 0;
  }

  textarea:-ms-input-placeholder {
    font-size: 0.9em;
    padding-left: 0;
    margin-left: 0;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .contact-bg {
    background: url("../images/lightbulb.jpg") no-repeat;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    min-width: 100%;
    padding: 2em 0;
  }

  .contact-page-hero {
    font-size: 0.8rem;
  }

  .contact-page-hero h1 {
    font-size: 6em;
  }

  .contact-info-section {
    font-size: 0.7rem;
    padding: 0 3em;
  }

  .contact-info-section div {
    padding: 1em;
  }

  .service-graphic {
    height: 12.143em;
  }

  .contact-information {
    padding: 0 3em 0;
  }

  .contact-info-header {
    font-size: 1.3rem;
  }

  .contact-hero {
    font-size: 0.8em;
  }

  .contact-hero p {
    font-size: 1.5em;
  }

  .damian h3 {
    font-size: 1.8em;
    margin-top: 0.5em;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .service-graphic {
    height: 15.143em;
  }

  .contact-information {
    padding: 0 2em;
  }

  .contact-info-section div {
    padding: 1em 3em 0;
  }

  .contact-hero p {
    font-size: 2em;
  }

  .contact-types {
    font-size: 1.3em;
  }

  .contact-form-btn {
    float: left;
  }

  .contact-form-btn {
    width: 40%;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .contact-bg {
    height: 50em;
  }

  .service-graphic {
    height: 15.5em;
  }

  .contact-hero p {
    font-size: 1.9em;
  }

  .damian {
    background: url(../images/damian-desktop.jpg) no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 45% 0%;
    height: 40.714em;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .contact-bg {
    background-size: cover;
  }

  .contact-information {
    padding: 0 10em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .contact-information {
    padding: 0 15em;
  }

  .damian h3 {
    font-size: 2.2em;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  .contact-information {
    padding: 2em 20em;
  }

  .damian h3 {
    font-size: 2.7em;
  }
}
@media (min-width: 1800px) {
  .damian h3 {
    font-size: 3em;
  }
}
@media (min-width: 1900px) {
  /*------  Start of 1900px Media Query */
  .service-graphic {
    height: 29.5em;
  }

  .damian h3 {
    font-size: 3.2em;
    margin: 0.4em 0;
  }
}
/* ------------------------------------------
*
*   Home Page (mobile first)
*
*-------------------------------------------- */
#note {
  position: absolute;
  z-index: 6001;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  text-align: center;
  line-height: 3.5;
  overflow: hidden;
  font-size: 0.625em;
}

#note i {
  color: #cc3333;
}

.cssanimations.csstransforms #note {
  -webkit-transform: translateY(-3.571em);
  -webkit-animation: slideDown 4s 1s 1 ease forwards;
  -moz-transform: translateY(-3.571em);
  -moz-animation: slideDown 4s 1s 1 ease forwards;
}

.cssanimations.csstransforms #close {
  display: none;
}

@-webkit-keyframes slideDown {
  0%, 100% {
    -webkit-transform: translateY(-3.571em);
  }
  10%, 90% {
    -webkit-transform: translateY(0em);
  }
}
@-moz-keyframes slideDown {
  0%, 100% {
    -moz-transform: translateY(-3.571em);
  }
  10%, 90% {
    -moz-transform: translateY(0em);
  }
}
.index-bg {
  font-size: 1.3rem;
  padding: 0;
  background: url(../images/mpls-mobile-darkened.jpg);
  background-position: 18% 20%;
  background-repeat: no-repeat;
  height: 18em;
}

.index-bg p.h1 {
  color: #ffffff;
}

.hero-content {
  font-size: 1.5rem;
}

.mpls-digital-agency {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: solid #cc3333 0.143em;
  padding: 0 1em 1em 1em;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

p.newest {
  text-align: center;
  color: #fff;
}

.newest i {
  font-size: 1.3em;
  padding: 0 0 0 0.357em;
}

.mpls-digital-agency h1 {
  color: #333333;
  font-weight: 400;
  line-height: 1.5;
  font-size: 1.71em;
  margin-top: 1em;
}

.mpls {
  color: #cc3333;
  font-weight: 900;
}

.lower-section-images h3 {
  color: #cc3333;
}

.bottom-content-home-page i {
  color: #333333;
}

.paint-blotch {
  background: url("../images/paint-blotch-careers.png") no-repeat;
  height: auto;
  width: 100%;
  background-position: -30% 64%;
}

.bottom-content-home-page {
  background: rgba(255, 255, 255, 0.7);
  padding: 0 2em;
}

i.fa-cog {
  color: #333333;
  text-shadow: 1px 10px 50px #cc3333;
  font-size: 13.429em;
  margin: 0 0 0 0.3em;
}

.fa-cog:hover {
  color: #cc3333;
  text-shadow: 1px 10px 50px #cc3333;
}

.row-3-laptop {
  padding: 1em 2em;
}

img.honesty-icon {
  height: 150px;
  background: #333333;
  border-radius: 50%;
  border: solid 5px #cc3333;
}

span.building-blocks-emphasis {
  border-bottom: 5px solid #cc3333;
}

.index-blog-header i {
  font-size: 1em;
}

.index-blog-header {
  text-align: center;
}

.index-blog-header img {
  padding-bottom: 1.429em;
}

.twinsight-copy {
  border-top: 20px solid #cc3333;
  color: #FFFFFF;
}

.twinsight-copy .col-md-6 {
  margin: 1em 0 4em;
}

.twinsight-section {
  border-top: 1px solid #333333;
}

.svc-header {
  font-size: 1.3rem;
  color: #cc3333;
  text-align: center;
  padding: 4em 2em 5em;
  border-bottom: 0.071em solid #cc3333;
  background-color: #333333;
  background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23cc3333' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.svc-header h2 {
  color: #cc3333;
  text-transform: uppercase;
}

.svc-header p {
  color: #FFFFFF;
}

.svc-header a {
  margin-top: 2.143em;
}

.svc-header img {
  background: #333333;
  border-radius: 50%;
  padding: 1em;
  height: 100px;
  border: 2px dotted #cc3333;
}

.all-svc-link:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}

a.all-svc-link {
  font-size: 0.8em;
  padding: 1em 4em;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: "Raleway", "Open Sans", sans-serif;
  border-radius: 0;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 1.429em;
}

.home-service-list {
  font-size: 0.6rem;
}

.home-service-list .row {
  padding: 0 2em;
}

.home-service-list i,
.home-service-list h3,
.home-service-list p {
  color: #FFFFFF;
  font-size: 1.5em;
}

.home-service-list i {
  font-weight: 900;
  font-size: 4em;
}

.home-service-list h3 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}

.home-service-list a {
  margin: 0 auto 0;
  color: #FFFFFF;
  padding: 1em 0;
  border: 1px solid #ffffff;
  border-radius: 0;
  -mox-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: none;
  text-transform: uppercase;
  font-size: 1em;
  width: 90%;
  display: block;
  text-align: center;
}

.home-service-list a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.home-service-list i.icon {
  font-size: 10em;
  margin: 0;
  padding: 0;
}

.service-div {
  padding: 2em 2.1em 4em;
  text-align: center;
}

.service-div p {
  padding-bottom: 1em;
}

.service-div div {
  margin-top: 1.5em;
}

.service-div a i {
  font-size: 1.3em;
  margin: 0 0 0 0.3em;
  vertical-align: middle;
}

.svc-dark {
  background-color: #333333;
}

.svc-red {
  background-color: #cc3333;
}

.svc-alternate-red {
  background: #cc3333 !important;
}

.svc-alternate-black {
  background: #333333 !important;
}

.why-us {
  padding: 4em 0 2em;
}

.why-us h4 {
  font-size: 1.4em;
  text-transform: none;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.429em;
  line-height: 1.456778;
}

.why-us ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 0.3em;
  font-size: 0.7em;
}

.why-us i.fa-line-chart {
  font-size: 8em;
  text-align: center;
}

.why-us i {
  padding-right: 0.714em;
}

.why-us ul li {
  margin: 2.143em 0;
  font-weight: 300;
  font-size: 1.4em;
}

.ks {
  background: url("../images/ks-guitar-bw-mobile-30.png") no-repeat;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: contain;
  background-size: contain;
  display: block;
  background-position: 80% -2%;
  padding: 0 0 3.571em 0;
  height: 61.143em;
}

.ks.container {
  padding-bottom: 0;
}

.ks span.dark-number {
  color: #333333;
}

.ks p.number {
  font-family: "Open Sans", sans-serif;
  background: rgba(255, 255, 255, 0.5);
  padding: 1.429em 0;
}

.ks i {
  color: #333333;
}

.ks h2 {
  color: #333333;
  margin: 5em 0 0 0;
  font-weight: 900;
}

.ks .cta-headline {
  font-size: 1.3rem;
  text-align: center;
}

.ks form p {
  color: #333333;
  padding: 0 2em;
}

.ks p.body-copy {
  font-size: 1em;
  color: #cc3333;
  margin-top: 0.2em;
  padding-bottom: 0;
}

/*  --------------------------------------------------------------  End Home Page (mobile first) ------  */
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  /* Home Page */
  .index-bg {
    background-size: 76em 33em;
  }

  .ks .cta-headline {
    font-size: 2.5rem;
  }

  .service-div {
    padding: 2em 12em 4em;
    height: 35em;
  }

  .service-div p {
    width: 80%;
    margin: 0 auto;
  }

  .twinsight-copy {
    font-size: 1rem;
  }

  .twinsight-copy .col-md-6 {
    padding: 0 2em;
  }

  .recent-blogs-homepage .recent-posts-entry a {
    width: 35%;
  }

  .recent-blogs-homepage .author p {
    left: 4em;
  }

  .why-us {
    font-size: 1.3em;
  }

  .why-us ul {
    margin: 0 0 0 5em;
  }
}
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  .index-bg {
    height: 16em;
  }

  .index-bg {
    font-size: 1.5rem;
  }

  .index-hero-btn {
    width: 80%;
  }

  .index-section2-btn {
    width: 100%;
    padding: 1em;
    font-size: 0.8em;
  }

  .mpls-digital-agency h1 {
    font-size: 1.5em;
  }

  .index-form-submit-btn {
    width: 100%;
    font-size: 1em;
    padding: 1em;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
  .index-bg {
    background-size: 43em 20em;
    padding: 2em 0.4em;
    height: 18em;
  }

  .ks .cta-headline {
    font-size: 1.3rem;
  }
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  #note {
    line-height: 2.5;
    font-size: 0.9em;
  }

  .company-social-icons i {
    font-size: 3em;
  }

  .social-paragraph {
    width: 80%;
  }

  .services-hero-btn {
    width: 70%;
    padding: 1em;
    font-size: 0.8em;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  #note {
    line-height: 2.5;
    font-size: 1em;
  }

  .index-bg {
    height: 20em;
    background-size: 49em 22em;
    background-position: 0 0;
    background: url(../images/mpls-mid-darkened.jpg);
  }

  .hero-content {
    font-size: 2.3rem;
    padding: 0.6em 1em;
  }

  p.newest {
    font-size: 0.5em;
  }

  .index-hero-btn {
    width: 50%;
    font-size: 0.3em;
  }

  i.fa-cog {
    margin: 0.3em 0 0 0.1em;
  }

  .bottom-content-home-page {
    padding: 2em 2em 0;
  }

  .bottom-content-home-page img {
    margin-top: 5em;
  }

  .svc-header {
    padding: 4em 5em;
  }

  .home-service-list p {
    color: #FFFFFF;
    font-size: 1.1em;
  }

  .home-service-list {
    font-size: 0.8rem;
  }

  .ks .cta-headline {
    font-size: 2rem;
  }

  .ks h2 {
    margin: 2em 0 0 0;
  }

  .home-service-list .row {
    padding: 0 1em;
  }

  .svc-header img {
    height: 150px;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .service-div {
    padding: 2em 6em 4em;
  }

  .why-us {
    padding: 4em 0 2em 3em;
    font-size: 1.2em;
  }

  .recent-blogs-homepage {
    margin: 3em 0 4em;
  }

  .recent-posts-cta-button {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .index-bg {
    background-size: 50em 20em;
  }

  .hero-content {
    font-size: 2.5rem;
  }

  i.fa-cog {
    margin: 0.2em 0 0 0.4em;
  }

  .why-us {
    font-size: 0.8rem;
  }

  .why-us ul {
    margin: 0 0 0 7.3em;
  }

  .svc-header {
    font-size: 1.05em;
  }

  .ks {
    /*height:54.143em;*/
    background-size: cover;
    background-position: 50%;
  }

  .rhino {
    padding: 1.5em 0;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .index-bg {
    background-size: 60em 30em;
    background: url(../images/mpls-small-desktop.jpg);
  }

  .mpls-digital-agency h1 {
    font-size: 2.5em;
  }

  .why-us {
    font-size: 1rem;
  }

  i.fa-cog {
    margin: 0.2em 0 0 0.5em;
  }

  .service-div {
    padding: 2em 10em 4em;
  }

  .hero-content {
    padding: 0.5em 5em;
  }

  .svc-header {
    font-size: 1.1rem;
  }

  .lower-section-images .container-fluid {
    width: 90%;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .index-bg {
    background-size: 68em 30em;
    height: 25em;
    padding: 0 0.4em;
    background: url(../images/mpls-desktop.jpg) no-repeat;
  }

  .hero-content {
    padding: 2em 2em;
  }

  .service-div {
    padding: 2em 5em 4em;
  }

  .service-div p {
    width: 80%;
    margin: 0 auto;
  }

  .twinsight-copy {
    padding: 3em 6em;
  }

  .home-service-list a {
    width: 75%;
  }

  .home-service-list {
    font-size: 1rem;
  }

  .home-service-list .row {
    padding: 0;
  }

  .svc-header {
    font-size: 1.3rem;
  }

  .rhino {
    height: 12em;
    padding: 2.5em 0;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
@media (min-width: 1700px) {
  .home-service-list a {
    width: 75%;
  }
}
@media (min-width: 1800px) {
  .index-bg {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    height: 30em;
    padding: 2em 0.4em;
  }

  .home-service-list a {
    width: 60%;
  }

  .ks .cta-headline {
    font-size: 2.5rem;
  }

  .rhino {
    height: 13em;
    padding: 3em 0;
  }

  .service-div p {
    width: 80%;
    margin: 0 auto;
  }
}
@media (min-width: 1900px) {
  .index-bg {
    background-size: 80em 35em;
    height: 30em;
    padding: 2em 0.4em;
  }

  .overlay-image {
    min-width: 100%;
    height: 444px;
    position: absolute;
    top: 0%;
    display: block;
    background: rgba(0, 0, 0, 0);
    /*  background: url(../images/service-tactics-panel-header-background-mobile.png) no-repeat right ;*/
    z-index: 10000;
  }

  .under-hero-homepage img {
    width: 100%;
    height: 470px;
    opacity: 1;
    margin: 0 auto;
  }

  .under-hero-homepage .col-md-4 {
    text-align: center;
    font-size: 1rem;
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 31%;
    padding: 0% 0% 0;
    margin: 8% 1% 3%;
    background: white;
  }

  .under-hero-homepage .col-md-4 h2,
.under-hero-homepage .col-md-4 p {
    padding-left: 2em;
    padding-right: 2em;
  }

  .under-hero-homepage .col-md-4 h2 {
    width: 90%;
    margin: 1em auto 0.5em;
  }

  section.twinsight-copy {
    margin: 0;
  }

  .under-hero-homepage a {
    border: 1px solid #cc3333;
    border-radius: 3px;
    width: 50%;
    display: block;
    padding: 0.25em;
    text-align: center;
    margin: 0 auto 2em;
    margin-top: 5%;
  }
}
@media (min-width: 2560px) {
  /*------  Start of 2560px Media Query */
  .index-bg {
    background-size: cover;
  }
}
/* ------------------------------------------
*
*   Job Position Page (mobile first)
*
*-------------------------------------------- */
.position-body {
  text-align: left;
}

.position-page h1 {
  text-align: left;
  font-weight: 300;
  color: #cc3333;
  font-size: 1.5em;
}

.position-page h1,
.position-page h4 {
  text-transform: none;
}

.position-page h4 {
  font-weight: 700;
  font-size: 1em;
}

.job-description-section {
  margin: 2.143em 0;
}

h2.position-group-title {
  text-align: center;
  color: #333333;
  text-shadow: 0 0.071em 0.071em #333333;
  padding-top: 2.143em;
}

.position-group-subhead {
  text-align: center;
}

.position-container .panel-group {
  padding-top: 1.429em;
}

.position-container h4 {
  padding-top: 1.429em;
  clear: both;
  margin: 0;
}

.position-container ul {
  padding: 0;
  margin: 0 0 0 0;
  color: #cc3333;
  list-style-type: square;
}

.position-container li {
  font-weight: 300;
  margin-left: 1.071em;
}

li.position-list-header {
  list-style-type: none;
  margin-left: 0;
  color: #cc3333;
  text-transform: uppercase;
  padding: 0.357em 0;
}

.position-container a {
  color: #cc3333;
}

.position-container a:hover {
  color: #999999;
}

.position-form {
  margin-top: 1.429em;
  text-align: left;
}

input.blubtn[type=submit] {
  background-color: #cc3333 !important;
  font-family: "Raleway";
  border: 0 !important;
  padding: 0.357em 1.429em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
}

input.blubtn[type=reset] {
  display: none;
}

/* ------------------------------------  End Job Position Page (mobile first) --- */
/* ------------------------------------------
*
*   Landing Page 1 Template (mobile first)
*
*-------------------------------------------- */
.lp-one-main-container {
  height: 60em;
}

.landing-left {
  width: 50%;
  background: #FFFFFF;
  padding: 0;
}

.landing-right {
  width: 50%;
  background: url(../images/damian-desktop.jpg) no-repeat;
  background-size: cover;
  background-position: 30% 0;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
}

.landing-right-overlay {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}

.lp-one-form {
  padding: 2em 4em;
}

.lp-one-form form {
  position: relative;
  z-index: 1000;
  margin: 0 auto;
}

.lp-one-form form .col-md-7 {
  padding: 0;
}

.lp-one-main-container label {
  color: #FFFFFF;
  font-weight: 400;
}

.lp-one-main-container textarea {
  height: 10em !important;
}

.lp-form-header-copy {
  color: #FFFFFF;
}

.lp-header-copy {
  text-align: center;
  background: #CC3333;
  color: #FFFFFF;
  padding: 2em;
}

/* ------------------------------------------
*
*   Service Page (mobile first)
*
*-------------------------------------------- */
/* SEO Page */
.page-id-115 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Analytics Page */
.page-id-162 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Content Marketing Page */
.page-id-143 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Photography Page */
.page-id-208 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Motion Graphics Design Page */
.page-id-168 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Graphic Design Page */
.page-id-166 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Email Marketing Page */
.page-id-152 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Web Development Page */
.page-id-156 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Social Media Marketing */
.page-id-145 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Website Design Page */
.page-id-158 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Local Search Page */
.page-id-139 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Paid Search Page */
.page-id-132 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Influencer Marketing Page */
.page-id-150 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Salesforce CRM Consulting Page */
.page-id-170 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Marketing Automation Page */
.page-id-154 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Hosting and Managed Services Page */
.page-id-172 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Brand Strategy Page */
.page-id-176 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Business Planning Page */
.page-id-174 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Speaking and Training Page */
.page-id-178 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

/* Video Production Page */
.page-id-164 .service-page-hero {
  background: url(../images/service-page-hero-background-mobile.jpg) no-repeat center center;
}

.page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.service-page-hero {
  text-align: center;
  min-width: 100%;
  padding: 2.5em 1em 0;
}

.service-page-hero .container {
  padding: 2em 2em;
}

.service-page-content #breadcrumbs {
  list-style: none;
  margin: 1em 0;
}

.service-page-content #breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.service-page-content #breadcrumbs li a {
  font-weight: 300;
}

.service-page-content #breadcrumbs .separator {
  font-size: 1em;
  font-weight: 300;
  color: #ccc;
}

ul.breadcrumbs {
  padding: 0 0 0 1em;
}

.service-page-hero h1 {
  color: #FFFFFF;
}

.service-tactics .panel .panel-heading {
  background: url("../images/service-tactics-panel-header-background-mobile.png") no-repeat;
  background-position: 98% 0;
  background-color: #333333;
  padding-left: 0em;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  border-radius: 0;
}

.seo-service-tactic-image {
  background: #333333;
  height: 14.286em;
}

.service-page-subnav-bg {
  background: #333333;
}

.service-page-subnav a {
  padding-top: 1.429em;
}

.service-page-subnav li:hover {
  background: #ffffff;
}

.service-page-subnav a {
  font-family: Helvetica;
  font-weight: normal;
  padding: 1.429em;
  color: #ffffff;
}

.service-page-subnav a:hover {
  color: #cc3333;
}

.service-hero-bg {
  height: 42.857em;
  /*  background: url('../../images/macbook-air-wood-table.jpg');*/
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 40% 30%;
}

.service-page-hero p {
  color: #FFFFFF;
}

.service-hero-button {
  margin-top: 0;
}

.service-detail-one {
  border-top: 1.429em #cc3333 solid;
  text-align: center;
}

.service-detail-one i {
  font-size: 3em;
}

.service-detail-one h3 {
  font-size: 2em;
  text-transform: none;
  font-weight: 700;
  color: #cc3333;
}

.service-detail-one {
  padding: 0 0 4em;
  background: #ffffff;
}

.service-detail-one div {
  margin: 2.5em 0 0;
  padding: 0 0.3em;
}

.service-detail-four {
  padding: 2em 0.2em;
  border-top: 1px solid #cccccc;
  text-align: left;
}

.service-detail-four p {
  color: #333333;
  text-transform: none;
  font-weight: 300;
}

.service-detail-four .service-detail-four-copy {
  padding: 0 1em 0;
}

.service-detail-four .service-detail-four-image img {
  padding: 2em 1.5em 1em 1.5em;
}

.service-tactics {
  background-color: #cc3333;
  padding: 2em 0 4em 0;
  position: relative;
}

.service-tactics-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#cc3333, #333333);
  transform: skewY(3deg);
  transform-origin: top left;
}

.service-tactics h2 {
  text-transform: none;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
  margin: 0.4em 0 0.4em 1em;
  font-size: 1em;
}

.service-tactics .panel {
  height: 100%;
  margin-top: 5em;
  padding: 0 0 0.714em 0;
  position: relative;
  background-color: #FFFFFF;
  width: 100% !important;
  border-radius: 0;
}

.service-tactics .panel:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3.571em;
  width: 0;
  height: 0;
  border-top: solid 1.429em #FFFFFF;
  border-left: solid 3.571em transparent;
  border-right: solid 3.571em transparent;
}

.service-page-why-us {
  padding: 7.143em 2em;
}

.service-page-why-us ul {
  padding: 0 0 0 1em;
  margin: 0;
}

.service-page-why-us ul li {
  padding: 0.714em 0;
  display: table-row;
  text-align: left;
}

ul.service-page-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  display: table;
}

ul.service-page-list li:before {
  font-family: "Ionicons";
  content: "";
  padding-right: 0.5em;
  color: #cc3333;
  display: table-cell;
  padding-top: 2em;
}

.service-page-form {
  padding: 3.571em 1.429em;
  background-image: url(../images/snowflake-graphic.png);
}

.service-page-form h2 {
  text-transform: none;
}

.service-page-form h2,
.service-page-form p {
  text-align: center;
}

.service-page-form p {
  color: #cc3333;
}

/* ------------------------------------  End Service Page (mobile first) --- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
  .service-detail-one div {
    padding: 0 0.8em;
  }
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
  .service-tactics h2 {
    font-size: 1.1em;
  }
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-background-medium.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 30% 0;
  }
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 650px) {
  .service-page-hero .container {
    padding: 2em 5em;
  }
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .services-header {
    font-size: 1rem;
  }

  .services-page-body-container {
    font-size: 0.7rem;
    padding: 0 1em;
  }

  .services-page-body-container p {
    font-size: 1.3em;
  }

  .service-page-divider {
    font-size: 0.8rem;
  }

  .services-tab {
    position: absolute;
    top: 0.65em;
    left: 2.8em;
    padding: 1em 2em;
    background: #cc3333;
    color: #FFFFFF;
    text-transform: uppercase;
  }

  .services-page-body-container .service {
    padding: 1em 2em 1em;
  }

  .services-header p.body-copy {
    padding: 0.5em 4em;
  }

  /* Service Page */
  .service-page-hero {
    font-size: 1.3rem;
  }

  .service-page-hero .container {
    padding: 3em;
  }

  .service-page-why-us {
    padding: 7.143em 7em;
  }

  .service-tactics {
    padding: 2em 4em 4em;
  }

  .service-page-form {
    padding: 3.571em 7em;
  }

  .service-detail-one {
    font-size: 0.7rem;
  }

  .service-detail-one div {
    margin: 1.5em 0 0;
    padding: 0 1em;
  }

  .service-detail-one h3 {
    font-size: 1.5em;
  }

  .service-detail-four {
    font-size: 0.7rem;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-800.jpg) no-repeat center center;
  }

  .page-id-143 .service-page-hero {
    background-position: 30% 0;
  }

  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-seo-800.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-analytics-800.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-800.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-photography-800.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-motion-graphics-800.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-graphic-design-800.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-email-marketing-800.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-web-development-800.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-social-media-marketing-800.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-website-design-800.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-local-search-800.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-paid-search-800.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-influencer-marketing-800.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-salesforce-800.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-marketing-automation-800.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-hosting-managed-services-800.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-brand-strategy-800.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-business-planning-800.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-speaking-engagements-800.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-video-production-800.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 90% 0;
  }

  .service-detail-four .service-detail-four-copy {
    padding: 0 0 0 5em;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .service-tactics {
    padding: 2em 3em 4em;
  }

  .service-page-why-us {
    padding: 7.143em 3em;
  }

  .service-page-form {
    padding: 3.571em 3em;
  }

  .service-form-btn {
    width: 40%;
    font-size: 0.7em;
  }

  .service-tactics .panel-body {
    height: 14em;
  }

  .service-detail-one {
    font-size: 0.875rem;
  }

  .service-detail-one h3 {
    font-size: 2em;
  }

  .service-detail-four {
    font-size: 0.875rem;
  }

  .service-detail-four .service-detail-four-copy {
    padding: 2em 1em 2em 3em;
  }

  .service-detail-four .service-detail-four-image img {
    padding: 4em 1.5em 2em 0;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-seo-1100.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-analytics-1100.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-1100.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-photography-1100.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-motion-graphics-1100.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-graphic-design-1100.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-email-marketing-1100.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-web-development-1100.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-social-media-marketing-1100.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-website-design-1100.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-local-search-1100.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-paid-search-1100.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-influencer-marketing-1100.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-salesforce-1100.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-marketing-automation-1100.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-hosting-managed-services-1100.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-brand-strategy-1100.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-business-planning-1100.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-speaking-engagements-1100.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-video-production-1100.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 95% 0;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .extra-service-tactic {
    display: none;
  }

  .service-page-why-us {
    padding: 10em 4em;
    background: url(../images/iphone-bg-service-page.png) no-repeat;
    background-position: 10% 35%;
  }

  .service-tactics .panel-body {
    height: 16em;
  }

  .service-page-hero .container {
    padding: 3em 8em;
  }

  .service-detail-four .service-detail-four-image img {
    padding: 3em 1.5em 2em 0;
  }

  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-seo-1400.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-analytics-1400.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-1400.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-photography-1400.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-motion-graphics-1400.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-graphic-design-1400.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-email-marketing-1400.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-web-development-1400.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-social-media-marketing-1400.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-website-design-1400.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-local-search-1400.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-paid-search-1400.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-influencer-marketing-1400.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-salesforce-1400.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-marketing-automation-1400.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-hosting-managed-services-1400.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-brand-strategy-1400.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-business-planning-1400.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-speaking-engagements-1400.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-video-production-1400.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 95% 0;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
  .service-page-content {
    margin-left: 17.6em;
  }

  ul.breadcrumbs {
    padding: 0 0 0 2em;
  }

  /* Sweep To Right */
  .hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #cc3333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-right: solid 3px white;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    background-image: url(../images/sidebar-nav-hover-bg.png);
  }

  a.hvr-sweep-to-right:hover, a.hvr-sweep-to-right:focus, a.hvr-sweep-to-right:active {
    color: white;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-left: 0px solid #333;
  }

  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-seo-1100.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-analytics-1100.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-1100.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-photography-1100.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-motion-graphics-1100.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-graphic-design-1100.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-email-marketing-1100.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-web-development-1100.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-social-media-marketing-1100.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-website-design-1100.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-local-search-1100.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-paid-search-1100.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-influencer-marketing-1100.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-salesforce-1100.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-marketing-automation-1100.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-hosting-managed-services-1100.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-brand-strategy-1100.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-business-planning-1100.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-speaking-engagements-1100.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-video-production-1100.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 95% 0;
  }

  .service-detail-one div {
    padding: 0 2em;
  }

  .service-page-hero .container {
    padding: 3em;
  }

  .service-detail-four .service-detail-four-image img {
    padding: 3em 5em 3em 0;
  }

  .service-detail-four .service-detail-four-copy {
    padding: 2em 1em 2em 8em;
  }
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-seo-1400.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-analytics-1400.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-1400.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-photography-1400.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-motion-graphics-1400.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-graphic-design-1400.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-email-marketing-1400.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-web-development-1400.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-social-media-marketing-1400.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-website-design-1400.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-local-search-1400.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-paid-search-1400.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-influencer-marketing-1400.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-salesforce-1400.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-marketing-automation-1400.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-hosting-managed-services-1400.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-brand-strategy-1400.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-business-planning-1400.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-speaking-engagements-1400.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-video-production-1400.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 95% 0;
  }

  .service-page-why-us {
    padding: 10em 8em 8em 12em;
  }

  .service-tactics .panel-body {
    height: 13em;
  }

  .service-detail-one {
    padding: 2em 0 7em;
  }
}
@media (min-width: 1700px) {
  /* SEO Page */
  .page-id-115 .service-page-hero {
    background: url(../images/service-page-hero-seo-1920.jpg) no-repeat center center;
  }

  /* Analytics Page */
  .page-id-162 .service-page-hero {
    background: url(../images/service-page-hero-analytics-1920.jpg) no-repeat center center;
  }

  /* Content Marketing Page */
  .page-id-143 .service-page-hero {
    background: url(../images/service-page-hero-content-marketing-1920.jpg) no-repeat center center;
  }

  /* Photography Page */
  .page-id-208 .service-page-hero {
    background: url(../images/service-page-hero-photography-1920.jpg) no-repeat center center;
  }

  /* Motion Graphics Design Page */
  .page-id-168 .service-page-hero {
    background: url(../images/service-page-hero-motion-graphics-1920.jpg) no-repeat center center;
  }

  /* Graphic Design Page */
  .page-id-166 .service-page-hero {
    background: url(../images/service-page-hero-graphic-design-1920.jpg) no-repeat center center;
  }

  /* Email Marketing Page */
  .page-id-152 .service-page-hero {
    background: url(../images/service-page-hero-email-marketing-1920.jpg) no-repeat center center;
  }

  /* Web Development Page */
  .page-id-156 .service-page-hero {
    background: url(../images/service-page-hero-web-development-1920.jpg) no-repeat center center;
  }

  /* Social Media Marketing */
  .page-id-145 .service-page-hero {
    background: url(../images/service-page-hero-social-media-marketing-1920.jpg) no-repeat center center;
  }

  /* Website Design Page */
  .page-id-158 .service-page-hero {
    background: url(../images/service-page-hero-website-design-1920.jpg) no-repeat center center;
  }

  /* Local Search Page */
  .page-id-139 .service-page-hero {
    background: url(../images/service-page-hero-local-search-1920.jpg) no-repeat center center;
  }

  /* Paid Search Page */
  .page-id-132 .service-page-hero {
    background: url(../images/service-page-hero-paid-search-1920.jpg) no-repeat center center;
  }

  /* Influencer Marketing Page */
  .page-id-150 .service-page-hero {
    background: url(../images/service-page-hero-influencer-marketing-1920.jpg) no-repeat center center;
  }

  /* Salesforce CRM Consulting Page */
  .page-id-170 .service-page-hero {
    background: url(../images/service-page-hero-salesforce-1920.jpg) no-repeat center center;
  }

  /* Marketing Automation Page */
  .page-id-154 .service-page-hero {
    background: url(../images/service-page-hero-marketing-automation-1920.jpg) no-repeat center center;
  }

  /* Hosting and Managed Services Page */
  .page-id-172 .service-page-hero {
    background: url(../images/service-page-hero-hosting-managed-services-1920.jpg) no-repeat center center;
  }

  /* Brand Strategy Page */
  .page-id-176 .service-page-hero {
    background: url(../images/service-page-hero-brand-strategy-1920.jpg) no-repeat center center;
  }

  /* Business Planning Page */
  .page-id-174 .service-page-hero {
    background: url(../images/service-page-hero-business-planning-1920.jpg) no-repeat center center;
  }

  /* Speaking and Training Page */
  .page-id-178 .service-page-hero {
    background: url(../images/service-page-hero-speaking-engagements-1920.jpg) no-repeat center center;
  }

  /* Video Production Page */
  .page-id-164 .service-page-hero {
    background: url(../images/service-page-hero-video-production-1920.jpg) no-repeat center center;
  }

  .page-id-115 .service-page-hero,
.page-id-162 .service-page-hero,
.page-id-143 .service-page-hero,
.page-id-208 .service-page-hero,
.page-id-168 .service-page-hero,
.page-id-166 .service-page-hero,
.page-id-152 .service-page-hero,
.page-id-156 .service-page-hero,
.page-id-145 .service-page-hero,
.page-id-158 .service-page-hero,
.page-id-139 .service-page-hero,
.page-id-132 .service-page-hero,
.page-id-150 .service-page-hero,
.page-id-170 .service-page-hero,
.page-id-154 .service-page-hero,
.page-id-172 .service-page-hero,
.page-id-176 .service-page-hero,
.page-id-174 .service-page-hero,
.page-id-178 .service-page-hero,
.page-id-164 .service-page-hero {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 95% 0;
  }

  .service-page-why-us > div > div {
    padding: 3em;
  }
}
@media (min-width: 1800px) {
  .service-tactics .panel-body {
    height: 12em;
  }

  .service-detail-four .service-detail-four-image img {
    padding: 1em 6em 3em 0;
  }
}
@media (min-width: 1900px) {
  /*------  Start of 1900px Media Query */
  .service-page-why-us {
    padding: 13em 15em 8em 15em;
    background-position: 5% 50%;
  }
}
/* ------------------------------------------
*
*   Services Page (mobile first)
*
*-------------------------------------------- */
.services-header {
  font-size: 1.3rem;
  text-align: center;
  margin: 0;
  background: url(../images/building-levels-photo-mobile.jpg);
  border-bottom: 1.429em solid #333333;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 1.5em 0.5em 1em;
}

.services-header h1 {
  color: #cc3333;
}

.services-page-body-container {
  font-size: 1.3rem;
}

.services-page-body-container h2 {
  color: #333333;
  text-shadow: 0 1px 1px #cc3333;
  border-left: 0.571em solid #cc3333;
  padding-left: 0.714em;
}

.services-page-twinsight {
  border-top: 0.071em solid #333333;
  margin-top: 1em;
}

.services-page-body-container .service {
  padding: 0.5em 3em 0;
  z-index: 0;
}

.grey-bg {
  background-color: rgba(55, 55, 55, 0.1);
}

.services-page-body-container .email-signup-bg p.body-copy {
  font-family: "Goudy Bookletter 1911", Georgia, Times, serif;
  font-size: 1.2em;
  color: #333333;
}

.services-page-body-container h3 {
  text-transform: none;
  font-weight: 300;
  color: #cc3333 !important;
  font-family: "Goudy Bookletter 1911", Georgia, Times, serif;
  line-height: 1.1;
}

.services-page-body-container p {
  font-family: "Raleway";
}

.service-page-divider {
  font-size: 1.3rem;
  background: url("../images/footer_lodyas.png");
  text-align: center;
  padding: 3.571em 1em;
  border-bottom: #FFFFFF 0.071em solid;
}

.service-page-divider h3 {
  color: #cc3333;
  font-weight: 900;
}

.service-page-divider p.body-copy {
  color: #ffffff;
}

.service h2 {
  font-weight: 900;
  text-transform: uppercase;
}

.service h2 a {
  color: #333333;
}

.service h2 a:hover {
  color: #993333;
}

/* ------------------------------------  End Services Page (mobile first) --- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .services-header {
    font-size: 1.5rem;
    padding: 3em 0;
  }

  .services-header p.body-copy {
    padding: 0.5em 1em;
  }

  .services-header .container {
    padding: 5em 5em 2em;
  }
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
  .services-page-body-container {
    padding: 0;
  }

  .services-header .container {
    padding: 3em 5em 2em;
  }

  .services-page-body-container .service {
    padding: 3em 3em 2em;
  }

  .services-header {
    font-size: 1.3rem;
    position: relative;
  }

  .services-header {
    background: url(../images/building-levels-photo.jpeg);
    border-bottom: 1.429em solid #333333;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 0;
  }

  .service-blocks {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/digital-marketing-services-blocks-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    max-width: auto;
    width: 75em;
    z-index: -1;
    opacity: 0.2;
  }
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .services-page-body-container {
    font-size: 1rem;
  }

  .services-page-body-container p {
    font-size: 1em;
  }
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
  .services-header .container {
    padding: 4em 5em 4em;
  }

  .service-page-divider {
    font-size: 1rem;
  }
}
/* ------------------------------------------
*
*  Speaking and Training php Page (mobile first)
*
*-------------------------------------------- */
.megaphone {
  border-radius: 50%;
  background: #333333;
  border: 10px solid #cc3333;
  padding: 0.714em 0;
  height: 10em;
  width: 10em;
}

.speaking {
  font-size: 1.3rem;
  border-top: 1.429em solid #333333;
  background: url(../images/tree_bark.png) #333333;
  padding: 4em 0 2em;
  text-align: center;
}

.speaking h2,
.speaking p {
  color: #fff;
}

.speaking ul {
  list-style-type: none;
}

.speaking li img {
  float: left;
  margin: 0.714em;
  border: 0.357em solid #fff;
  -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  -ms-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
}

.speaking li img:hover {
  -webkit-box-shadow: 0 0 0.5em white;
  box-shadow: 0 0 0.5em white;
}

/* ------------------------------------  End Speaking and Training php include (mobile first) --- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 768px) {
  /*------  Start of 768px Media Query */
  .speaking {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  /*------  Start of 992px Media Query */
}
@media (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
}
@media (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
}
@media (min-width: 1400px) {
  /*------  Start of 1400px Media Query */
}
@media (min-width: 1600px) {
  /*------  Start of 1600px Media Query */
}
/* ------------------------------------------
*
*   Team Page (mobile first)
*
*-------------------------------------------- */
.team-member-section h1 {
  margin: 2em 0;
}

.team-member-header-content {
  font-size: 1.3rem;
  padding: 1.429em;
  background: #cc3333;
}

.team-member-description {
  margin: 3em 0 5em 0;
}

.team-member-description p {
  color: #333333;
  text-align: left;
}

.team-member-photo {
  padding: 0;
}

.team-page-avatar {
  border-radius: 50%;
  height: 100px;
  border: 2px solid #FFFFFF;
}

.team-member-name {
  padding: 1em 0 1em 0;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
}

.team-member-title {
  text-align: center;
  font-size: 1em;
  font-family: "Goudy Bookletter 1911";
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 1em;
}

.team-member-quote {
  font-family: Georgia;
  font-style: italic;
  text-align: center;
  padding: 1em 0;
  margin: 0;
  background: #333333;
  color: #cc3333;
}

.team-member-quote-container {
  margin: 0 -30px 2em;
}

/* ------------------------------------  End Team Page (mobile first) --- */
@media (min-width: 320px) {
  /*------  Start of 320px Media Query */
}
@media (min-width: 375px) {
  /*------  Start of 375px Media Query */
}
@media (min-width: 414px) {
  /*-----  Start of 414px Media Query */
}
@media (min-width: 500px) {
  /*------  Start of 500px Media Query */
}
@media (min-width: 500px) and (min-width: 600px) {
  /*------  Start of 600px Media Query */
}
@media (min-width: 500px) and (min-width: 601px) {
  /*------  Start of 601px Media Query */
}
@media (min-width: 500px) and (min-width: 768px) {
  /*------  Start of 768px Media Query */
}
@media (min-width: 500px) and (min-width: 992px) {
  /*------  Start of 992px Media Query */
  .team-member-section {
    margin: 4em 0;
  }

  .team-member-section .container {
    border: 1px solid #cc3333;
  }

  .team-member-header-content {
    font-size: 1rem;
    margin-top: 2em;
    position: relative;
  }

  .team-member-name {
    padding: 0 0 0 0;
    border: none;
    text-align: left;
    position: absolute;
    top: 15%;
    left: 17%;
  }

  .team-member-title {
    padding: 0.5em 0 0;
    border: none;
    text-align: left;
    position: absolute;
    top: 27%;
    left: 17%;
  }

  .team-member-description {
    padding-bottom: 2em;
  }

  .team-member-quote-container {
    margin: 10em -30px 0;
  }

  .team-member-quote {
    font-size: 1.5em;
    padding: 2em 4em;
  }
}
@media (min-width: 500px) and (min-width: 1024px) {
  /*------  Start of 1024px Media Query */
}
@media (min-width: 500px) and (min-width: 1200px) {
  /*------  Start of 1200px Media Query */
  .team-member-quote {
    padding: 2em 8em;
  }
}
/* ------------------------------------------
*
*   Thank You Confirmation Pages (mobile first)
*
*-------------------------------------------- */
/* Contact Thank you */
.contact-thank-you-copy {
  text-align: center;
  font-size: 1rem;
  margin: 5em 2em 0;
}

.contact-thank-you-copy p a {
  font-family: "Open Sans", "Raleway", Arial, sans-serif;
}

/* Utilities*/

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