/*
================================================================
Import required css files
================================================================
*/
/*
Theme Name: onpoint
Theme URI: http://underscores.me/
Author: onPoint
Author URI: https://onpoint.ca
Description: Custom theme developed for onPoint
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: onpoint
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

onpoint is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  /*content: '\f001';*/
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  /*content: '\f002';*/
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-AirItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Air.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-ThinItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Thin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'AeonikPro';
  src: url('/wp-content/themes/onpoint/fonts/AeonikPro-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
/*
======================================================================
VARIABLES
======================================================================
*/
/*
======================================================================
TOPOGRAPHY MIXINS
======================================================================
*/
body,
p,
a,
li,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
span,
strong,
em,
button,
input,
textarea,
select {
  font-family: 'AeonikPro';
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
.text-p1 {
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  .text-p1 {
    font-size: 24px;
    line-height: 32px;
  }
}
.text-h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  .text-h1 {
    font-size: 101px;
    line-height: 112px;
    letter-spacing: -1px;
  }
}
.text-h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  .text-h2 {
    font-size: 62px;
    line-height: 62px;
    letter-spacing: -1px;
  }
}
.text-h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  .text-h3 {
    font-size: 38px;
    line-height: 48px;
  }
}
.text-h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  .text-h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
.text-small {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 992px) {
  .text-small {
    font-size: 16px;
    line-height: 24px;
  }
}
.text-eyebrow {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.text-highlighted {
  background-color: #231F20;
  color: #ffffff;
}
body {
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  body {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (min-width: 992px) {
  body {
    font-size: 24px;
    line-height: 32px;
  }
}
p,
a {
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  p,
  a {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (min-width: 992px) {
  p,
  a {
    font-size: 24px;
    line-height: 32px;
  }
}
p {
  max-width: 825px;
}
h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 101px;
    line-height: 112px;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 101px;
    line-height: 112px;
    letter-spacing: -1px;
  }
}
h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 62px;
    line-height: 62px;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 62px;
    line-height: 62px;
    letter-spacing: -1px;
  }
}
h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 38px;
    line-height: 48px;
  }
}
h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
/*--------------------------------------------------------------
## Spacing
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
/* SCROLLBAR CUSTOMIZATION */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
  background-color: #231F20;
}
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, a::-moz-selection, strong::-moz-selection, li::-moz-selection {
  background: #231F20;
  color: #ffffff;
}
p::selection,
h1::selection,
h2::selection,
h3::selection,
a::selection,
strong::selection,
li::selection {
  background: #231F20;
  color: #ffffff;
}
/* MAIN NAVIGATION */
.main-navigation {
  clear: both;
  display: block;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*
======================================================================
ADMIN
======================================================================
*/
#wpadminbar {
  background-color: #231F20;
}
/*
======================================================================
GLOBAL
======================================================================
*/
.gf_browser_chrome.gform_wrapper.gform_legacy_markup_wrapper {
  display: block;
}
#mc_embed_signup {
  margin-top: 25px;
}
#mc_embed_signup input[type="email"] {
  border: none;
  border-bottom: 1px solid #777777;
  background-color: none;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #mc_embed_signup input[type="email"] {
    width: 60%;
  }
}
#mc_embed_signup input[type="email"]:focus {
  outline: none;
}
#mc_embed_signup .mce_inline_error {
  width: 100%;
}
@media screen and (min-width: 992px) {
  #mc_embed_signup .mce_inline_error {
    width: 60%;
  }
}
#mc_embed_signup input[type="submit"] {
  border: none;
  background: none;
  color: #231F20;
  margin-top: 20px;
}
.contact-page-form span.wpcf7-not-valid-tip,
#modal span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: none !important;
  color: #f00 !important;
}
.long-arrow-right {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.long-arrow-right {
  display: block;
  margin: 30px auto;
  width: 14px;
  height: 14px;
  border-top: 3px solid #231F20;
  border-left: 3px solid #231F20;
  position: absolute;
  right: 0;
  top: -25px;
}
@media screen and (min-width: 992px) {
  .long-arrow-right {
    top: -19px;
  }
}
.long-arrow-right::after {
  content: "";
  display: block;
  width: 3px;
  height: 18px;
  background-color: #231F20;
  -webkit-transform: rotate(-45deg) translate(6px, 1px);
          transform: rotate(-45deg) translate(6px, 1px);
  left: 0;
  top: 0;
}
a.ar-link {
  position: relative;
  margin: 0 auto;
  margin-top: 66px;
  padding-bottom: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
a.ar-link::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: black;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
a.ar-link .long-arrow-right {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  right: -35px;
}
a.ar-link:hover .long-arrow-right {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
a.ar-link:hover::after {
  width: 0;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
a:hover .long-arrow-right {
  border-top: 3px solid #231F20;
  border-left: 3px solid #231F20;
}
a:hover .long-arrow-right::after {
  background-color: #231F20;
}
#sfsiid_facebook {
  background-image: url('/wp-content/themes/onpoint/images/f-logo.png');
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
#sfsiid_facebook img {
  opacity: 0;
}
#sfsiid_twitter {
  background-image: url('/wp-content/themes/onpoint/images/t-logo.png');
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
#sfsiid_twitter img {
  opacity: 0;
}
#sfsiid_linkedin {
  background-image: url('/wp-content/themes/onpoint/images/in-logo.png');
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
#sfsiid_linkedin img {
  opacity: 0;
}
.s2_message {
  margin-top: 15px;
}
#menu-item-1158 {
  margin-top: 40px;
}
#chat-widget-container {
  bottom: -7px !important;
}
.warning-notice {
  background-color: #231F20;
  position: relative;
  margin-bottom: 8px;
  padding-left: 15px;
  border-top: 2px solid #ffffff;
  padding-top: 20px;
}
@media screen and (min-width: 992px) {
  .warning-notice {
    border: none;
    margin-bottom: 0;
    padding-left: 114px;
    text-align: left;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.warning-notice span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.warning-notice h2:hover {
  cursor: pointer;
}
.warning-notice .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.warning-notice i {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.warning-notice h2 {
  margin: 0;
  padding: 9px 0px;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .warning-notice h2 {
    padding: 9px 20px;
  }
}
.warning-notice h2.active span:nth-of-type(3) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.warning-notice h2 span:first-of-type {
  color: #231F20;
  letter-spacing: -1.8px;
  margin-right: 5px;
  margin-top: -2px;
}
.warning-notice h2 span:nth-of-type(2) {
  letter-spacing: 0;
}
.warning-notice h2 span:nth-of-type(3) {
  margin-left: 19px;
  margin-top: -8px;
}
.warning-notice p,
.warning-notice a {
  color: #fff;
  margin: 0;
  text-align: left;
  margin-top: 18px;
}
.warning-notice .warn {
  width: 100%;
  padding-left: 0px;
  padding-right: 15px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .warning-notice .warn {
    width: 65%;
    padding-left: 19px;
    padding-bottom: 0px;
  }
}
.warning-notice a {
  font-weight: 600 !important;
  padding: 0;
}
.warning-notice span {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}
.html-hidden {
  overflow: hidden;
}
#modal div.wpcf7-validation-errors,
#modal div.wpcf7-acceptance-missing,
#modal div.wpcf7-mail-sent-ok {
  margin-bottom: 164px;
}
.contact-page-form div.wpcf7-validation-errors,
.contact-page-form div.wpcf7-acceptance-missing,
.contact-page-form div.wpcf7-mail-sent-ok {
  margin-bottom: 164px;
}
body {
  overflow-x: hidden;
  position: relative;
}
.grecaptcha-badge {
  visibility: hidden;
}
.projects p {
  color: #777777;
}
[class*="icono"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[class*="icono"]:after,
[class*="icono"]:before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[class*="icono-arrow1"] {
  width: 20px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
[class*="icono-arrow1"]:before {
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 23px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
[class*="icono-arrow1"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 41px;
  top: 114px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
[class*="icono-arrow1"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
[class*="icono-arrow1"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*="icono-arrow1"][class*="-right"] {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
[class*="icono-arrow1"][class*="-right"][class*="-up"] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
[class*="icono-arrow1"][class*="-right"][class*="-down"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*="icono-arrow1"][class*="-up"] {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
[class*="icono-arrow1"][class*="-down"] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
[class*="icono"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #231F20;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[class*="icono"]:after,
[class*="icono"]:before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.img-responsive {
  display: block;
  width: 100%;
}
.transform {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.center {
  text-align: center;
}
.paddings {
  padding: 15px 15px 15px 15px;
}
.width-800 {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.width-928 {
  max-width: 928px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.width-851 {
  max-width: 851px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
.width-909 {
  max-width: 909px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.width-938 {
  max-width: 938px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.width-1170 {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1254 {
  max-width: 1254px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1500 {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  .width-1500 {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .width-1500 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.width-1441 {
  max-width: 1441px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.width-1600 {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.white-text {
  color: #ffffff;
}
html {
  overflow-x: hidden;
  margin: 0;
}
h1 {
  color: #ffffff;
  line-height: 1.1;
}
h2 {
  color: #231F20;
  margin-top: 0;
  margin-bottom: 17px;
}
h3,
.h3 {
  color: #231F20;
  margin-top: 0;
  margin-bottom: 17px;
}
.h3 {
  font-size: 40px !important;
}
p,
li,
span {
  margin-bottom: 0;
  color: #231F20;
}
a {
  color: #000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
a:hover,
a:focus {
  opacity: 1;
  color: #777777;
  text-decoration: none;
}
.inline-spacer {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: transparent;
}
.dashicons-menu {
  color: #ffffff;
  width: 34px;
  height: 30px;
}
#return-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #231F20;
  width: 48px;
  height: 48px;
  border-radius: 28px;
  text-decoration: none;
  display: none;
  -webkit-transition: all 0.3s linear;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5000000;
}
#return-to-top i {
  color: #ffffff;
  margin: 0;
  position: relative;
  left: 17px;
  top: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 992px) {
  #return-to-top i {
    top: 7px;
  }
}
#return-to-top:hover {
  background: #000;
  opacity: 0.7;
}
#return-to-top:hover i {
  color: #ffffff;
}
.overflow-hidden {
  overflow: hidden;
}
#nav-icon2 {
  width: 43px;
  height: 40px;
  position: absolute;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin: 0;
  top: 48px;
  right: 19px;
  z-index: 2;
  background-color: transparent;
  border: none;
}
#nav-icon2:focus {
  outline: none;
}
@media screen and (min-width: 992px) {
  #nav-icon2 {
    top: 58px;
    right: 48px;
    width: 59px;
    height: 45px;
  }
}
#nav-icon2 img {
  position: absolute;
  bottom: -9px;
  left: 0;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #ffffff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#nav-icon2 span:nth-child(even) {
  left: 50%;
}
#nav-icon2 span:nth-child(odd) {
  left: 0px;
}
#nav-icon2 span:nth-child(1),
#nav-icon2 span:nth-child(2) {
  top: 7px;
}
#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
  top: 18px;
}
#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
  top: 29px;
}
#nav-icon2.open span:nth-child(1),
#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(1) {
  left: 9px;
  top: 9.2px;
}
#nav-icon2.open img {
  opacity: 0;
}
#nav-icon2.open span:nth-child(2) {
  left: calc(42% - 4px);
  top: 10px;
}
#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
  left: 10px;
  top: 14px;
}
@media screen and (min-width: 992px) {
  #nav-icon2.open span:nth-child(5) {
    top: 20px;
  }
}
#nav-icon2.open span:nth-child(6) {
  left: calc(42% - 4px);
  top: 14px;
}
@media screen and (min-width: 992px) {
  #nav-icon2.open span:nth-child(6) {
    top: 20px;
  }
}
#nav-icon2 span:last-of-type {
  background-color: transparent !important;
  top: 34px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  #nav-icon2 span:last-of-type {
    font-size: 18px !important;
  }
}
.single-our-blog #nav-icon2 span:last-of-type {
  background-color: transparent !important;
  top: 34px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .single-our-blog #nav-icon2 span:last-of-type {
    font-size: 18px !important;
  }
}
#nav-icon2.active span:last-of-type {
  opacity: 0;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: auto;
  background: #231F20;
}
.overlay .site-logo {
  z-index: 99999;
}
.overlay .social-monogram {
  position: relative;
  top: 0px;
  left: 0px;
}
.overlay .social-monogram a {
  position: absolute;
  top: 187px;
  left: 177px;
  z-index: 9999;
}
.overlay .social-monogram .target {
  display: none;
}
@media screen and (min-width: 992px) {
  .overlay .social-monogram .target {
    display: block;
  }
}
.overlay .social-monogram .target img {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.overlay .social-info {
  text-align: left;
}
.overlay .social-info .social-insta,
.overlay .social-info .social-fb,
.overlay .social-info .social-contact {
  display: inline-block;
  vertical-align: middle;
}
.overlay .social-info .social-contact {
  padding-top: 10px;
}
.overlay .social-info .social-contact p {
  margin-right: 23px;
}
.overlay .social-info p {
  display: none;
}
@media screen and (min-width: 992px) {
  .overlay .social-info p {
    display: inline-block;
  }
}
.overlay .social-info p:first-of-type {
  margin-top: 16px;
}
.overlay .social-info p a {
  color: #ffffff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.overlay .social-info p a:hover {
  color: #777777 !important;
  opacity: 1;
}
.overlay .social-info .social-fb img,
.overlay .social-info .social-insta img {
  margin-top: 28px;
}
.overlay .social-info img {
  width: 40px;
}
.overlay img {
  width: 100px;
}
.overlay.open {
  visibility: visible;
  height: 100%;
  width: 100%;
}
.overlay.open .site-logo {
  -webkit-animation: fadeIn 1s ease-in-out;
          animation: fadeIn 1s ease-in-out;
}
.overlay.open .social-monogram {
  position: relative;
  top: 0px;
  left: 0px;
}
@media screen and (min-width: 992px) {
  .overlay.open .social-monogram {
    left: -102px;
  }
}
@media screen and (min-width: 1200px) {
  .overlay.open .social-monogram {
    left: 0px;
  }
}
.overlay.open .social-monogram a {
  position: absolute;
  top: 187px;
  left: 177px;
  z-index: 9999;
}
.overlay.open .social-monogram .target img {
  width: 100px;
  opacity: 1;
}
.overlay.open li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.overlay .overlay-menu {
  height: 100%;
  -webkit-transform: none;
          transform: none;
  text-align: center;
  float: left;
  margin-left: 18px;
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu {
    margin-left: 42px;
  }
}
.overlay .overlay-menu a,
.overlay .overlay-menu p {
  text-decoration: none;
  color: white;
}
.overlay .overlay-menu a:hover {
  color: #777777;
}
.overlay .overlay-menu h2 a {
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu h2 a {
    font-size: 62px;
    line-height: 62px;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu h2 a {
    font-size: 62px;
    line-height: 62px;
    letter-spacing: -1px;
  }
}
.overlay .overlay-menu .main-menu {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 150px;
}
.overlay .overlay-menu .main-menu .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu .main-menu .submenu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 43px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .overlay .overlay-menu .main-menu .submenu {
    gap: 86px;
  }
}
.overlay .overlay-menu .main-menu .menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.overlay .overlay-menu .main-menu .menu-item .submenu-items {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  padding-left: 15px;
}
.overlay .overlay-menu .main-menu .menu-item .submenu-items h4 {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu .main-menu .menu-item .submenu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
  }
}
.overlay .overlay-menu .main-menu .menu-item .expand-toggle {
  cursor: pointer;
  font-weight: 300;
}
.overlay .overlay-menu .main-menu .menu-item .expand-toggle::after {
  content: '+';
  margin-left: 5px;
}
@media screen and (min-width: 992px) {
  .overlay .overlay-menu .main-menu .menu-item .expand-toggle::after {
    display: none;
  }
}
.overlay .overlay-menu .main-menu .menu-item.open .submenu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overlay .overlay-menu .main-menu .menu-item.open .expand-toggle::after {
  content: '-';
}
#modal {
  width: 100%;
  opacity: 0;
  overflow: scroll;
  z-index: 6;
}
#modal.open {
  opacity: 1;
}
#modal .close-modal {
  color: #ffffff;
  position: absolute;
  right: 67px;
  top: 35px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#modal .close-modal:hover {
  cursor: pointer;
  color: #777777;
}
#modal span.wpcf7-not-valid-tip {
  color: #ffffff;
  border: 1px solid #f00;
  margin-bottom: 63px;
  margin-top: 11px;
}
#modal div.wpcf7-validation-errors,
#modal div.wpcf7-acceptance-missing,
#modal div.wpcf7-mail-sent-ok {
  color: #ffffff;
}
#modal p {
  margin-bottom: 50px;
}
#modal p:nth-of-type(5) {
  margin-bottom: 0px;
}
#modal p,
#modal a {
  color: #ffffff;
}
#modal label {
  color: #ffffff;
}
#modal input,
#modal select,
#modal textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 0 19px;
  padding-top: 12px;
  padding-bottom: 3px;
  background: transparent;
  color: #ffffff;
}
#modal input:focus,
#modal select:focus,
#modal textarea:focus {
  outline: none;
}
#modal textarea {
  border: 1px solid #ffffff;
  margin-bottom: 0;
  height: 238px;
}
#modal p:nth-of-type(6) {
  position: relative;
  margin-right: 15px;
}
@media screen and (min-width: 992px) {
  #modal p:nth-of-type(6) {
    margin-right: 0;
  }
}
#modal p:nth-of-type(6) [class*="send-arrow"] {
  width: 14px;
  height: 14px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
#modal p:nth-of-type(6) [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 18px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
#modal p:nth-of-type(6) [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -19px;
  top: 12px;
  z-index: 2;
  opacity: 1;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#modal p:nth-of-type(6) [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
#modal p:nth-of-type(6) [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#modal p:nth-of-type(6):hover [class*="send-arrow"] {
  width: 14px;
  height: 14px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
#modal p:nth-of-type(6):hover [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 18px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
#modal p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -19px;
  top: 12px;
  z-index: 2;
  opacity: 1;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#modal p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
#modal p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#modal input[type="submit"] {
  border: none;
  color: #ffffff;
  text-align: right;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#modal input[type="submit"]:hover {
  color: #777777;
}
#modal ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777777 !important;
  opacity: 1;
}
#modal :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777 !important;
  opacity: 1;
}
#modal ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777 !important;
  opacity: 1;
}
#modal :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777777 !important;
  opacity: 1;
}
#modal img {
  width: 72px;
  margin-top: 162px;
  margin-bottom: 58px;
}
#modal .container > p {
  margin-bottom: 47px;
}
#modal .wpcf7-response-output {
  color: white !important;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    left: 5%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    left: 5%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/*
======================================================================
HEADER
======================================================================
*/
table.ui-datepicker-calendar span {
  font-size: 18px !important;
}
header {
  background: transparent;
  position: relative;
  z-index: 4;
  width: 100%;
}
header .site-logo {
  padding-left: 18px;
  padding-top: 43px;
  position: absolute;
}
@media screen and (min-width: 992px) {
  header .site-logo {
    padding-left: 42px;
    padding-top: 64px;
  }
}
header .site-logo img {
  width: 200px;
}
/*
======================================================================
HOME PAGE
======================================================================
*/
aside {
  display: inline-block;
}
.page-id-10 .hero {
  height: 100vh;
  background: url('/wp-content/themes/onpoint/images/onpoint-hero-mobile-2x.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-id-10 .hero br {
  display: none;
}
@media screen and (min-width: 992px) {
  .page-id-10 .hero {
    background: unset;
    height: unset;
  }
  .page-id-10 .hero br {
    display: block;
  }
}
.print-btn {
  background-color: transparent;
  border: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 115px;
  margin-left: 96px;
}
@media screen and (min-width: 768px) {
  .print-btn {
    margin-left: 96px;
  }
}
@media screen and (min-width: 992px) {
  .print-btn {
    margin-top: 121px;
  }
}
.on-point {
  margin-bottom: 136px;
  margin-top: 0px;
}
.on-point a {
  margin-top: 47px;
}
.on-point .width-1500 {
  max-width: 1010px;
  margin-top: 0px;
}
@media screen and (min-width: 992px) {
  .on-point .width-1500 {
    margin-top: -153px;
  }
}
.on-point h2 {
  text-align: center;
}
.on-point a {
  display: block;
  text-align: center;
}
.home-articles {
  margin-bottom: 170px;
  margin-top: 90px;
}
.home-articles a:last-of-type {
  text-align: center;
  display: block;
}
.home-articles h2 {
  margin-bottom: 48px;
}
@media screen and (min-width: 992px) {
  .home-articles h2 {
    margin-bottom: 88px;
  }
}
.home-articles .thinking-article {
  border-top: 1px solid #231F20;
}
.home-articles .thinking-article span,
.home-articles .thinking-article a,
.home-articles .thinking-article h3,
.home-articles .thinking-article p {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #231F20 !important;
}
.home-articles .thinking-article:hover span,
.home-articles .thinking-article:hover a,
.home-articles .thinking-article:hover h3,
.home-articles .thinking-article:hover p {
  color: #777777 !important;
}
.hero {
  position: relative;
  background-color: #231F20;
  height: 645px;
}
@media screen and (min-width: 992px) {
  .hero {
    background-color: unset;
    height: unset;
  }
}
.hero video {
  display: none;
}
@media screen and (min-width: 992px) {
  .hero video {
    display: block;
  }
}
.hero .slide-content {
  position: absolute;
  top: 32%;
  left: 10%;
}
.hero .slide-content h1 {
  margin-bottom: 14px;
}
.hero .slide-content p {
  color: #ffffff;
  width: 299px;
}
@media screen and (min-width: 500px) {
  .hero .slide-content p {
    width: 370px;
  }
}
@media screen and (min-width: 992px) {
  .hero .slide-content p {
    width: 670px;
  }
}
.intro {
  padding: 90px 20px;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .intro {
    padding: 200px 0px;
  }
}
.intro h2 {
  text-align: left;
}
.intro img {
  width: 116px;
  margin-bottom: 52px;
}
.intro .ar-link {
  float: left;
  margin-top: 24px;
}
.need {
  padding: 64px 20px;
  text-align: left;
  position: relative;
  margin-top: 180px;
}
@media screen and (min-width: 992px) {
  .need {
    text-align: center;
    margin-top: 0;
    margin-bottom: 280px;
  }
}
.need h2 {
  text-align: left;
}
.need img {
  position: absolute;
  z-index: -5;
}
.need .mobile {
  display: block;
  top: -100px;
  max-width: 720px;
  width: 150%;
  right: -100px;
}
@media screen and (min-width: 500px) {
  .need .mobile {
    top: -65px;
    right: -70px;
    height: 100%;
  }
}
@media screen and (min-width: 992px) {
  .need .mobile {
    display: none;
  }
}
.need .desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .need .desktop {
    display: block;
    height: 200%;
    margin-block: auto;
    top: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.on-your-team {
  position: relative;
  padding-top: 171px;
  padding-bottom: 121px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  .on-your-team {
    padding-top: 159px;
    padding-bottom: 506px;
  }
}
.on-your-team img {
  position: absolute;
  max-width: initial;
  width: auto;
  top: 0;
}
.on-your-team .mobile {
  display: block;
  -o-object-position: 10px -10px;
     object-position: 10px -10px;
  width: 150%;
  -o-object-position: -40px -40px;
     object-position: -40px -40px;
}
@media screen and (min-width: 500px) {
  .on-your-team .mobile {
    -o-object-position: -40px -150px;
       object-position: -40px -150px;
  }
}
@media screen and (min-width: 768px) {
  .on-your-team .mobile {
    -o-object-position: 110px -150px;
       object-position: 110px -150px;
    width: 120%;
  }
}
@media screen and (min-width: 992px) {
  .on-your-team .mobile {
    display: none;
  }
}
.on-your-team .desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .on-your-team .desktop {
    display: block;
    right: 0;
    -o-object-position: 30px 10px;
       object-position: 30px 10px;
    position: absolute;
    height: 60%;
  }
}
.home-services {
  background-color: #231F20;
  background: url('/wp-content/themes/onpoint/images/onpoint-grain-1-desktop.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 78px 20px;
}
@media screen and (min-width: 992px) {
  .home-services {
    height: 1080px;
  }
}
.home-services .home-services-container {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-services .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}
@media screen and (min-width: 992px) {
  .home-services .submenu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 43px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 43px;
  }
}
@media screen and (min-width: 1200px) {
  .home-services .submenu {
    gap: 86px;
  }
}
.home-services .menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.home-services .menu-item .submenu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.home-services .menu-item .submenu-items h4 {
  margin-left: 0;
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .home-services .menu-item .submenu-items {
    padding-left: 0;
  }
}
.home-services .text-eyebrow {
  font-weight: 300;
}
.home-services h2,
.home-services h3,
.home-services h4,
.home-services p {
  color: white;
}
.home-services a {
  color: #ffffff;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}
.home-services a:hover,
.home-services a:focus {
  color: #777777;
}
.home-services h2 {
  font-size: 62px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .home-services h2 {
    font-size: 101px;
    padding-bottom: 45px;
  }
}
.home-services h3 {
  font-size: 16px;
}
.home-services h4 a {
  font-size: 24px;
}
@media screen and (min-width: 992px) {
  .home-services h4 a {
    font-size: 38px;
  }
}
.home-work {
  padding: 32px 20px;
  text-align: center;
}
.home-work h2 {
  text-align: left;
  margin-left: 16px;
}
@media screen and (min-width: 992px) {
  .home-work {
    padding: 143px 0;
  }
}
.home-work .home-project {
  display: inline-block;
  width: 100%;
  margin: 11px 0;
  vertical-align: top;
  position: relative;
}
@media screen and (min-width: 600px) {
  .home-work .home-project {
    width: 46%;
    margin: 11px 10px;
  }
}
@media screen and (min-width: 992px) {
  .home-work .home-project {
    width: 47%;
    margin: 13px;
  }
}
@media screen and (min-width: 1500px) {
  .home-work .home-project {
    width: 47%;
    margin: 16px;
  }
}
.home-work .home-project .blue-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #231F20;
  width: 100%;
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .home-work .home-project .blue-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #231F20;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 0;
    visibility: hidden;
  }
}
.home-work .home-project h3 {
  color: #ffffff;
  text-align: left;
  position: absolute;
  left: 49px;
  top: 45px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.home-work .home-project a:hover {
  opacity: 1;
}
.home-work .home-project:hover {
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .home-work .home-project:hover {
    opacity: 1;
  }
}
.home-work .home-project:hover .blue-bg {
  visibility: visible;
  width: 100%;
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .home-work .home-project:hover .blue-bg {
    visibility: visible;
    opacity: 1;
  }
}
.home-work .home-project:hover h3 {
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .home-work .home-project:hover h3 {
    opacity: 1;
  }
}
.home-work .home-project:hover [class*="icono-arrow1"] {
  width: 20px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
  color: white;
}
.home-work .home-project:hover [class*="icono-arrow1"]:before {
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 23px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.home-work .home-project:hover [class*="icono-arrow1"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 41px;
  top: 110px;
  z-index: 2;
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .home-work .home-project:hover [class*="icono-arrow1"][class*="-left"] {
    opacity: 1;
  }
}
.home-work .home-project:hover [class*="icono-arrow1"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.home-work .home-project:hover [class*="icono-arrow1"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.home-work .home-project:hover [class*="icono-arrow1"][class*="-summit"] {
  top: 144px;
}
.work-text {
  background-color: #231F20;
  padding: 100px 0;
}
@media screen and (min-width: 992px) {
  .work-text {
    padding: 317px 0;
  }
}
.work-text h1 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #ffffff;
  font-size: 101px;
}
.work-text h1:hover {
  color: #777777;
}
[class*="see-our-work-text"] {
  margin-top: 54px;
}
@media screen and (min-width: 992px) {
  [class*="see-our-work-text"] {
    margin-top: 94px;
  }
}
[class*="see-our-work-text"][class*="-green"] {
  background-color: #231F20;
  padding: 91px 0;
}
@media screen and (min-width: 992px) {
  [class*="see-our-work-text"][class*="-green"] {
    padding: 317px 0;
  }
}
[class*="see-our-work-text"][class*="-green"] button {
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: transparent;
  border: none;
}
[class*="see-our-work-text"][class*="-green"] button:hover h1 {
  color: #777777;
}
[class*="see-our-work-text"][class*="-green"] button:focus {
  outline: none;
}
[class*="see-our-work-text"] a {
  position: relative;
}
[class*="see-our-work-text"] h1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 101px;
}
[class*="see-our-work-text"] [class*="work-arrow"] {
  color: #231F20;
  position: absolute;
  top: 0;
  left: 258px;
  opacity: 0;
  width: 25px;
  height: 25px;
  border-width: 6px 6px 0 0;
  margin-top: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 7px;
}
@media screen and (min-width: 768px) {
  [class*="see-our-work-text"] [class*="work-arrow"] {
    left: 252px;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  [class*="see-our-work-text"] [class*="work-arrow"] {
    left: 443px;
  }
}
[class*="see-our-work-text"] [class*="work-arrow"][class*="-white"] {
  color: #ffffff;
  width: 44px;
  height: 44px;
  border-width: 10px 10px 0 0;
  margin-left: 37px;
}
[class*="see-our-work-text"] [class*="work-arrow"][class*="-white"]::before {
  height: 11px;
  width: 57px;
  top: -8px;
}
[class*="see-our-work-text"] [class*="work-arrow"][class*="case"] {
  -webkit-transform: rotate(134deg);
          transform: rotate(134deg);
}
[class*="see-our-work-text"] [class*="work-arrow"]::before {
  height: 7px;
  top: -5px;
  width: 31px;
}
[class*="see-our-work-text"] a:hover {
  opacity: 1;
}
[class*="see-our-work-text"] a:hover h2 {
  color: #231F20;
}
[class*="see-our-work-text"] a:hover [class*="work-arrow"] {
  color: #231F20;
  margin-left: 35px;
}
[class*="see-our-work-text"] a:hover [class*="-white"] {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  color: #231F20;
}
/*
===================================
SERVICES PAGE
===================================
*/
[class*="sub-header"] {
  background-color: #231F20;
  padding-top: 146px;
  padding-bottom: 100px;
}
@media screen and (min-width: 992px) {
  [class*="sub-header"] {
    padding-top: 248px;
    padding-bottom: 130px;
  }
}
[class*="sub-header"][class*="-small"] {
  padding: 0;
  height: 123px;
}
[class*="sub-header"][class*="-work"] h1 {
  width: 306px;
}
@media screen and (min-width: 768px) {
  [class*="sub-header"][class*="-work"] h1 {
    width: 428px;
  }
}
@media screen and (min-width: 992px) {
  [class*="sub-header"][class*="-work"] h1 {
    width: 889px;
  }
}
@media screen and (min-width: 1500px) {
  [class*="sub-header"][class*="-work"] h1 {
    width: 1140px;
  }
}
[class*="sub-header"][class*="-client"] h1 {
  width: 291px;
  padding-bottom: 89px;
}
@media screen and (min-width: 992px) {
  [class*="sub-header"][class*="-client"] h1 {
    width: 914px;
    padding-bottom: 89px;
  }
}
[class*="sub-header"][class*="-client"] p {
  padding-top: 52px;
}
@media screen and (min-width: 992px) {
  [class*="sub-header"][class*="-client"] p {
    padding-top: 0;
  }
}
[class*="sub-header"][class*="-about"] h1 {
  width: 291px;
}
@media screen and (min-width: 748px) {
  [class*="sub-header"][class*="-about"] h1 {
    width: 426px;
  }
}
@media screen and (min-width: 992px) {
  [class*="sub-header"][class*="-about"] h1 {
    width: 964px;
  }
}
[class*="sub-header"] p {
  margin-bottom: 21px;
}
[class*="sub-header"] h1 {
  width: 100%;
}
@media screen and (min-width: 748px) {
  [class*="sub-header"] h1 {
    width: 436px;
  }
}
@media screen and (min-width: 992px) {
  [class*="sub-header"] h1 {
    width: 940px;
  }
}
[class*="sub-header"][class*="-contact"] h1 {
  padding-bottom: 64px;
  width: 273px;
}
@media screen and (min-width: 748px) {
  [class*="sub-header"][class*="-contact"] h1 {
    width: 392px;
  }
}
@media screen and (min-width: 992px) {
  [class*="sub-header"][class*="-contact"] h1 {
    padding-bottom: 0px;
    width: 940px;
  }
}
[class*="sub-header"][class*="-contact"] p {
  padding-top: 32px;
}
@media screen and (min-width: 992px) {
  [class*="sub-header"][class*="-contact"] p {
    padding-top: 0px;
  }
}
.page-id-24 .sub-header h1 {
  width: auto;
}
.services-categories {
  padding-block: 170px;
}
@media screen and (min-width: 992px) {
  .services-categories {
    padding-block: 200px;
  }
}
.services-categories .sidebyside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-inline: auto;
  gap: 88px;
}
@media screen and (min-width: 992px) {
  .services-categories .sidebyside {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
    gap: 0;
  }
}
.services-categories .sidebyside .left-content strong {
  padding-block: 20px;
  display: block;
  padding-left: 35px;
}
.services-categories .sidebyside .right-content .text-eyebrow {
  margin-bottom: 18px;
}
.services-categories .sidebyside .right-content .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.services {
  padding: 0 20px;
}
@media screen and (min-width: 992px) {
  .services {
    padding: 0 20px;
  }
}
.services .text-highlighted {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  margin-bottom: 64px;
}
.services img {
  width: 85px;
  height: 85px;
  margin-bottom: 32px;
}
.services .service-row {
  text-align: justify;
}
.services .service-row .service-item {
  display: inline-block;
  max-width: 320px;
  text-align: left;
  min-height: 345px;
  vertical-align: top;
  margin-bottom: 170px;
}
@media screen and (min-width: 992px) {
  .services .service-row .service-item {
    margin-bottom: 200px;
  }
}
.services .service-row .service-item .ar-link {
  margin-top: 32px;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .services .service-row .service-item {
    max-width: 456px;
  }
}
.services-image .mobile {
  display: block;
}
@media screen and (min-width: 992px) {
  .services-image .mobile {
    display: none;
  }
}
.services-image .desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .services-image .desktop {
    display: block;
  }
}
.thoughtful-approach {
  background-color: #231F20;
  padding: 63px 0px;
}
@media screen and (min-width: 992px) {
  .thoughtful-approach {
    padding: 163px 20px;
  }
}
.thoughtful-approach p {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .thoughtful-approach p {
    width: 880px;
  }
}
.thoughtful-approach h2,
.thoughtful-approach p {
  color: #ffffff;
}
.thoughtful-approach p {
  margin-bottom: 22px;
}
.businesses section {
  padding-top: 77px;
  display: inline-block;
  color: #231F20;
  /*non-webkit fallback*/
}
@media screen and (min-width: 992px) {
  .businesses section {
    padding-top: 166px;
    background: -webkit-gradient(linear, left top, left bottom, from(#231F20), color-stop(#ababab), to(#231F20));
    background: linear-gradient(#231F20, #ababab, #231F20);
    background: -webkit-gradient(linear, left top, left bottom, from(#231F20), color-stop(#797979), to(#231F20));
    background: linear-gradient(#231F20, #797979, #231F20);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-attachment: fixed;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.businesses section h2 {
  margin-bottom: 39px;
}
.businesses p {
  margin-bottom: 22px;
  padding-right: 0px;
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .businesses p {
    padding-right: 354px;
  }
}
.partners {
  padding: 41px 20px;
  padding-bottom: 80px;
}
@media screen and (min-width: 992px) {
  .partners {
    padding: 130px 0;
  }
}
.partners .partner {
  display: inline-block;
  width: 100%;
  margin: 0 0px;
  margin-top: 58px;
}
@media screen and (min-width: 992px) {
  .partners .partner {
    width: 39%;
    margin: 0 44px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1500px) {
  .partners .partner {
    width: 46%;
    margin: 0 44px;
    margin-top: 0;
  }
}
.partners .partner img {
  margin-bottom: 29px;
  max-width: 186px;
  min-height: 131px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 992px) {
  .partners .partner img {
    margin-bottom: 53px;
  }
}
.partners .partner:nth-of-type(1) {
  margin-left: 0;
}
.partners .partner:nth-of-type(2) {
  margin-right: 0;
}
.partners .partner:nth-of-type(2) img {
  max-width: 456px;
}
.partners .partner p {
  padding-right: 0px;
  margin-block: 20px;
}
@media screen and (min-width: 992px) {
  .partners .partner p {
    padding-right: 83px;
  }
}
.partners .partner .cap-arrow {
  position: unset;
  opacity: 1;
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  margin-top: 6px;
}
@media screen and (min-width: 992px) {
  .partners .partner .cap-arrow {
    width: 14px;
    height: 14px;
    margin-top: 3px;
  }
}
.partners .partner .cap-arrow::before {
  height: 4px;
  width: 14px;
}
@media screen and (min-width: 992px) {
  .partners .partner .cap-arrow::before {
    width: 17px;
  }
}
/*
===================================
DESIGN PAGE
===================================
*/
.services-header {
  padding: 49px 20px;
}
@media screen and (min-width: 992px) {
  .services-header {
    padding: 100px 60px;
  }
}
@media screen and (min-width: 1500px) {
  .services-header {
    padding: 100px 20px;
  }
}
.services-header p {
  width: 249px;
}
@media screen and (min-width: 768px) {
  .services-header p {
    width: 100%;
  }
}
.services-header p,
.services-header a {
  color: #231F20;
}
.services-header p a:hover,
.services-header a a:hover {
  color: #777777 !important;
}
.capability-section {
  margin-top: 6px;
  margin-bottom: 49px;
  text-align: justify;
}
@media screen and (min-width: 992px) {
  .capability-section {
    margin-top: 46px;
    margin-bottom: 140px;
  }
}
.capability-section .capability-icon,
.capability-section .vertical-border,
.capability-section .capability-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .capability-section .capability-icon,
  .capability-section .vertical-border,
  .capability-section .capability-info {
    width: 49%;
  }
}
.capability-section .capability-icon .sign,
.capability-section .vertical-border .sign,
.capability-section .capability-info .sign {
  width: 92px;
}
@media screen and (min-width: 992px) {
  .capability-section .capability-icon .sign,
  .capability-section .vertical-border .sign,
  .capability-section .capability-info .sign {
    width: 138px;
  }
}
.capability-section .capability-icon img,
.capability-section .vertical-border img,
.capability-section .capability-info img {
  width: 175px;
  margin-bottom: 36px;
}
@media screen and (min-width: 992px) {
  .capability-section .capability-icon img,
  .capability-section .vertical-border img,
  .capability-section .capability-info img {
    width: 220px;
  }
}
.capability-section .capability-icon {
  text-align: center;
}
.capability-section .capability-icon img,
.capability-section .capability-icon h2 {
  display: inline-block;
  vertical-align: middle;
}
.capability-section .capability-icon img {
  display: none;
}
@media screen and (min-width: 992px) {
  .capability-section .capability-icon img {
    display: inline-block;
  }
}
.capability-section .capability-icon h2 {
  margin: 0;
  margin-left: 0px;
  color: #231F20;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .capability-section .capability-icon h2 {
    margin-left: 0px;
    margin-bottom: 0px;
    width: 76%;
  }
}
@media screen and (min-width: 1200px) {
  .capability-section .capability-icon h2 {
    margin-left: 38px;
    margin-bottom: 0px;
    width: 52%;
  }
}
.capability-section .capability-info {
  width: 100%;
  padding-left: 0px;
  border-left: none;
}
@media screen and (min-width: 992px) {
  .capability-section .capability-info {
    width: 50%;
  }
}
.capability-section .capability-info p {
  margin-bottom: 16px;
}
.capability-section .vertical-border {
  width: 139px;
  height: 335px;
  border-right: 2px solid #231F20;
  display: none;
}
.capability-section .marketing-border {
  width: 139px;
  height: 485px;
  border-right: 2px solid #231F20;
}
.capability-section .print {
  width: 139px;
  height: 298px;
  border-right: 2px solid #231F20;
}
.capability-section .signage {
  width: 139px;
  height: 371px;
  border-right: 2px solid #231F20;
}
.capability-section .photo {
  width: 139px;
  height: 300px;
  border-right: 2px solid #231F20;
}
.brand-img {
  margin-bottom: 102px;
}
@media screen and (min-width: 992px) {
  .brand-img {
    margin-bottom: 173px;
  }
}
.brand-img p {
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .brand-img p {
    width: 915px;
  }
}
.brand-img .brand-info {
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .brand-img .brand-info {
    width: 66%;
    padding-right: 29px;
  }
}
@media screen and (min-width: 992px) {
  .brand-img .brand-info {
    width: 64%;
    padding-right: 29px;
  }
}
@media screen and (min-width: 1500px) {
  .brand-img .brand-info {
    width: auto;
    padding-right: 0px;
  }
}
.brand-img p:first-of-type {
  margin-top: 38px;
  margin-bottom: 28px;
}
@media screen and (min-width: 992px) {
  .brand-img p:first-of-type {
    margin-top: 132px;
  }
}
.brand-img .google-part {
  width: 240px;
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  margin-top: 0px;
  margin-top: 78px;
}
@media screen and (min-width: 992px) {
  .brand-img .google-part {
    margin-left: 0px;
    margin-top: 0;
    width: 301px;
    margin-top: 162px;
  }
}
@media screen and (min-width: 1436px) {
  .brand-img .google-part {
    margin-left: 165px;
    margin-top: 0;
    width: 301px;
    margin-top: 162px;
  }
}
.brand-img .mpia {
  width: 229px;
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  margin-top: 89px;
}
@media screen and (min-width: 768px) {
  .brand-img .mpia {
    margin-top: 0px;
  }
}
@media screen and (min-width: 992px) {
  .brand-img .mpia {
    margin-top: 168px;
    width: 308px;
  }
}
@media screen and (min-width: 1200px) {
  .brand-img .mpia {
    margin-top: 130px;
  }
}
@media screen and (min-width: 1500px) {
  .brand-img .mpia {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1436px) {
  .brand-img .mpia {
    margin-left: 110px;
  }
}
.brand-img .cert {
  width: 173px;
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  margin-top: 173px;
}
@media screen and (min-width: 768px) {
  .brand-img .cert {
    margin-top: 80px;
  }
}
@media screen and (min-width: 992px) {
  .brand-img .cert {
    margin-top: 217px;
    margin-left: 40px;
    width: 213px;
  }
}
@media screen and (min-width: 1339px) {
  .brand-img .cert {
    margin-left: 179px;
    width: 213px;
    margin-top: 170px;
  }
}
.brand-img.design p {
  width: 100%;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .brand-img.design p {
    padding-right: 238px;
  }
}
.common-deliverables {
  margin-bottom: 154px;
}
.common-deliverables p,
.common-deliverables a {
  margin-top: 78px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .common-deliverables p,
  .common-deliverables a {
    text-align: center;
  }
}
.common-deliverables h3 {
  text-align: left;
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .common-deliverables h3 {
    text-align: center;
  }
}
.common-deliverables ul {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  padding-left: 28px;
}
@media screen and (min-width: 768px) {
  .common-deliverables ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    padding-left: 145px;
  }
}
@media screen and (min-width: 992px) {
  .common-deliverables ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    padding-left: 128px;
  }
}
@media screen and (min-width: 1200px) {
  .common-deliverables ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    padding-left: 58px;
  }
}
@media screen and (min-width: 1500px) {
  .common-deliverables ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    padding-left: 0px;
  }
}
.common-deliverables ul li {
  margin-bottom: 21px;
}
.start-project h1 {
  color: #ffffff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.start-project h1:hover {
  color: #777777;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.start-project button {
  background: transparent;
  border: none;
}
.start-project button:focus {
  outline: none;
}
/*
===================================
CONTACT PAGE
===================================
*/
.contact {
  padding-top: 84px;
  padding-bottom: 144px;
}
@media screen and (min-width: 992px) {
  .contact {
    padding-top: 176px;
  }
}
.contact h2 {
  margin: 0;
}
.contact img {
  display: block;
  width: 100px;
  vertical-align: top;
  margin-right: 0px;
  margin: 0 auto;
  margin-bottom: 37px;
}
@media screen and (min-width: 992px) {
  .contact img {
    margin-right: 115px;
    display: inline-block;
    margin-bottom: 0;
  }
}
.contact .contact-info,
.contact .hours {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .contact .contact-info,
  .contact .hours {
    width: 47%;
  }
}
.contact .hours {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .contact .hours {
    width: 24%;
  }
}
.contact-info {
  margin-bottom: 49px;
}
@media screen and (min-width: 992px) {
  .contact-info {
    margin-bottom: 0px;
  }
}
.contact-info p:last-of-type {
  margin-top: 15px;
}
.contact-info a {
  color: #231F20;
}
.contact-info a:hover {
  color: #231F20 !important;
}
.contact-info .direct {
  position: relative;
  color: #231F20;
}
.contact-info .direct [class*="send-arrow"] {
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
@media screen and (min-width: 992px) {
  .contact-info .direct [class*="send-arrow"] {
    width: 14px;
    height: 14px;
  }
}
.contact-info .direct [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 14px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (min-width: 992px) {
  .contact-info .direct [class*="send-arrow"]::before {
    width: 18px;
  }
}
.contact-info .direct [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -31px;
  top: -5px;
  z-index: 2;
  opacity: 1;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .contact-info .direct [class*="send-arrow"][class*="-left"] {
    right: -39px;
    top: -1px;
  }
}
.contact-info .direct [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.contact-info .direct [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contact-info .direct:hover {
  color: #231F20 !important;
}
.contact-info .direct:hover [class*="send-arrow"] {
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
@media screen and (min-width: 992px) {
  .contact-info .direct:hover [class*="send-arrow"] {
    width: 14px;
    height: 14px;
  }
}
.contact-info .direct:hover [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 14px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (min-width: 992px) {
  .contact-info .direct:hover [class*="send-arrow"]::before {
    width: 18px;
  }
}
.contact-info .direct:hover [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -31px;
  top: -5px;
  z-index: 2;
  opacity: 1;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .contact-info .direct:hover [class*="send-arrow"][class*="-left"] {
    right: -39px;
    top: -1px;
  }
}
.contact-info .direct:hover [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.contact-info .direct:hover [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contact-page-form span.wpcf7-not-valid-tip {
  color: #231F20;
  border: 1px solid #f00;
  margin-bottom: 63px;
  margin-top: 11px;
}
.contact-page-form div.wpcf7-validation-errors,
.contact-page-form div.wpcf7-acceptance-missing,
.contact-page-form div.wpcf7-mail-sent-ok {
  color: #231F20;
}
.contact-page-form p {
  margin-bottom: 50px;
}
.contact-page-form p:nth-of-type(5) {
  margin-bottom: 0;
}
.contact-page-form p,
.contact-page-form a {
  color: #ffffff;
}
.contact-page-form label {
  color: #231F20;
}
.contact-page-form input,
.contact-page-form select,
.contact-page-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #231F20;
  padding: 0 19px;
  padding-top: 12px;
  padding-bottom: 3px;
  background: transparent;
  color: #231F20;
}
.contact-page-form input:focus,
.contact-page-form select:focus,
.contact-page-form textarea:focus {
  outline: none;
}
.contact-page-form textarea {
  border: 1px solid #231F20;
  margin-bottom: 0;
  height: 238px;
}
.contact-page-form p:nth-of-type(6) {
  position: relative;
  margin-right: 14px;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6) {
    margin-right: 0;
  }
}
.contact-page-form p:nth-of-type(6) [class*="send-arrow"] {
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6) [class*="send-arrow"] {
    width: 14px;
    height: 14px;
  }
}
.contact-page-form p:nth-of-type(6) [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 15px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6) [class*="send-arrow"]::before {
    width: 18px;
  }
}
.contact-page-form p:nth-of-type(6) [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -15px;
  top: 7px;
  z-index: 2;
  opacity: 1;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6) [class*="send-arrow"][class*="-left"] {
    right: -19px;
    top: 12px;
  }
}
.contact-page-form p:nth-of-type(6) [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.contact-page-form p:nth-of-type(6) [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contact-page-form p:nth-of-type(6):hover [class*="send-arrow"] {
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6):hover [class*="send-arrow"] {
    width: 14px;
    height: 14px;
  }
}
.contact-page-form p:nth-of-type(6):hover [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 15px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6):hover [class*="send-arrow"]::before {
    width: 18px;
  }
}
.contact-page-form p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -15px;
  top: 7px;
  z-index: 2;
  opacity: 1;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .contact-page-form p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"] {
    right: -19px;
    top: 12px;
  }
}
.contact-page-form p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.contact-page-form p:nth-of-type(6):hover [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contact-page-form input[type="submit"] {
  border: none;
  color: #231F20;
  text-align: right;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contact-page-form input[type="submit"]:hover {
  color: #231F20;
}
.contact-page-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #5b6f99 !important;
  opacity: 1;
}
.contact-page-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #5b6f99 !important;
  opacity: 1;
}
.contact-page-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #5b6f99 !important;
  opacity: 1;
}
.contact-page-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #5b6f99 !important;
  opacity: 1;
}
.join-our-team {
  margin-top: 0px;
  margin-bottom: 89px;
}
@media screen and (min-width: 992px) {
  .join-our-team {
    margin-top: 29px;
  }
}
@media screen and (min-width: 992px) {
  .join-our-team {
    margin-top: 62px;
    margin-bottom: 200px;
  }
}
.join-our-team h2:first-of-type {
  margin-top: 59px;
}
@media screen and (min-width: 992px) {
  .join-our-team h2:first-of-type {
    margin-top: 211px;
  }
}
.join-our-team h2:nth-of-type(2) {
  margin-top: 39px;
}
.join-our-team p {
  margin-bottom: 17px;
}
.join-our-team [class*="send-arrow"] {
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
@media screen and (min-width: 992px) {
  .join-our-team [class*="send-arrow"] {
    width: 14px;
    height: 14px;
  }
}
.join-our-team [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 15px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (min-width: 992px) {
  .join-our-team [class*="send-arrow"]::before {
    width: 18px;
  }
}
.join-our-team [class*="send-arrow"][class*="-left"] {
  left: 195px;
  top: 1px;
  color: #231F20;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: -4px;
  z-index: 2;
  opacity: 1;
  color: #231F20 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .join-our-team [class*="send-arrow"][class*="-left"] {
    left: 292px;
    top: 1px;
  }
}
.join-our-team [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.join-our-team [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.join-our-team p:last-of-type {
  position: relative;
}
.join-our-team p:last-of-type:hover [class*="send-arrow"] {
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
@media screen and (min-width: 992px) {
  .join-our-team p:last-of-type:hover [class*="send-arrow"] {
    width: 14px;
    height: 14px;
  }
}
.join-our-team p:last-of-type:hover [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 15px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (min-width: 992px) {
  .join-our-team p:last-of-type:hover [class*="send-arrow"]::before {
    width: 18px;
  }
}
.join-our-team p:last-of-type:hover [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 200px;
  top: -4px;
  z-index: 2;
  opacity: 1;
  color: #231F20 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .join-our-team p:last-of-type:hover [class*="send-arrow"][class*="-left"] {
    left: 298px;
    top: 1px;
  }
}
.join-our-team p:last-of-type:hover [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.join-our-team p:last-of-type:hover [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#map-container {
  line-height: 0;
}
/*
===================================
SINGLE WORK PAGES
===================================
*/
[class*="case-study-header"] {
  position: relative;
  height: 592px;
}
@media screen and (min-width: 992px) {
  [class*="case-study-header"] {
    height: 719px;
  }
}
[class*="case-study-header"] p,
[class*="case-study-header"] a {
  color: #ffffff;
  text-transform: uppercase;
}
[class*="case-study-header"] p a:hover,
[class*="case-study-header"] a a:hover {
  color: #777777 !important;
}
[class*="case-study-header"] .case-header-info {
  position: absolute;
  top: 33%;
  left: 10%;
}
@media screen and (min-width: 992px) {
  [class*="case-study-header"] .case-header-info {
    top: 42%;
  }
}
[class*="case-study-header"] .case-header-info h1 {
  margin-top: 28px;
}
[class*="case-study-header"] .case-arrow {
  color: #ffffff;
  opacity: 1;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  left: -4px;
  top: 204px;
}
@media screen and (min-width: 992px) {
  [class*="case-study-header"] .case-arrow {
    top: 142px;
  }
}
[class*="case-study-header"][class*="-summit"] {
  background-image: url('/wp-content/themes/onpoint/images/work/summit/summit-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-plains"] {
  background-image: url('/wp-content/themes/onpoint/images/work/plains-edge/plain-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-ruby"] {
  background-image: url('/wp-content/themes/onpoint/images/ruby-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-klassen"] {
  background-image: url('/wp-content/themes/onpoint/images/work/klassen-financial/klassen-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-klassen"] h1 {
  width: 188px;
}
@media screen and (min-width: 600px) {
  [class*="case-study-header"][class*="-klassen"] h1 {
    width: 100%;
  }
}
[class*="case-study-header"][class*="-doug"] {
  background-image: url('/wp-content/themes/onpoint/images/work/dougs-wines/dougs-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-churchill-wild"] {
  background-image: url('/wp-content/themes/onpoint/images/work/churchhill-wild/churchhill-wild-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-agronomix"] {
  background-image: url('/wp-content/themes/onpoint/images/work/agronomix/agronomix-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-old-church"] {
  background-image: url('/wp-content/themes/onpoint/images/work/old-church/old-church-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-resource-centre"] {
  background-image: url('/wp-content/themes/onpoint/images/work/steinbach-resource/steinbach-resource-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-kingsmen"] {
  background-image: url('/wp-content/themes/onpoint/images/work/kingsmen-grooming/kingsmen-grooming-heading.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -246px;
}
@media screen and (min-width: 992px) {
  [class*="case-study-header"][class*="-kingsmen"] {
    background-position: center;
  }
}
[class*="case-study-header"][class*="-bethesda"] {
  background-image: url('/wp-content/themes/onpoint/images/work/bethesda/bethesda-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-cornerstone"] {
  background-image: url('/wp-content/themes/onpoint/images/work/cornerstone/cornerstone-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-naturally"] {
  background-image: url('/wp-content/themes/onpoint/images/work/naturally-powerful/naturally-powerful-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-freight"] {
  background-image: url('/wp-content/themes/onpoint/images/work/big-freight/big-freight-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-forte"] {
  background-image: url('/wp-content/themes/onpoint/images/forte-micro-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-lhb"] {
  background-image: url('/wp-content/themes/onpoint/images/lhb-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-alpha"] {
  background-image: url('/wp-content/themes/onpoint/images/work/alpha-hockey/player-with-trophy.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
[class*="case-study-header"][class*="-hylife"] {
  background-image: url('/wp-content/themes/onpoint/images/work/hylife/desktop/hylife-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
@media screen and (max-width: 450px) {
  [class*="case-study-header"][class*="-hylife"] {
    background-image: url('/wp-content/themes/onpoint/images/work/hylife/mobile/hylife-hero-banner.jpg');
  }
}
[class*="case-study-header"][class*="-rivr-financial"] {
  background-image: url('/wp-content/themes/onpoint/images/work/rivr/desktop/river-financial-header-desktop.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
@media screen and (max-width: 450px) {
  [class*="case-study-header"][class*="-rivr-financial"] {
    background-image: url('/wp-content/themes/onpoint/images/work/rivr/mobile/rivr-financial-header-mobile.jpg');
  }
}
.case-info {
  padding: 66px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .case-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
  }
}
@media screen and (min-width: 992px) {
  .case-info {
    padding: 134px 60px;
  }
}
@media screen and (min-width: 1500px) {
  .case-info {
    padding: 134px 20px;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.case-info h2,
.case-info p,
.case-info li {
  color: #777777;
}
.case-info .case-intro {
  width: 100%;
  display: inline-block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 768px) {
  .case-info .case-intro {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
@media screen and (min-width: 992px) {
  .case-info .case-intro {
    width: 46%;
  }
}
@media screen and (min-width: 1351px) {
  .case-info .case-intro {
    width: 52%;
  }
}
.case-info .case-intro p {
  margin-bottom: 16px;
}
.case-info .vertical-border {
  width: 100%;
  height: 2px;
  background-color: #777777;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .case-info .vertical-border {
    width: 2px;
    height: 322px;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
@media screen and (min-width: 992px) {
  .case-info .vertical-border {
    display: inline-block;
  }
}
.case-info .case-services {
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .case-info .case-services {
    width: 35%;
  }
}
@media screen and (min-width: 1351px) {
  .case-info .case-services {
    width: 35%;
  }
}
.case-info .case-services ul li {
  list-style-type: none;
  margin-bottom: 3px;
}
/*
===================================
SUMMIT ORGANIZATIONAL DEVELOPMENT
===================================
*/
.summit-sec1 p {
  padding: 66px 0;
  padding-right: 0px;
  color: #777777;
}
@media screen and (min-width: 992px) {
  .summit-sec1 p {
    padding: 134px 0;
    padding-right: 230px;
  }
}
.summit-sec2 {
  text-align: center;
}
.summit-sec2 img:nth-of-type(2) {
  padding: 75px 0;
}
@media screen and (min-width: 992px) {
  .summit-sec2 img:nth-of-type(2) {
    padding: 149px 0;
  }
}
.summit-sec3 p {
  padding: 66px 0;
  padding-right: 0px;
  color: #777777;
}
@media screen and (min-width: 992px) {
  .summit-sec3 p {
    padding: 134px 0;
    padding-right: 230px;
  }
}
.summit-sec4 p {
  padding: 66px 0;
  padding-right: 0px;
  color: #777777;
}
@media screen and (min-width: 992px) {
  .summit-sec4 p {
    padding: 134px 0;
    padding-right: 230px;
  }
}
.summit-sec5 {
  margin-bottom: 38px;
}
@media screen and (min-width: 992px) {
  .summit-sec5 {
    margin-bottom: 135px;
  }
}
.summit-sec5 .summit-sec5-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .summit-sec5 .summit-sec5-img {
    width: 42%;
  }
}
@media screen and (min-width: 1500px) {
  .summit-sec5 .summit-sec5-img {
    width: 45%;
  }
}
.summit-sec5 .summit-sec5-img:first-of-type {
  margin-right: 132px;
}
.summit-sec5 .summit-sec5-img:nth-of-type(2) {
  margin-top: 50px;
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .summit-sec5 .summit-sec5-img:nth-of-type(2) {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.summit-sec6 p {
  padding-top: 47px;
  padding-right: 0px;
  color: #777777;
}
@media screen and (min-width: 992px) {
  .summit-sec6 p {
    padding-top: 134px;
    padding-right: 230px;
  }
}
.summit-sec6 a {
  position: relative;
  color: #4D868E;
}
.summit-sec6 a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #4D868E;
}
@media screen and (min-width: 992px) {
  .summit-sec6 a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.summit-sec6 a .cap-arrow::before {
  width: 20px;
}
.summit-sec6 a:hover,
.summit-sec6 a:focus {
  color: #777777 !important;
}
.summit-sec6 a:hover .cap-arrow,
.summit-sec6 a:focus .cap-arrow {
  color: #777777;
}
.summit-sec6 p:nth-of-type(2) {
  padding: 0;
  margin-top: 27px;
}
hr {
  border-top: 1px solid #777777;
  margin-top: 108px !important;
  padding-bottom: 39px;
}
@media screen and (min-width: 992px) {
  hr {
    padding-bottom: 108px;
  }
}
.random-more-work {
  margin-bottom: 75px;
}
@media screen and (min-width: 992px) {
  .random-more-work {
    margin-bottom: 131px;
  }
}
.random-more-work h2 {
  color: #777777;
  margin-top: 30px;
  margin-bottom: 40px;
}
.random-more-work .home-project {
  display: inline-block;
  width: 100%;
  margin: 12px 0px;
  vertical-align: top;
  position: relative;
}
@media screen and (min-width: 768px) {
  .random-more-work .home-project {
    width: 47%;
    margin: 16px;
  }
}
.random-more-work .home-project .blue-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #231F20;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0;
  visibility: hidden;
}
.random-more-work .home-project h3 {
  color: #ffffff;
  text-align: left;
  position: absolute;
  left: 49px;
  top: 45px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.random-more-work .home-project a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 992px) {
  .random-more-work .home-project a:hover {
    opacity: 1;
  }
}
.random-more-work .home-project:hover .blue-bg {
  visibility: hidden;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .random-more-work .home-project:hover .blue-bg {
    visibility: visible;
  }
}
.random-more-work .home-project:hover h3 {
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .random-more-work .home-project:hover h3 {
    opacity: 1;
  }
}
.random-more-work .home-project:hover [class*="icono-arrow1"] {
  width: 20px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
.random-more-work .home-project:hover [class*="icono-arrow1"]:before {
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 23px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.random-more-work .home-project:hover [class*="icono-arrow1"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 41px;
  top: 137px;
  z-index: 2;
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .random-more-work .home-project:hover [class*="icono-arrow1"][class*="-left"] {
    opacity: 1;
  }
}
.random-more-work .home-project:hover [class*="icono-arrow1"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.random-more-work .home-project:hover [class*="icono-arrow1"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.random-more-work .home-project:hover [class*="icono-arrow1"][class*="-summit"] {
  top: 144px;
}
/*
===================================
PLAINS EDGE
===================================
*/
.plains-sec3 p {
  padding-top: 59px;
  padding-right: 230px;
  color: #777777;
}
.plains-sec3 a {
  position: relative;
  color: #c67c59;
}
.plains-sec3 a .cap-arrow {
  opacity: 1;
  left: 150px;
  top: -2px;
  width: 15px;
  height: 15px;
  color: #c67c59;
}
.plains-sec3 a .cap-arrow::before {
  width: 20px;
}
.plains-sec3 a:hover,
.plains-sec3 a:focus {
  color: #777777 !important;
}
.plains-sec3 a:hover .cap-arrow,
.plains-sec3 a:focus .cap-arrow {
  color: #777777;
}
.plains-sec3 p:nth-of-type(2) {
  padding: 0;
  margin-top: 27px;
}
.plains-sec2 {
  margin-top: 168px;
  margin-bottom: 97px;
}
.plains-sec2 p {
  padding-top: 151px;
  color: #777777;
  padding-right: 218px;
}
.plains-sec2 img {
  display: inline-block;
  width: 46.85%;
}
.plains-sec2 img:first-of-type {
  margin-right: 88px;
}
/*
===================================
KLASSEN FINANCIAL
===================================
*/
.klassen-sec2 {
  margin-top: 25px;
}
@media screen and (min-width: 992px) {
  .klassen-sec2 {
    margin-top: 128px;
  }
}
.klassen-sec2 p {
  color: #777777;
  padding: 61px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .klassen-sec2 p {
    padding: 124px 0;
    padding-right: 252px;
  }
}
.klassen-sec3 {
  margin-bottom: 135px;
}
.klassen-sec3 p {
  padding-top: 46px;
}
.klassen-sec3 img {
  display: inline-block;
  width: 100%;
  margin-bottom: 33px;
}
@media screen and (min-width: 992px) {
  .klassen-sec3 img {
    width: 44%;
    margin-bottom: 93px;
  }
}
@media screen and (min-width: 1500px) {
  .klassen-sec3 img {
    width: 46.85%;
    margin-bottom: 93px;
  }
}
.klassen-sec3 img:first-of-type,
.klassen-sec3 img:nth-of-type(3) {
  margin-right: 88px;
}
/*
===================================
DOUG REICHEL WINE MARKETING
===================================
*/
.doug-sec1 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .doug-sec1 img:first-of-type {
    margin-bottom: 143px;
  }
}
.doug-sec2 {
  margin-top: 26px;
}
@media screen and (min-width: 992px) {
  .doug-sec2 {
    margin-top: 109px;
  }
}
.doug-sec2 p {
  padding: 48px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .doug-sec2 p {
    padding: 127px 0;
    padding-right: 249px;
  }
}
.doug-sec3 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .doug-sec3 img:first-of-type {
    margin-bottom: 140px;
  }
}
.doug-sec3 img:nth-of-type(2) {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .doug-sec3 img:nth-of-type(2) {
    margin-bottom: 115px;
  }
}
.doug-sec3 p {
  padding: 9px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .doug-sec3 p {
    padding: 9px 0;
    padding-right: 233px;
  }
}
.doug-sec3 a {
  position: relative;
  color: #000;
}
.doug-sec3 a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #000;
}
@media screen and (min-width: 992px) {
  .doug-sec3 a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.doug-sec3 a .cap-arrow::before {
  width: 20px;
}
.doug-sec3 a:hover,
.doug-sec3 a:focus {
  color: #777777 !important;
}
.doug-sec3 a:hover .cap-arrow,
.doug-sec3 a:focus .cap-arrow {
  color: #777777;
}
/*
===================================
CHURCHILL WILD
===================================
*/
.churchill-sec1 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .churchill-sec1 img:first-of-type {
    margin-bottom: 133px;
  }
}
.churchill-sec2 {
  margin-bottom: 84px;
  margin-top: 84px;
}
@media screen and (min-width: 992px) {
  .churchill-sec2 {
    margin-bottom: 187px;
    margin-top: 187px;
  }
}
.churchill-sec2 .churchill-sec2-img,
.churchill-sec2 .churchill-sec2-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .churchill-sec2 .churchill-sec2-img,
  .churchill-sec2 .churchill-sec2-info {
    width: 45%;
  }
}
@media screen and (min-width: 1500px) {
  .churchill-sec2 .churchill-sec2-img,
  .churchill-sec2 .churchill-sec2-info {
    width: 46.85%;
  }
}
.churchill-sec2 .churchill-sec2-img p,
.churchill-sec2 .churchill-sec2-info p {
  margin-top: 19px;
}
.churchill-sec2 .churchill-sec2-img {
  text-align: center;
}
.churchill-sec2 img {
  margin-right: 0px;
  width: 124px;
}
@media screen and (min-width: 992px) {
  .churchill-sec2 img {
    margin-right: 88px;
    width: 234px;
  }
}
.churchill-sec3 img:first-of-type {
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .churchill-sec3 img:first-of-type {
    margin-bottom: 133px;
  }
}
.churchill-sec3 p {
  padding: 65px 0;
}
.churchill-sec3 img:nth-of-type(2) {
  margin-bottom: 22px;
}
@media screen and (min-width: 992px) {
  .churchill-sec3 img:nth-of-type(2) {
    margin-bottom: 133px;
  }
}
.churchill-sec4 img:first-of-type {
  margin-bottom: 22px;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 img:first-of-type {
    margin-bottom: 133px;
  }
}
.churchill-sec4 img:nth-of-type(2) {
  margin-bottom: 14px;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 img:nth-of-type(2) {
    margin-bottom: 133px;
  }
}
.churchill-sec4 p {
  padding: 16px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 p {
    padding: 25px 0;
    padding-right: 267px;
  }
}
.churchill-sec4 a {
  position: relative;
  color: #003A70;
}
.churchill-sec4 a .cap-arrow {
  opacity: 1;
  left: 83px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #33618d;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 a .cap-arrow {
    left: 121px;
    top: -2px;
  }
}
.churchill-sec4 a .cap-arrow::before {
  width: 20px;
}
.churchill-sec4 a:hover,
.churchill-sec4 a:focus {
  color: #777777 !important;
}
.churchill-sec4 a:hover .cap-arrow,
.churchill-sec4 a:focus .cap-arrow {
  color: #777777;
}
.churchill-sec4 .churchill-award {
  padding-bottom: 0px;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 .churchill-award {
    padding-bottom: 107px;
  }
}
@media screen and (min-width: 1500px) {
  .churchill-sec4 .churchill-award {
    padding-bottom: 0px;
  }
}
.churchill-sec4 .churchill-award .award-img,
.churchill-sec4 .churchill-award .award-info {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 .churchill-award .award-img,
  .churchill-sec4 .churchill-award .award-info {
    width: 49%;
  }
}
.churchill-sec4 .churchill-award .award-info {
  padding-left: 0px;
  padding-top: 36px;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 .churchill-award .award-info {
    padding-left: 144px;
  }
}
.churchill-sec4 .churchill-award .award-info p {
  padding: 0;
}
.churchill-sec4 .churchill-award .award-info img {
  width: 160px;
  margin-bottom: 54px;
}
@media screen and (min-width: 992px) {
  .churchill-sec4 .churchill-award .award-info img {
    width: 227px;
  }
}
/*
===================================
AGRONOMIX
===================================
*/
.agro-sec1 img {
  width: 280px;
  margin-top: 0px;
  margin-bottom: 90px;
}
@media screen and (min-width: 992px) {
  .agro-sec1 img {
    width: 711px;
    margin-top: 111px;
    margin-bottom: 277px;
  }
}
.agro-sec2 {
  margin-bottom: 135px;
}
.agro-sec2 > img {
  margin-bottom: 86px;
}
@media screen and (min-width: 992px) {
  .agro-sec2 > img {
    margin-bottom: 177px;
  }
}
.agro-sec2 .agro-sec2-img,
.agro-sec2 .agro-sec2-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .agro-sec2 .agro-sec2-img,
  .agro-sec2 .agro-sec2-info {
    width: 45%;
  }
}
@media screen and (min-width: 1500px) {
  .agro-sec2 .agro-sec2-img,
  .agro-sec2 .agro-sec2-info {
    width: 46.85%;
  }
}
.agro-sec2 .agro-sec2-img img,
.agro-sec2 .agro-sec2-info img {
  width: 108px;
}
@media screen and (min-width: 992px) {
  .agro-sec2 .agro-sec2-img img,
  .agro-sec2 .agro-sec2-info img {
    width: 200px;
  }
}
.agro-sec2 .agro-sec2-img p,
.agro-sec2 .agro-sec2-info p {
  padding-right: 0px;
  margin-top: 37px;
}
@media screen and (min-width: 1200px) {
  .agro-sec2 .agro-sec2-img p,
  .agro-sec2 .agro-sec2-info p {
    padding-right: 118px;
    margin-top: 0;
  }
}
.agro-sec2 .agro-sec2-img {
  text-align: center;
  margin-right: 70px;
}
.agro-sec3 {
  margin-top: 131px;
}
@media screen and (min-width: 992px) {
  .agro-sec3 {
    margin-top: 208px;
  }
}
.agro-sec3 img {
  width: 84px;
  margin: 0 41px;
  margin-bottom: 83px;
  display: inline-block;
}
@media screen and (min-width: 724px) {
  .agro-sec3 img {
    width: 88px;
    margin: 0 57px;
    margin-bottom: 83px;
  }
}
@media screen and (min-width: 768px) {
  .agro-sec3 img {
    width: 123px;
    margin: 0 57px;
    margin-bottom: 83px;
  }
}
@media screen and (min-width: 992px) {
  .agro-sec3 img {
    width: 104px;
    margin: 0 18px;
    margin-bottom: 138px;
  }
}
@media screen and (min-width: 1500px) {
  .agro-sec3 img {
    width: 117px;
    margin: 0 54px;
    margin-bottom: 138px;
  }
}
.agro-sec4 img:first-of-type {
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .agro-sec4 img:first-of-type {
    margin-bottom: 142px;
  }
}
.agro-sec4 p {
  padding: 36px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .agro-sec4 p {
    padding: 117px 0;
    padding-right: 264px;
  }
}
.agro-sec5 {
  margin-top: 65px;
  margin-bottom: 66px;
}
@media screen and (min-width: 992px) {
  .agro-sec5 {
    margin-top: 98px;
    margin-bottom: 146px;
  }
}
.agro-sec5 img:first-of-type {
  margin-bottom: 71px;
}
@media screen and (min-width: 992px) {
  .agro-sec5 img:first-of-type {
    margin-bottom: 220px;
  }
}
.agro-sec5 img:nth-of-type(2) {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .agro-sec5 img:nth-of-type(2) {
    margin-bottom: 146px;
  }
}
.agro-sec6 iframe {
  height: 169px;
}
@media screen and (min-width: 600px) {
  .agro-sec6 iframe {
    height: 410px;
  }
}
@media screen and (min-width: 992px) {
  .agro-sec6 iframe {
    height: 588px;
  }
}
@media screen and (min-width: 1200px) {
  .agro-sec6 iframe {
    height: 821px;
  }
}
.agro-sec6 p {
  padding-top: 44px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .agro-sec6 p {
    padding-top: 107px;
    padding-right: 235px;
  }
}
/*
===================================
OLD CHURCH BAKERY
===================================
*/
.old-church-sec1 {
  margin-top: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .old-church-sec1 {
    margin-top: 148px;
    margin-bottom: 249px;
  }
}
.old-church-sec1 img {
  width: 208px;
}
@media screen and (min-width: 992px) {
  .old-church-sec1 img {
    width: 500px;
  }
}
.old-church-sec2 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .old-church-sec2 img:first-of-type {
    margin-bottom: 134px;
  }
}
.old-church-sec3 {
  padding: 54px 0;
}
@media screen and (min-width: 992px) {
  .old-church-sec3 {
    padding: 271px 0;
  }
}
.old-church-sec3 .old-church-sec3-img,
.old-church-sec3 .old-church-sec3-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .old-church-sec3 .old-church-sec3-img,
  .old-church-sec3 .old-church-sec3-info {
    width: 45%;
  }
}
@media screen and (min-width: 1500px) {
  .old-church-sec3 .old-church-sec3-img,
  .old-church-sec3 .old-church-sec3-info {
    width: 46.8%;
  }
}
.old-church-sec3 .old-church-sec3-info {
  padding: 20px;
}
@media screen and (min-width: 992px) {
  .old-church-sec3 .old-church-sec3-info {
    padding-right: 116px;
  }
}
.old-church-sec3 .old-church-sec3-img {
  margin-right: 88px;
  text-align: center;
}
.old-church-sec3 .old-church-sec3-img img {
  width: 78px;
}
@media screen and (min-width: 992px) {
  .old-church-sec3 .old-church-sec3-img img {
    width: 145px;
  }
}
.old-church-sec4 {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .old-church-sec4 {
    margin-bottom: 130px;
  }
}
.old-church-sec4 > img {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .old-church-sec4 > img {
    margin-bottom: 130px;
  }
}
.old-church-sec4 .old-church-sec4-img img {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .old-church-sec4 .old-church-sec4-img img {
    width: 44%;
  }
}
@media screen and (min-width: 1500px) {
  .old-church-sec4 .old-church-sec4-img img {
    width: 46.8%;
  }
}
.old-church-sec4 .old-church-sec4-img img:first-of-type {
  margin-right: 88px;
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .old-church-sec4 .old-church-sec4-img img:first-of-type {
    margin-bottom: 0px;
  }
}
.old-church-sec5 p {
  padding-top: 42px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .old-church-sec5 p {
    padding-top: 107px;
    padding-right: 249px;
  }
}
/*
===================================
STEINBACH FAMILY RESOURCE CENTRE
===================================
*/
.steinbach-resource-sec1 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec1 img:first-of-type {
    margin-bottom: 135px;
  }
}
.steinbach-resource-sec2 {
  padding-top: 28px;
  padding-bottom: 28px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec2 {
    padding-top: 67px;
    padding-bottom: 67px;
  }
}
.steinbach-resource-sec2 .steinbach-resource-sec2-img,
.steinbach-resource-sec2 .steinbach-resource-sec2-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec2 .steinbach-resource-sec2-img,
  .steinbach-resource-sec2 .steinbach-resource-sec2-info {
    width: 44%;
  }
}
@media screen and (min-width: 1500px) {
  .steinbach-resource-sec2 .steinbach-resource-sec2-img,
  .steinbach-resource-sec2 .steinbach-resource-sec2-info {
    width: 46.8%;
  }
}
.steinbach-resource-sec2 .steinbach-resource-sec2-info {
  padding-right: 0px;
  padding-top: 23px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec2 .steinbach-resource-sec2-info {
    padding-right: 0px;
    padding-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .steinbach-resource-sec2 .steinbach-resource-sec2-info {
    padding-right: 104px;
    padding-top: 0;
  }
}
.steinbach-resource-sec2 .steinbach-resource-sec2-img {
  margin-right: 86px;
  text-align: center;
}
.steinbach-resource-sec2 .steinbach-resource-sec2-img img {
  width: 200px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec2 .steinbach-resource-sec2-img img {
    width: 292px;
  }
}
.steinbach-resource-sec3 img {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec3 img {
    width: 44%;
  }
}
@media screen and (min-width: 1500px) {
  .steinbach-resource-sec3 img {
    width: 46.85%;
  }
}
.steinbach-resource-sec3 img:first-of-type {
  margin-right: 88px;
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec3 img:first-of-type {
    margin-bottom: 0;
  }
}
.steinbach-resource-sec4 {
  margin-top: 26px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec4 {
    margin-top: 133px;
  }
}
.steinbach-resource-sec4 img {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec4 img {
    margin-bottom: 50px;
  }
}
.steinbach-resource-sec4 .steinbach-resource-sec4-img,
.steinbach-resource-sec4 .steinbach-resource-sec4-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec4 .steinbach-resource-sec4-img,
  .steinbach-resource-sec4 .steinbach-resource-sec4-info {
    width: 45%;
  }
}
@media screen and (min-width: 1500px) {
  .steinbach-resource-sec4 .steinbach-resource-sec4-img,
  .steinbach-resource-sec4 .steinbach-resource-sec4-info {
    width: 46.85%;
  }
}
.steinbach-resource-sec4 .steinbach-resource-sec4-img img,
.steinbach-resource-sec4 .steinbach-resource-sec4-info img {
  width: 646px;
}
.steinbach-resource-sec4 .steinbach-resource-sec4-info {
  margin-right: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec4 .steinbach-resource-sec4-info {
    margin-right: 82px;
    padding-right: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .steinbach-resource-sec4 .steinbach-resource-sec4-info {
    margin-right: 88px;
    padding-right: 141px;
  }
}
.steinbach-resource-sec4 > p {
  padding-top: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .steinbach-resource-sec4 > p {
    padding-top: 57px;
    padding-right: 234px;
  }
}
/*
===================================
BETHESDA FOUNDATION
===================================
*/
.bethesda-sec1 {
  margin-top: 53px;
  margin-bottom: 65px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .bethesda-sec1 {
    margin-bottom: 263px;
  }
}
.bethesda-sec1 img {
  width: 231px;
}
@media screen and (min-width: 768px) {
  .bethesda-sec1 img {
    width: 380px;
  }
}
@media screen and (min-width: 992px) {
  .bethesda-sec1 img {
    width: 100%;
  }
}
.bethesda-sec2 p {
  margin-top: 43px;
  margin-bottom: 102px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec2 p {
    margin-top: 124px;
    padding-right: 247px;
  }
}
.bethesda-sec3 img {
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec3 img {
    margin-bottom: 133px;
  }
}
.bethesda-sec3 p {
  margin-bottom: 55px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec3 p {
    padding-right: 280px;
    margin-bottom: 133px;
  }
}
.bethesda-sec4 {
  text-align: center;
}
.bethesda-sec4 img:first-of-type {
  margin-right: 0px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec4 img:first-of-type {
    margin-right: 80px;
  }
}
.bethesda-sec4 img:nth-of-type(3) {
  margin-top: 60px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec4 img:nth-of-type(3) {
    margin-top: 126px;
  }
}
.bethesda-sec4 img:first-of-type,
.bethesda-sec4 img:nth-of-type(2) {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec4 img:first-of-type,
  .bethesda-sec4 img:nth-of-type(2) {
    width: 45%;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1500px) {
  .bethesda-sec4 img:first-of-type,
  .bethesda-sec4 img:nth-of-type(2) {
    width: 47%;
    margin-bottom: 0px;
  }
}
.bethesda-sec4 p {
  padding: 61px 0;
  padding-right: 0px;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .bethesda-sec4 p {
    padding: 133px 0;
    padding-right: 232px;
  }
}
.bethesda-sec5 img {
  margin-bottom: 25px;
}
@media screen and (min-width: 992px) {
  .bethesda-sec5 img {
    margin-bottom: 133px;
  }
}
.bethesda-sec5 p:first-of-type {
  margin-bottom: 18px;
}
.bethesda-sec5 p:last-of-type {
  margin-top: 21px;
}
.bethesda-sec5 a {
  position: relative;
  color: #252b67;
}
.bethesda-sec5 a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #252b67;
}
@media screen and (min-width: 992px) {
  .bethesda-sec5 a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.bethesda-sec5 a .cap-arrow::before {
  width: 20px;
}
.bethesda-sec5 a:hover,
.bethesda-sec5 a:focus {
  color: #777777 !important;
}
.bethesda-sec5 a:hover .cap-arrow,
.bethesda-sec5 a:focus .cap-arrow {
  color: #777777;
}
/*
===================================
CORNERSTONE TIMBERFRAMES
===================================
*/
.cornerstone-sec1 {
  margin-bottom: 44px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec1 {
    margin-bottom: 221px;
  }
}
.cornerstone-sec1 img {
  width: 241px;
}
@media screen and (min-width: 768px) {
  .cornerstone-sec1 img {
    width: 448px;
  }
}
@media screen and (min-width: 992px) {
  .cornerstone-sec1 img {
    width: 548px;
  }
}
.cornerstone-sec2 img {
  margin-bottom: 27px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec2 img {
    margin-bottom: 133px;
  }
}
.cornerstone-sec3 {
  background-image: url('/wp-content/themes/onpoint/images/work/cornerstone/cornerstone-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 91px 15px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec3 {
    padding: 250px 15px;
  }
}
.cornerstone-sec3 .cornerstone-sec3-img,
.cornerstone-sec3 .cornerstone-sec3-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec3 .cornerstone-sec3-img,
  .cornerstone-sec3 .cornerstone-sec3-info {
    width: 45%;
  }
}
@media screen and (min-width: 1500px) {
  .cornerstone-sec3 .cornerstone-sec3-img,
  .cornerstone-sec3 .cornerstone-sec3-info {
    width: 46.85%;
  }
}
.cornerstone-sec3 .cornerstone-sec3-info {
  padding-right: 0px;
  padding-top: 43px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec3 .cornerstone-sec3-info {
    padding-right: 71px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .cornerstone-sec3 .cornerstone-sec3-info {
    padding-right: 188px;
    padding-top: 0px;
  }
}
.cornerstone-sec3 .cornerstone-sec3-info p {
  color: #ffffff;
}
.cornerstone-sec3 .cornerstone-sec3-img {
  margin-right: 88px;
  text-align: center;
}
.cornerstone-sec3 .cornerstone-sec3-img img {
  width: 237px;
}
@media screen and (min-width: 1500px) {
  .cornerstone-sec3 .cornerstone-sec3-img img {
    width: 426px;
  }
}
.cornerstone-sec4 p {
  padding: 48px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec4 p {
    padding: 133px 0;
    padding-right: 252px;
  }
}
.cornerstone-sec4 > img {
  margin-bottom: 21px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec4 > img {
    margin-bottom: 118px;
  }
}
.cornerstone-sec4 .cornerstone-sec4-imgs img {
  width: 100%;
  vertical-align: middle;
}
.cornerstone-sec4 .cornerstone-sec4-imgs img:first-of-type {
  margin-bottom: 22px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec4 .cornerstone-sec4-imgs img:first-of-type {
    margin-bottom: 118px;
  }
}
.cornerstone-sec5 {
  margin-top: 25px;
}
.cornerstone-sec5 img {
  margin-bottom: 25px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec5 img {
    margin-top: 133px;
  }
}
.cornerstone-sec5 a {
  position: relative;
  color: #231F20;
}
.cornerstone-sec5 a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #231F20;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec5 a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.cornerstone-sec5 a .cap-arrow::before {
  width: 20px;
}
.cornerstone-sec5 a:hover,
.cornerstone-sec5 a:focus {
  color: #777777 !important;
}
.cornerstone-sec5 a:hover .cap-arrow,
.cornerstone-sec5 a:focus .cap-arrow {
  color: #777777;
}
.cornerstone-sec5 p {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .cornerstone-sec5 p {
    padding-right: 231px;
  }
}
.cornerstone-sec5 p:last-of-type {
  margin-top: 23px;
}
/*
===================================
KINGSMEN GROOMING PAGE
===================================
*/
.kingsmen-sec1 {
  margin-bottom: 48px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec1 {
    margin-bottom: 237px;
  }
}
.kingsmen-sec1 img {
  width: 248px;
}
@media screen and (min-width: 768px) {
  .kingsmen-sec1 img {
    width: 448px;
  }
}
@media screen and (min-width: 992px) {
  .kingsmen-sec1 img {
    width: 100%;
  }
}
.kingsmen-sec2 p {
  padding: 49px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec2 p {
    padding: 117px 0;
    padding-right: 250px;
  }
}
.kingsmen-sec3 img:nth-of-type(2) {
  margin-top: 56px;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec3 img:nth-of-type(2) {
    margin-top: 101px;
  }
}
.kingsmen-sec4 {
  padding: 52px 15px;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec4 {
    padding: 108px 15px;
  }
}
.kingsmen-sec4 .kingsmen-sec4-img,
.kingsmen-sec4 .kingsmen-sec4-info {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec4 .kingsmen-sec4-img,
  .kingsmen-sec4 .kingsmen-sec4-info {
    width: 45%;
  }
}
@media screen and (min-width: 1500px) {
  .kingsmen-sec4 .kingsmen-sec4-img,
  .kingsmen-sec4 .kingsmen-sec4-info {
    width: 46.85%;
  }
}
.kingsmen-sec4 .kingsmen-sec4-info {
  padding-right: 0px;
}
@media screen and (min-width: 1200px) {
  .kingsmen-sec4 .kingsmen-sec4-info {
    padding-right: 129px;
  }
}
.kingsmen-sec4 .kingsmen-sec4-img {
  margin-right: 88px;
  text-align: center;
}
.kingsmen-sec4 .kingsmen-sec4-img img {
  width: 426px;
}
.kingsmen-sec6 {
  margin-top: 75px;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec6 {
    margin-top: 126px;
  }
}
.kingsmen-sec6 .kingsmen-sec6-img,
.kingsmen-sec6 .kingsmen-sec6-info {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec6 .kingsmen-sec6-img,
  .kingsmen-sec6 .kingsmen-sec6-info {
    width: 44%;
  }
}
@media screen and (min-width: 1500px) {
  .kingsmen-sec6 .kingsmen-sec6-img,
  .kingsmen-sec6 .kingsmen-sec6-info {
    width: 46.8%;
  }
}
.kingsmen-sec6 .kingsmen-sec6-info {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec6 .kingsmen-sec6-info {
    padding-right: 55px;
  }
}
.kingsmen-sec6 .kingsmen-sec6-info img {
  width: 155px;
  margin-bottom: 30px;
  margin-top: 28px;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec6 .kingsmen-sec6-info img {
    width: 248px;
    margin-bottom: 76px;
  }
}
.kingsmen-sec6 .kingsmen-sec6-img {
  margin-right: 88px;
}
.kingsmen-sec6 .kingsmen-sec6-img img {
  width: 586px;
}
.kingsmen-sec7 {
  margin-top: 100px;
}
.kingsmen-sec7 .kingsmen-sec7-img,
.kingsmen-sec7 .kingsmen-sec7-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec7 .kingsmen-sec7-img,
  .kingsmen-sec7 .kingsmen-sec7-info {
    width: 48.8%;
  }
}
@media screen and (min-width: 1500px) {
  .kingsmen-sec7 .kingsmen-sec7-img,
  .kingsmen-sec7 .kingsmen-sec7-info {
    width: 49.8%;
  }
}
.kingsmen-sec7 .kingsmen-sec7-info {
  padding-right: 49px;
}
.kingsmen-sec7 .kingsmen-sec7-info p {
  margin-bottom: 20px;
}
.kingsmen-sec7 .kingsmen-sec7-info a {
  position: relative;
  color: #BB052E;
}
.kingsmen-sec7 .kingsmen-sec7-info a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #BB052E;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec7 .kingsmen-sec7-info a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.kingsmen-sec7 .kingsmen-sec7-info a .cap-arrow::before {
  width: 20px;
}
.kingsmen-sec7 .kingsmen-sec7-info a:hover,
.kingsmen-sec7 .kingsmen-sec7-info a:focus {
  color: #777777 !important;
}
.kingsmen-sec7 .kingsmen-sec7-info a:hover .cap-arrow,
.kingsmen-sec7 .kingsmen-sec7-info a:focus .cap-arrow {
  color: #777777;
}
.kingsmen-sec7 .kingsmen-sec7-img {
  text-align: center;
}
.kingsmen-sec7 .kingsmen-sec7-img img {
  width: 132px;
}
@media screen and (min-width: 992px) {
  .kingsmen-sec7 .kingsmen-sec7-img img {
    width: 205px;
  }
}
/*
===================================
NATURALLY POWERFUL
===================================
*/
.naturally-sec1 {
  text-align: center;
}
.naturally-sec1 img:first-of-type {
  width: 100%;
  margin-bottom: 84px;
}
@media screen and (min-width: 992px) {
  .naturally-sec1 img:first-of-type {
    margin-bottom: 84px;
  }
}
.naturally-sec1 .lemons {
  margin-bottom: 112px;
}
.naturally-sec1 .lemons img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-right: 9px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .naturally-sec1 .lemons img {
    width: 48%;
    margin-right: 12px;
  }
}
.naturally-sec1 p {
  text-align: left;
  padding: 43px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .naturally-sec1 p {
    padding: 112px 0;
    padding-right: 0px;
    padding-top: 43px;
  }
}
@media screen and (min-width: 1500px) {
  .naturally-sec1 p {
    padding: 112px 0;
    padding-right: 107px;
    padding-top: 68px;
  }
}
.naturally-sec1 > img:nth-of-type(3) {
  margin-top: 41px;
  width: 100%;
  margin-bottom: 81px;
}
@media screen and (min-width: 992px) {
  .naturally-sec1 > img:nth-of-type(3) {
    margin-top: 80px;
    margin-bottom: 28px;
  }
}
.naturally-sec2 {
  text-align: center;
  margin-bottom: 55px;
}
@media screen and (min-width: 992px) {
  .naturally-sec2 {
    margin-bottom: 160px;
  }
}
.naturally-sec2 img {
  width: 212px;
}
@media screen and (min-width: 992px) {
  .naturally-sec2 img {
    width: 440px;
  }
}
.naturally-sec3 p:first-of-type {
  padding-top: 45px;
  padding-bottom: 19px;
}
@media screen and (min-width: 992px) {
  .naturally-sec3 p:first-of-type {
    padding-top: 104px;
  }
}
.naturally-sec3 a {
  position: relative;
  color: #333;
}
.naturally-sec3 a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #333;
}
@media screen and (min-width: 992px) {
  .naturally-sec3 a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.naturally-sec3 a .cap-arrow::before {
  width: 20px;
}
.naturally-sec3 a:hover,
.naturally-sec3 a:focus {
  color: #777777 !important;
}
.naturally-sec3 a:hover .cap-arrow,
.naturally-sec3 a:focus .cap-arrow {
  color: #777777;
}
/*
===================================
BIG FREIGHT
===================================
*/
.freight-sec1 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .freight-sec1 img:first-of-type {
    margin-bottom: 130px;
  }
}
.freight-sec1 p {
  padding: 41px 0;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .freight-sec1 p {
    padding: 98px 0;
    padding-right: 238px;
  }
}
.freight-sec2 img:first-of-type {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .freight-sec2 img:first-of-type {
    margin-bottom: 130px;
  }
}
.freight-sec2 img:nth-of-type(2) {
  margin-bottom: 26px;
}
@media screen and (min-width: 992px) {
  .freight-sec2 img:nth-of-type(2) {
    margin-bottom: 115px;
  }
}
.freight-sec2 p {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .freight-sec2 p {
    padding-right: 255px;
  }
}
.freight-sec2 p:first-of-type {
  padding-bottom: 21px;
}
/*
===================================
CLIENT CENTRE PAGE
===================================
*/
.online-store {
  padding: 78px 20px;
}
@media screen and (min-width: 992px) {
  .online-store {
    padding: 151px 60px;
  }
}
@media screen and (min-width: 1500px) {
  .online-store {
    padding: 151px 20px;
  }
}
.online-store p {
  margin-bottom: 21px;
}
.online-store .store-info,
.online-store .enter-here {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .online-store .store-info,
  .online-store .enter-here {
    width: 56%;
  }
}
.online-store .store-info img,
.online-store .enter-here img {
  width: 171px;
}
.online-store .enter-here {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .online-store .enter-here {
    width: 40%;
  }
}
.online-store .enter-here a {
  display: block;
  margin-top: 34px;
}
.online-store .enter-here a .cap-arrow {
  position: unset;
  opacity: 1;
  width: 12px;
  height: 12px;
  border-width: 4px 4px 0 0;
  margin-top: 6px;
}
@media screen and (min-width: 992px) {
  .online-store .enter-here a .cap-arrow {
    width: 14px;
    height: 14px;
    margin-top: 3px;
  }
}
.online-store .enter-here a .cap-arrow::before {
  height: 4px;
  width: 14px;
}
@media screen and (min-width: 992px) {
  .online-store .enter-here a .cap-arrow::before {
    width: 17px;
  }
}
.online-store .enter-here a:hover .cap-arrow {
  position: unset;
  opacity: 1;
  width: 14px;
  height: 14px;
  border-width: 4px 4px 0 0;
  margin-top: 3px;
  color: #231F20;
  margin-left: 18px;
}
.online-store .enter-here a:hover .cap-arrow::before {
  height: 4px;
  width: 17px;
}
.inventory {
  margin-top: 44px;
  margin-bottom: 183px;
}
.inventory p {
  margin-bottom: 21px;
}
.inventory .inventory-info,
.inventory .inventory-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .inventory .inventory-info,
  .inventory .inventory-img {
    width: 56%;
  }
}
.inventory .inventory-info img,
.inventory .inventory-img img {
  width: 171px;
}
.inventory .inventory-img {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .inventory .inventory-img {
    width: 40%;
  }
}
/*
===================================
ABOUT PAGE
===================================
*/
.about-page {
  padding: 70px 20px;
}
@media screen and (min-width: 992px) {
  .about-page {
    padding: 218px 60px;
  }
}
@media screen and (min-width: 1500px) {
  .about-page {
    padding: 218px 20px;
  }
}
.about-page .about-page-contain {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .about-page .about-page-contain {
    width: 81%;
    padding-right: 196px;
  }
}
.about-page .about-page-contain h2 {
  width: 309px;
}
@media screen and (min-width: 500px) {
  .about-page .about-page-contain h2 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .about-page .about-page-contain h2 {
    width: 400px;
  }
}
@media screen and (min-width: 1200px) {
  .about-page .about-page-contain h2 {
    width: 100%;
  }
}
.about-page .about-page-img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}
@media screen and (min-width: 992px) {
  .about-page .about-page-img {
    width: 18%;
    text-align: center;
  }
}
.about-page img {
  width: 80px;
  margin-bottom: 45px;
}
@media screen and (min-width: 992px) {
  .about-page img {
    width: 136px;
    margin-bottom: 45px;
  }
}
.our-team p {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .our-team p {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .our-team p {
    width: 1027px;
  }
}
.team-members {
  padding-top: 119px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .team-members {
    text-align: left;
  }
}
.team-members button {
  background: transparent;
  border: none;
  text-align: left;
}
.team-members button:focus {
  outline: none;
}
.team-members .member {
  width: 100%;
  vertical-align: top;
  display: inline-block;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0 0px;
  margin-bottom: 99px;
}
@media screen and (min-width: 768px) {
  .team-members .member {
    width: 42%;
    margin: 0 26px;
  }
}
@media screen and (min-width: 992px) {
  .team-members .member {
    width: 26%;
    margin: 0 30px;
  }
}
@media screen and (min-width: 1500px) {
  .team-members .member {
    width: 26%;
    margin: 0 51px;
  }
}
.team-members .member h3 {
  margin: 0;
  margin-top: 20px;
}
.team-members .member p:last-of-type {
  margin-top: 16px;
}
.team-members .member .member-img {
  position: relative;
}
.team-members .member .blue-border {
  border-bottom: 2px solid #231F20;
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
}
.team-members .member .hover-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-members .member:hover .hover-img {
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .team-members .member:hover .hover-img {
    opacity: 1;
  }
}
.team-members .member p:nth-of-type(2) {
  position: relative;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-members .member p:nth-of-type(2):hover {
  color: #231F20;
}
.team-members .member p:nth-of-type(2) .cap-arrow {
  opacity: 1;
  width: 14px;
  height: 14px;
  top: -5px;
  left: 24px;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .team-members .member p:nth-of-type(2) .cap-arrow {
    top: 0px;
    left: 36px;
  }
}
.team-members .member p:nth-of-type(2) .cap-arrow::before {
  width: 17px;
}
.team-members .member p:nth-of-type(2):hover .cap-arrow {
  opacity: 1;
  width: 14px;
  height: 14px;
  top: -5px;
  left: 24px;
  color: #231F20;
}
@media screen and (min-width: 992px) {
  .team-members .member p:nth-of-type(2):hover .cap-arrow {
    top: 0px;
    left: 36px;
  }
}
.team-members .member p:nth-of-type(2):hover .cap-arrow::before {
  width: 17px;
  color: #231F20;
}
.team-modal {
  background: #ffffff;
  padding-bottom: 0px;
}
@media screen and (min-width: 992px) {
  .team-modal {
    padding-bottom: 200px;
  }
}
.team-modal .blue-logo {
  width: 224px;
  position: absolute;
  top: 31px;
  left: 14px;
  display: block;
}
@media screen and (min-width: 550px) {
  .team-modal .blue-logo {
    width: 358px;
  }
}
@media screen and (min-width: 992px) {
  .team-modal .blue-logo {
    display: none;
  }
}
.team-modal .x-btn {
  opacity: 1;
  position: absolute;
  top: -8px;
  right: 17px;
  float: none;
}
.team-modal .x-btn span {
  color: #231F20;
}
.team-modal .x-btn span:hover {
  color: #777777;
}
.team-modal .x-btn .cap-arrow {
  left: 53px;
  top: -5px;
  opacity: 1;
  width: 15px;
  height: 15px;
}
.team-modal .x-btn .cap-arrow::before {
  width: 18px;
}
.team-modal .team-contain {
  padding-top: 126px;
}
@media screen and (min-width: 992px) {
  .team-modal .team-contain {
    padding-top: 197px;
  }
}
.team-modal .team-contain .close {
  opacity: 1;
  position: relative;
  float: none;
  padding-bottom: 54px;
  padding-top: 27px;
}
@media screen and (min-width: 992px) {
  .team-modal .team-contain .close {
    padding-bottom: 0;
    padding-top: 0px;
  }
}
.team-modal .team-contain .close span {
  color: #231F20;
  margin-left: 31px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-modal .team-contain .close span:hover {
  color: #231F20;
}
.team-modal .team-contain .close span:hover .cap-arrow {
  color: #231F20;
}
.team-modal .team-contain .close .cap-arrow {
  margin-left: 40px;
  left: -36px;
  top: 22px;
  opacity: 1;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .team-modal .team-contain .close .cap-arrow {
    top: -5px;
  }
}
.team-modal .team-contain .close .cap-arrow::before {
  width: 18px;
}
.team-modal .modal-img,
.team-modal .modal-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .team-modal .modal-img,
  .team-modal .modal-info {
    width: 45%;
  }
}
.team-modal .modal-img {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #231F20;
}
@media screen and (min-width: 992px) {
  .team-modal .modal-img {
    width: 34%;
  }
}
.team-modal .modal-img .hover-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .team-modal .modal-img .hover-img {
    opacity: 0;
  }
}
.team-modal .modal-img:hover .hover-img {
  opacity: 0;
}
@media screen and (min-width: 992px) {
  .team-modal .modal-img:hover .hover-img {
    opacity: 1;
  }
}
.team-modal .modal-info {
  padding-left: 0px;
  width: 100%;
  text-align: left;
  margin-top: 38px;
}
@media screen and (min-width: 992px) {
  .team-modal .modal-info {
    padding-left: 104px;
    width: 63%;
    margin-top: 0px;
  }
}
.team-modal .modal-info p {
  margin-bottom: 15px;
}
.team-modal .modal-info p:first-of-type {
  margin: 0;
  margin-bottom: 22px;
}
.team-modal .modal-info h3 {
  margin-bottom: 6px;
}
.care-for-the-community {
  padding-top: 35px;
}
@media screen and (min-width: 600px) {
  .care-for-the-community {
    padding-top: 143px;
  }
}
@media screen and (min-width: 992px) {
  .care-for-the-community {
    padding-top: 205px;
  }
}
.care-for-the-community .care-community-info {
  padding-right: 0px;
  padding-bottom: 86px;
}
@media screen and (min-width: 992px) {
  .care-for-the-community .care-community-info {
    padding-right: 405px;
  }
}
@media screen and (min-width: 1500px) {
  .care-for-the-community .care-community-info {
    padding-right: 627px;
  }
}
.care-for-the-community .care-community-imgs {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .care-for-the-community .care-community-imgs {
    width: 1091px;
    text-align: left;
  }
}
.care-for-the-community .care-community-imgs img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.care-for-the-community .care-community-imgs .communities {
  margin-bottom: 37px;
}
.care-for-the-community .care-community-imgs a {
  display: inline-block;
  width: 36%;
  margin: 0 18px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media screen and (min-width: 600px) {
  .care-for-the-community .care-community-imgs a {
    width: 26%;
    margin-right: 18px;
  }
}
@media screen and (min-width: 992px) {
  .care-for-the-community .care-community-imgs a {
    width: 11%;
    margin-right: 63px;
    margin-left: 0;
  }
}
@media screen and (min-width: 1500px) {
  .care-for-the-community .care-community-imgs a {
    width: 13%;
    margin-right: 63px;
    margin-left: 0;
  }
}
.care-for-the-community .care-community-imgs a:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.care-for-the-community .care-community-imgs a:nth-of-type(2) img {
  max-width: 108px;
}
.care-for-the-community .care-community-imgs a:nth-of-type(12) img {
  max-width: 126px;
}
.care-for-the-community .care-community-imgs a:nth-of-type(13) img {
  max-width: 127px;
}
.care-for-the-community .care-community-imgs a:nth-of-type(14) img {
  max-width: 100px;
}
.care-for-the-community .care-community-imgs a:nth-of-type(9) img {
  max-width: 122px;
}
.care-for-the-community .care-community-imgs a:nth-of-type(10) img {
  max-width: 148px;
}
.care-for-the-community .care-community-imgs a:nth-of-type(6) img {
  max-width: 99px;
}
.follow-us {
  padding: 127px 15px;
}
@media screen and (min-width: 992px) {
  .follow-us {
    padding: 263px 15px;
  }
}
.follow-us #sb_instagram {
  padding-top: 20px;
}
.follow-us h2,
.follow-us img {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.follow-us h2 {
  margin-left: 11px;
  margin-bottom: 0;
  margin-right: 19px;
}
.follow-us img {
  width: 35px;
}
/*
===================================
PRIVACY POLICY
===================================
*/
.privacy {
  padding: 116px 15px;
}
.privacy ul {
  padding-left: 39px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.privacy h3 {
  margin-top: 33px;
  margin-bottom: 11px;
}
.privacy .privacy-contact {
  margin-top: 20px;
}
/*
===================================
BIG FREIGHT FORM
===================================
*/
.gf_progressbar_title {
  color: #231F20;
  margin-bottom: 21px;
  font-size: 18px !important;
}
#gform_confirmation_message_1 {
  padding: 40px 20px;
  text-align: center;
  color: #231F20;
}
@media screen and (min-width: 992px) {
  #gform_confirmation_message_1 {
    padding: 181px 20px;
  }
}
.gform_wrapper form {
  padding: 20px 0;
}
@media screen and (min-width: 992px) {
  .gform_wrapper form {
    padding: 40px 0;
  }
}
.gform_wrapper form input[type="text"] {
  border: none;
  border-bottom: 1px solid #231F20;
}
#gform_next_button_1_7,
#gform_submit_button_1,
#gform_previous_button_1 {
  background: #231F20;
  border: none;
  color: #ffffff;
  padding: 15px 35px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#gform_next_button_1_7:hover,
#gform_submit_button_1:hover,
#gform_previous_button_1:hover {
  background-color: #231F20;
}
.gform_wrapper ul.gform_fields li.gfield {
  margin-bottom: 70px;
}
ul#input_1_2 li {
  display: inline-block;
  width: 100%;
  margin-bottom: 28px;
}
@media screen and (min-width: 992px) {
  ul#input_1_2 li {
    width: 33%;
  }
}
.gform_wrapper .gf_progressbar,
.gform_heading {
  display: none !important;
}
.freight-form img {
  width: auto;
  margin-bottom: 4px;
}
/*
===================================
BLOG PAGE
===================================
*/
.article-listing {
  position: relative;
  margin-top: 128px;
}
.article-listing a img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 420px;
}
@media screen and (min-width: 992px) {
  .article-listing a img {
    -o-object-fit: unset;
       object-fit: unset;
    height: unset;
  }
}
.article-listing a .featured-img-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10%;
  width: 84%;
}
@media screen and (min-width: 1500px) {
  .article-listing a .featured-img-container {
    left: 5%;
    width: 39%;
  }
}
.article-listing a .featured-img-container h2,
.article-listing a .featured-img-container p,
.article-listing a .featured-img-container span {
  color: #ffffff;
}
.article-listing a .featured-img-container span:nth-of-type(2) span {
  display: none;
}
.article-listing a .featured-img-container span {
  display: inline-block;
  margin-bottom: 34px;
  text-transform: uppercase;
}
.article-listing a .featured-img-container p {
  padding-right: 12px;
}
@media screen and (min-width: 992px) {
  .article-listing a .featured-img-container p {
    padding-right: 160px;
  }
}
.pagination {
  width: 100%;
}
.thinking-article {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-top: 1px solid #777777;
  margin-bottom: 90px;
  padding-top: 24px;
}
@media screen and (min-width: 768px) {
  .thinking-article {
    width: 43%;
    margin-right: 41px;
    padding-right: 0;
  }
}
@media screen and (min-width: 1500px) {
  .thinking-article {
    width: 30%;
  }
}
.thinking-article span:nth-of-type(2) span {
  display: none;
}
.thinking-article p {
  color: #777777;
}
.thinking-article h3 {
  color: #777777;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 23px;
}
.thinking-article span {
  text-transform: uppercase;
  display: inline-block;
  color: #777777;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.thinking-article p:last-of-type {
  margin-top: 14px;
  color: #777777;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.thinking-article:hover {
  border-top: 1px solid #231F20;
}
.thinking-article:hover h3,
.thinking-article:hover a,
.thinking-article:hover p,
.thinking-article:hover span {
  color: #231F20;
}
.article-filter {
  margin-top: 50px;
  margin-bottom: 50px;
}
.article-filter h4 {
  display: block;
  color: #777777;
}
@media screen and (min-width: 992px) {
  .article-filter h4 {
    display: inline-block;
  }
}
.article-filter ul {
  display: inline-block;
}
.article-filter li {
  display: inline-block !important;
  color: #777777;
}
.article-filter li label:hover {
  cursor: pointer;
  color: #231F20;
}
.article-filter li input {
  display: none;
}
.searchandfilter ul li li {
  margin-left: 0px;
  display: block !important;
}
@media screen and (min-width: 992px) {
  .searchandfilter ul li li {
    margin-left: 82px;
    display: inline-block !important;
  }
}
.sf-level-0.sf-item-1,
.sf-level-0.sf-item-4 {
  display: none !important;
}
/*
===================================
SINGLE BLOG PAGE
===================================
*/
.single-thinking-hero {
  position: relative;
}
.single-thinking-hero img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 700px;
}
@media screen and (min-width: 992px) {
  .single-thinking-hero img {
    -o-object-fit: unset;
       object-fit: unset;
    height: unset;
  }
}
.single-thinking-hero div {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 72%;
}
@media screen and (min-width: 992px) {
  .single-thinking-hero div {
    width: 100%;
  }
}
.single-thinking-hero div span {
  color: #ffffff;
  text-transform: uppercase;
}
.single-thinking-hero div span:nth-of-type(2) span {
  display: none;
}
.sf-option-active label {
  color: #231F20;
}
.single-thinking-content {
  margin-top: 100px;
  margin-bottom: 100px;
}
.single-thinking-content h3 {
  color: #777777;
}
.single-thinking-content ul {
  margin-bottom: 32px;
}
.single-thinking-content figure figcaption {
  margin-top: 10px;
}
.single-thinking-content figure figcaption br {
  margin-bottom: 10px;
}
.single-thinking-content .green-link {
  position: relative;
  color: #231F20;
  text-decoration: none !important;
}
.single-thinking-content .green-link:hover {
  color: #231F20 !important;
}
.single-thinking-content .green-link [class*="send-arrow"] {
  width: 14px;
  height: 14px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
.single-thinking-content .green-link [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 18px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.single-thinking-content .green-link [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 95px;
  top: -5px;
  z-index: 2;
  opacity: 1;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .single-thinking-content .green-link [class*="send-arrow"][class*="-left"] {
    left: 140px;
    top: 0px;
  }
}
.single-thinking-content .green-link [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
.single-thinking-content .green-link [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.single-thinking-content a {
  color: #777777;
  text-decoration: underline;
  position: relative;
}
.single-thinking-content a .green {
  color: #231F20;
  text-decoration: none !important;
}
.single-thinking-content p,
.single-thinking-content li,
.single-thinking-content span,
.single-thinking-content figcaption {
  color: #777777;
}
.single-thinking-content strong {
  display: inline-block;
}
.single-thinking-content .doubleCol:first-of-type figure {
  width: auto !important;
}
.single-thinking-content .doubleCol:first-of-type p {
  margin-bottom: 32px;
}
.single-thinking-content .doubleCol:first-of-type ol,
.single-thinking-content .doubleCol:first-of-type ul {
  padding-left: 56px;
}
.single-thinking-content .doubleCol:first-of-type ol ul {
  padding-top: 23px;
  list-style: disc;
}
.single-thinking-content .doubleCol {
  width: 100%;
  vertical-align: top;
  display: inline-block;
}
.single-thinking-content .doubleCol h2 {
  color: #777777;
}
@media screen and (min-width: 768px) {
  .single-thinking-content .doubleCol {
    width: 49%;
  }
}
.single-thinking-content .doubleCol:nth-of-type(2) {
  padding-left: 0px;
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .single-thinking-content .doubleCol:nth-of-type(2) {
    padding-left: 56px;
    padding-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .single-thinking-content .doubleCol:nth-of-type(2) {
    padding-left: 115px;
    padding-top: 0;
  }
}
.single-thinking-content .doubleCol:nth-of-type(2) h2 {
  margin-top: 40px;
}
.single-thinking-content .doubleCol:nth-of-type(2) h3 {
  margin-top: 35px;
  margin-bottom: -15px;
}
.single-thinking-content sup a {
  text-decoration: none;
}
.single-thinking-content blockquote p {
  color: #777777;
}
.single-thinking-content blockquote p:last-child {
  margin-bottom: 0 !important;
}
.single-thinking-content table {
  width: 100%;
  margin-bottom: 32px;
}
.single-thinking-content table tr:nth-of-type(1),
.single-thinking-content table tr:nth-of-type(2),
.single-thinking-content table tr:nth-of-type(3) {
  border-bottom: 2px solid #e4e5e5;
}
.single-thinking-content table tr td {
  color: #777777;
  padding: 10px;
}
.single-thinking-content table tr td:nth-of-type(1),
.single-thinking-content table tr td:nth-of-type(2) {
  border-right: 2px solid #e4e5e5;
}
input[name="unsubscribe"] {
  display: none;
}
form[name="s2form"] p {
  display: block;
}
form[name="s2form"] label {
  display: none;
}
form[name="s2form"] input[type="email"] {
  border: none;
  border-bottom: 1px solid #000;
  color: #777777;
  padding-bottom: 4px;
  width: 459px;
}
form[name="s2form"] input[type="email"]:focus {
  border: none;
  border-bottom: 1px solid #000;
  outline: none;
}
form[name="s2form"] input[type="submit"] {
  background-color: transparent;
  border: none;
  color: #231F20;
  margin-top: 10px;
  display: block;
}
form[name="s2form"] input[name="unsubscribe"] {
  display: none;
}
.norm_row {
  width: 100% !important;
}
.sfsi_wicons {
  margin-right: 30px !important;
}
.related-articles h3,
.related-articles p,
.related-articles span {
  color: #777777;
}
.related-articles h3 {
  margin-bottom: 68px;
}
.single-our-blog #nav-icon2 span {
  color: #ffffff;
  background-color: #ffffff;
}
.single-our-blog #nav-icon2.active span {
  color: #ffffff;
  background-color: #ffffff;
}
.terms {
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  color: #777777;
  padding: 32px 0;
}
.terms p {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.terms p strong:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .terms {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
/*
===================================
RUBY TRUCK LINE
===================================
*/
.lh-logos {
  background-color: #EEEEEE;
  padding: 72px 20px;
  margin: 20px;
  max-width: 1456px;
}
@media screen and (min-width: 1456px) {
  .lh-logos {
    margin: 0 auto;
    padding: 293px 20px;
  }
}
.lh-logos img {
  width: 60px;
  display: inline-block;
  margin: 22px 8px;
}
@media screen and (min-width: 1456px) {
  .lh-logos img {
    margin: 0 51px;
    width: 80px;
  }
}
.page-template-page-ruby-truck-line .statue,
.page-template-page-forte-micro .statue,
.page-template-page-loewen-henderson-banman .statue {
  border-bottom: none;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .statue,
  .page-template-page-forte-micro .statue,
  .page-template-page-loewen-henderson-banman .statue {
    border-bottom: 2px solid #707070;
  }
}
.page-template-page-ruby-truck-line .statue .blockk:first-of-type,
.page-template-page-forte-micro .statue .blockk:first-of-type,
.page-template-page-loewen-henderson-banman .statue .blockk:first-of-type {
  padding-right: 0;
  padding-bottom: 53px;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .statue .blockk:first-of-type,
  .page-template-page-forte-micro .statue .blockk:first-of-type,
  .page-template-page-loewen-henderson-banman .statue .blockk:first-of-type {
    padding-right: 173px;
    padding-bottom: 0;
  }
}
.page-template-page-ruby-truck-line .case-study-sec,
.page-template-page-forte-micro .case-study-sec,
.page-template-page-loewen-henderson-banman .case-study-sec {
  margin-bottom: 72px;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .case-study-sec,
  .page-template-page-forte-micro .case-study-sec,
  .page-template-page-loewen-henderson-banman .case-study-sec {
    margin-bottom: 132px;
  }
}
.page-template-page-ruby-truck-line .case-study-sec .tripleCol,
.page-template-page-forte-micro .case-study-sec .tripleCol,
.page-template-page-loewen-henderson-banman .case-study-sec .tripleCol {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 77px;
}
@media screen and (min-width: 768px) {
  .page-template-page-ruby-truck-line .case-study-sec .tripleCol,
  .page-template-page-forte-micro .case-study-sec .tripleCol,
  .page-template-page-loewen-henderson-banman .case-study-sec .tripleCol {
    width: 49%;
    padding: 0 40px;
  }
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .case-study-sec .tripleCol,
  .page-template-page-forte-micro .case-study-sec .tripleCol,
  .page-template-page-loewen-henderson-banman .case-study-sec .tripleCol {
    width: 33%;
    padding: 0 98px;
  }
}
.page-template-page-ruby-truck-line .case-study-sec .tripleCol img,
.page-template-page-forte-micro .case-study-sec .tripleCol img,
.page-template-page-loewen-henderson-banman .case-study-sec .tripleCol img {
  max-width: 100px;
  margin: 0 auto;
  margin-bottom: 33px;
  display: block;
}
.page-template-page-ruby-truck-line .case-study-sec .blockk,
.page-template-page-forte-micro .case-study-sec .blockk,
.page-template-page-loewen-henderson-banman .case-study-sec .blockk {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .case-study-sec .blockk,
  .page-template-page-forte-micro .case-study-sec .blockk,
  .page-template-page-loewen-henderson-banman .case-study-sec .blockk {
    width: 49%;
  }
}
.page-template-page-ruby-truck-line .case-study-sec .blockk p,
.page-template-page-forte-micro .case-study-sec .blockk p,
.page-template-page-loewen-henderson-banman .case-study-sec .blockk p {
  margin-bottom: 25px;
}
.page-template-page-ruby-truck-line .case-study-sec .grid:first-of-type,
.page-template-page-forte-micro .case-study-sec .grid:first-of-type,
.page-template-page-loewen-henderson-banman .case-study-sec .grid:first-of-type {
  padding-right: 0px;
}
@media screen and (min-width: 768px) {
  .page-template-page-ruby-truck-line .case-study-sec .grid:first-of-type,
  .page-template-page-forte-micro .case-study-sec .grid:first-of-type,
  .page-template-page-loewen-henderson-banman .case-study-sec .grid:first-of-type {
    padding-right: 21px;
  }
}
.page-template-page-ruby-truck-line .case-study-sec .grid:nth-of-type(2),
.page-template-page-forte-micro .case-study-sec .grid:nth-of-type(2),
.page-template-page-loewen-henderson-banman .case-study-sec .grid:nth-of-type(2) {
  margin-left: 0px;
}
@media screen and (min-width: 768px) {
  .page-template-page-ruby-truck-line .case-study-sec .grid:nth-of-type(2),
  .page-template-page-forte-micro .case-study-sec .grid:nth-of-type(2),
  .page-template-page-loewen-henderson-banman .case-study-sec .grid:nth-of-type(2) {
    margin-left: 25px;
  }
}
.page-template-page-ruby-truck-line .case-study-sec .grid:nth-of-type(2) img:first-of-type,
.page-template-page-forte-micro .case-study-sec .grid:nth-of-type(2) img:first-of-type,
.page-template-page-loewen-henderson-banman .case-study-sec .grid:nth-of-type(2) img:first-of-type {
  margin-bottom: 50px;
}
.page-template-page-ruby-truck-line .case-study-sec .grid,
.page-template-page-forte-micro .case-study-sec .grid,
.page-template-page-loewen-henderson-banman .case-study-sec .grid {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .case-study-sec .grid,
  .page-template-page-forte-micro .case-study-sec .grid,
  .page-template-page-loewen-henderson-banman .case-study-sec .grid {
    width: 49%;
  }
}
.page-template-page-ruby-truck-line .case-study-sec .grid img:first-of-type,
.page-template-page-forte-micro .case-study-sec .grid img:first-of-type,
.page-template-page-loewen-henderson-banman .case-study-sec .grid img:first-of-type {
  margin-bottom: 83px;
}
.page-template-page-ruby-truck-line .case-study-sec .block p,
.page-template-page-forte-micro .case-study-sec .block p,
.page-template-page-loewen-henderson-banman .case-study-sec .block p {
  text-align: left;
}
.page-template-page-ruby-truck-line .case-study-sec .block p,
.page-template-page-forte-micro .case-study-sec .block p,
.page-template-page-loewen-henderson-banman .case-study-sec .block p,
.page-template-page-ruby-truck-line .case-study-sec .block img,
.page-template-page-forte-micro .case-study-sec .block img,
.page-template-page-loewen-henderson-banman .case-study-sec .block img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .case-study-sec .block p,
  .page-template-page-forte-micro .case-study-sec .block p,
  .page-template-page-loewen-henderson-banman .case-study-sec .block p,
  .page-template-page-ruby-truck-line .case-study-sec .block img,
  .page-template-page-forte-micro .case-study-sec .block img,
  .page-template-page-loewen-henderson-banman .case-study-sec .block img {
    width: 49%;
  }
}
.page-template-page-ruby-truck-line .case-study-sec-info,
.page-template-page-forte-micro .case-study-sec-info,
.page-template-page-loewen-henderson-banman .case-study-sec-info {
  margin-top: 74px;
  width: 100%;
}
@media screen and (min-width: 1020px) {
  .page-template-page-ruby-truck-line .case-study-sec-info,
  .page-template-page-forte-micro .case-study-sec-info,
  .page-template-page-loewen-henderson-banman .case-study-sec-info {
    width: 1020px;
    margin-top: 124px;
  }
}
.page-template-page-ruby-truck-line .case-study-sec-info .icono-arrow1-left,
.page-template-page-forte-micro .case-study-sec-info .icono-arrow1-left,
.page-template-page-loewen-henderson-banman .case-study-sec-info .icono-arrow1-left {
  opacity: 1;
}
/*
===================================
FORTE MICRO
===================================
*/
.forte-logos img {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  margin-right: 28px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .forte-logos img {
    width: 12%;
    margin-right: 99px;
  }
}
.icon {
  display: none;
}
@media screen and (min-width: 992px) {
  .icon {
    display: block;
  }
}
.icon svg {
  width: 440px;
}
@media screen and (min-width: 992px) {
  .icon svg {
    width: 312px;
  }
}
@media screen and (min-width: 1500px) {
  .icon svg {
    width: 440px;
  }
}
.icon path {
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
}
.icon path.path-active {
  -webkit-animation: dash 5s linear forwards;
          animation: dash 5s linear forwards;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.page-template-page-loewen-henderson-banman .case-study-sec a {
  position: relative;
  color: #AA182C;
}
.page-template-page-loewen-henderson-banman .case-study-sec a .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #AA182C;
}
@media screen and (min-width: 992px) {
  .page-template-page-loewen-henderson-banman .case-study-sec a .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.page-template-page-loewen-henderson-banman .case-study-sec a .cap-arrow::before {
  width: 20px;
}
.page-template-page-loewen-henderson-banman .case-study-sec a:hover,
.page-template-page-loewen-henderson-banman .case-study-sec a:focus {
  color: #777777 !important;
}
.page-template-page-loewen-henderson-banman .case-study-sec a:hover .cap-arrow,
.page-template-page-loewen-henderson-banman .case-study-sec a:focus .cap-arrow {
  color: #777777;
}
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type {
  position: relative;
  color: #CF2130;
}
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #CF2130;
}
@media screen and (min-width: 992px) {
  .page-template-page-ruby-truck-line .case-study-sec a:last-of-type .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type .cap-arrow::before {
  width: 20px;
}
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type:hover,
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type:focus {
  color: #777777 !important;
}
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type:hover .cap-arrow,
.page-template-page-ruby-truck-line .case-study-sec a:last-of-type:focus .cap-arrow {
  color: #777777;
}
.page-template-page-forte-micro .case-study-sec a:last-of-type {
  position: relative;
  color: #01438E;
}
.page-template-page-forte-micro .case-study-sec a:last-of-type .cap-arrow {
  opacity: 1;
  left: 101px;
  top: -7px;
  width: 15px;
  height: 15px;
  color: #01438E;
}
@media screen and (min-width: 992px) {
  .page-template-page-forte-micro .case-study-sec a:last-of-type .cap-arrow {
    left: 150px;
    top: -2px;
  }
}
.page-template-page-forte-micro .case-study-sec a:last-of-type .cap-arrow::before {
  width: 20px;
}
.page-template-page-forte-micro .case-study-sec a:last-of-type:hover,
.page-template-page-forte-micro .case-study-sec a:last-of-type:focus {
  color: #777777 !important;
}
.page-template-page-forte-micro .case-study-sec a:last-of-type:hover .cap-arrow,
.page-template-page-forte-micro .case-study-sec a:last-of-type:focus .cap-arrow {
  color: #777777;
}
/*
===================================
Alpha Hockey
===================================
*/
.img-responsive {
  display: block;
  width: 100%;
}
.desktop-only {
  display: none;
}
@media screen and (min-width: 500px) {
  .desktop-only {
    display: block;
  }
}
.mobile-only {
  display: block;
}
@media screen and (min-width: 500px) {
  .mobile-only {
    display: none !important;
  }
}
.page-template-page-alpha-hockey .hockey-player,
.page-template-page-hylife .hockey-player,
.page-template-page-rivr-financial .hockey-player {
  margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
  .page-template-page-alpha-hockey .hockey-player,
  .page-template-page-hylife .hockey-player,
  .page-template-page-rivr-financial .hockey-player {
    margin-bottom: 70px !important;
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .page-template-page-alpha-hockey .hockey-player,
  .page-template-page-hylife .hockey-player,
  .page-template-page-rivr-financial .hockey-player {
    margin-bottom: 150px !important;
  }
}
.page-template-page-alpha-hockey .case-study-sec .alpha-hockey-logo,
.page-template-page-hylife .case-study-sec .alpha-hockey-logo,
.page-template-page-rivr-financial .case-study-sec .alpha-hockey-logo {
  width: unset;
}
.page-template-page-alpha-hockey .case-study-sec .image-full,
.page-template-page-hylife .case-study-sec .image-full,
.page-template-page-rivr-financial .case-study-sec .image-full {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .page-template-page-alpha-hockey .case-study-sec .image-full,
  .page-template-page-hylife .case-study-sec .image-full,
  .page-template-page-rivr-financial .case-study-sec .image-full {
    margin-top: 70px;
  }
}
@media screen and (min-width: 992px) {
  .page-template-page-alpha-hockey .case-study-sec .image-full,
  .page-template-page-hylife .case-study-sec .image-full,
  .page-template-page-rivr-financial .case-study-sec .image-full {
    margin-top: 150px;
  }
}
.page-template-page-alpha-hockey .case-study-sec .image-full-2,
.page-template-page-hylife .case-study-sec .image-full-2,
.page-template-page-rivr-financial .case-study-sec .image-full-2 {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .page-template-page-alpha-hockey .case-study-sec .image-full-2,
  .page-template-page-hylife .case-study-sec .image-full-2,
  .page-template-page-rivr-financial .case-study-sec .image-full-2 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 992px) {
  .page-template-page-alpha-hockey .case-study-sec .image-full-2,
  .page-template-page-hylife .case-study-sec .image-full-2,
  .page-template-page-rivr-financial .case-study-sec .image-full-2 {
    margin-bottom: 150px;
  }
}
.page-template-page-alpha-hockey .case-study-sec .text-between-images,
.page-template-page-hylife .case-study-sec .text-between-images,
.page-template-page-rivr-financial .case-study-sec .text-between-images {
  margin-block: 50px;
}
@media screen and (min-width: 768px) {
  .page-template-page-alpha-hockey .case-study-sec .text-between-images,
  .page-template-page-hylife .case-study-sec .text-between-images,
  .page-template-page-rivr-financial .case-study-sec .text-between-images {
    margin-block: 70px;
  }
}
@media screen and (min-width: 992px) {
  .page-template-page-alpha-hockey .case-study-sec .text-between-images,
  .page-template-page-hylife .case-study-sec .text-between-images,
  .page-template-page-rivr-financial .case-study-sec .text-between-images {
    margin-block: 150px;
  }
}
.page-template-page-alpha-hockey .case-study-sec.half-images,
.page-template-page-hylife .case-study-sec.half-images,
.page-template-page-rivr-financial .case-study-sec.half-images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .page-template-page-alpha-hockey .case-study-sec.half-images,
  .page-template-page-hylife .case-study-sec.half-images,
  .page-template-page-rivr-financial .case-study-sec.half-images {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.page-template-page-alpha-hockey .case-study-sec.half-images img,
.page-template-page-hylife .case-study-sec.half-images img,
.page-template-page-rivr-financial .case-study-sec.half-images img {
  display: block;
  width: 100%;
}
.page-template-page-alpha-hockey .case-study-sec .view-website-info,
.page-template-page-hylife .case-study-sec .view-website-info,
.page-template-page-rivr-financial .case-study-sec .view-website-info {
  max-width: 752px;
  width: 100%;
}
.page-template-page-alpha-hockey .alpha-logos,
.page-template-page-hylife .alpha-logos,
.page-template-page-rivr-financial .alpha-logos {
  margin-block: 65px 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
}
@media screen and (min-width: 768px) {
  .page-template-page-alpha-hockey .alpha-logos,
  .page-template-page-hylife .alpha-logos,
  .page-template-page-rivr-financial .alpha-logos {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .page-template-page-alpha-hockey .alpha-logos,
  .page-template-page-hylife .alpha-logos,
  .page-template-page-rivr-financial .alpha-logos {
    gap: 0px;
  }
}
.page-template-page-alpha-hockey .alpha-logos img,
.page-template-page-hylife .alpha-logos img,
.page-template-page-rivr-financial .alpha-logos img {
  width: unset;
}
.page-template-page-alpha-hockey .case-study-sec-info .case-study-view,
.page-template-page-hylife .case-study-sec-info .case-study-view,
.page-template-page-rivr-financial .case-study-sec-info .case-study-view {
  position: relative;
  display: block;
  color: #0C284C;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-page-alpha-hockey .case-study-sec-info .case-study-view .icono-arrow1-left,
.page-template-page-hylife .case-study-sec-info .case-study-view .icono-arrow1-left,
.page-template-page-rivr-financial .case-study-sec-info .case-study-view .icono-arrow1-left {
  opacity: 1;
  top: -7px;
  left: 101px;
  width: 15px;
  height: 15px;
  color: #0C284C;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-page-alpha-hockey .case-study-sec-info .case-study-view .icono-arrow1-left::before,
.page-template-page-hylife .case-study-sec-info .case-study-view .icono-arrow1-left::before,
.page-template-page-rivr-financial .case-study-sec-info .case-study-view .icono-arrow1-left::before {
  width: 20px;
  color: #0C284C;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-page-alpha-hockey .case-study-sec-info .case-study-view:hover,
.page-template-page-hylife .case-study-sec-info .case-study-view:hover,
.page-template-page-rivr-financial .case-study-sec-info .case-study-view:hover {
  color: #77787B !important;
}
.page-template-page-alpha-hockey .case-study-sec-info .case-study-view:hover .icono-arrow1-left,
.page-template-page-hylife .case-study-sec-info .case-study-view:hover .icono-arrow1-left,
.page-template-page-rivr-financial .case-study-sec-info .case-study-view:hover .icono-arrow1-left {
  color: #77787B;
}
.page-template-page-alpha-hockey .case-study-sec-info .case-study-view:hover .icono-arrow1-left::before,
.page-template-page-hylife .case-study-sec-info .case-study-view:hover .icono-arrow1-left::before,
.page-template-page-rivr-financial .case-study-sec-info .case-study-view:hover .icono-arrow1-left::before {
  color: #77787B;
}
@media screen and (min-width: 992px) {
  .page-template-page-alpha-hockey .case-study-sec-info .case-study-view .icono-arrow1-left,
  .page-template-page-hylife .case-study-sec-info .case-study-view .icono-arrow1-left,
  .page-template-page-rivr-financial .case-study-sec-info .case-study-view .icono-arrow1-left {
    top: -2px;
    left: 150px;
  }
}
/*
===================================
PAGE HYLIFE
===================================
*/
.page-template-page-hylife img {
  width: 100%;
}
.page-template-page-hylife .case-study-sec-info .case-study-view {
  color: #093E72;
}
.page-template-page-hylife .case-study-sec-info .case-study-view .icono-arrow1-left {
  color: #093E72;
}
.page-template-page-hylife .case-study-sec-info .case-study-view .icono-arrow1-left::before {
  color: #093E72;
}
@media screen and (max-width: 500px) {
  .page-template-page-hylife .full-image-on-mobile {
    padding-inline: 0px !important;
  }
}
@media screen and (max-width: 500px) {
  .page-template-page-hylife .half-images-desktop-only {
    display: none !important;
  }
}
/*
===================================
PAGE RIVR FINANCIAL
===================================
*/
.page-template-page-rivr-financial .case-study-header-rivr-financial h1 {
  color: #ffffff !important;
}
@media screen and (max-width: 500px) {
  .page-template-page-rivr-financial .half-images-desktop-only {
    display: none !important;
  }
}
.page-template-page-rivr-financial .case-study-sec .half-images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .page-template-page-rivr-financial .case-study-sec .half-images {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.page-template-page-rivr-financial .case-study-sec .half-images img {
  display: block;
  width: 100%;
}
.page-template-page-rivr-financial .case-study-sec .forty-sixty-images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .page-template-page-rivr-financial .case-study-sec .forty-sixty-images {
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
  }
  .page-template-page-rivr-financial .case-study-sec .forty-sixty-images img:nth-of-type(odd) {
    padding-right: 11.5%;
  }
}
.page-template-page-rivr-financial .case-study-sec .forty-sixty-images img {
  display: block;
  width: 100%;
}
.page-template-page-rivr-financial .revolution {
  display: block;
  width: 100%;
}
.image-comparison {
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;
}
.image-comparison__slider-wrapper {
  position: relative;
}
.image-comparison__label {
  font-size: 0;
  line-height: 0;
}
.image-comparison__label,
.image-comparison__range {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: ew-resize;
  z-index: 20;
}
@media (hover) {
  .image-comparison__range:hover ~ .image-comparison__slider .image-comparison__thumb {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.image-comparison .image-comparison__slider-wrapper .image-comparison__range:active ~ .image-comparison__slider .image-comparison__thumb,
.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus ~ .image-comparison__slider .image-comparison__thumb,
.image-comparison .image-comparison__slider-wrapper .image-comparison__range--active ~ .image-comparison__slider .image-comparison__thumb {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-color: rgba(0, 97, 127, 0.5);
}
.image-comparison__image-wrapper--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% + 1px);
  height: 100%;
  overflow: hidden;
}
.image-comparison__figure {
  margin: 0;
}
.image-comparison__figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
.image-comparison__figure:not(.image-comparison__figure--overlay) {
  position: relative;
  padding-top: 66.66666667%;
}
.image-comparison__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 50%;
     object-position: 0 50%;
  overflow: hidden;
}
.image-comparison__figure--overlay .image-comparison__image {
  z-index: 1;
}
.image-comparison__caption {
  position: absolute;
  bottom: 0px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  text-transform: uppercase;
}
.image-comparison__caption--before {
  left: 0px;
  z-index: 2;
}
.image-comparison__caption--before span {
  color: white;
}
.image-comparison__caption--after {
  right: 0%;
  text-align: right;
}
.image-comparison__caption--after span {
  color: white;
}
.image-comparison__caption-body {
  max-width: 40vmin;
  padding: 12px 20px;
  background-color: #77787B;
}
.image-comparison__slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  z-index: 10;
}
.image-comparison__range--active ~ .image-comparison__slider {
  background-color: rgba(255, 255, 255, 0);
}
.image-comparison__thumb {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px solid #ffffff;
  background-color: #77787B;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.image-comparison__range::-webkit-slider-runnable-track {
  width: 40px;
  height: 40px;
  opacity: 0;
}
.image-comparison__range::-moz-range-thumb {
  width: 40px;
  height: 40px;
  opacity: 0;
}
.image-comparison__range::-webkit-slider-thumb {
  width: 40px;
  height: 40px;
  opacity: 0;
}
.image-comparison__range::-ms-fill-lower {
  background-color: transparent;
}
.image-comparison__range::-ms-track {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: transparent;
  outline: none;
  cursor: col-resize;
}
.image-comparison__range::-ms-thumb {
  width: 0.5%;
  height: 100%;
  opacity: 0;
}
.image-comparison__range::-ms-tooltip {
  display: none;
}
/*
===================================
FOOTER
===================================
*/
.social-fb {
  position: relative;
  display: inline-block;
  margin: 0 24px;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.social-fb img {
  width: 34px;
}
.social-fb:hover {
  opacity: 0.5;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.social-insta {
  position: relative;
  display: inline-block;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.social-insta img {
  width: 34px;
}
.social-insta:hover {
  opacity: 0.5;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
footer {
  background-color: #231F20;
  padding: 48px 0;
  padding-bottom: 55px;
}
@media screen and (min-width: 1200px) {
  footer {
    padding: 48px 0;
  }
}
footer .direct {
  position: relative;
  color: #231F20;
}
footer .direct [class*="send-arrow"] {
  width: 14px;
  height: 14px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
footer .direct [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 18px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
footer .direct [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -39px;
  top: -1px;
  z-index: 2;
  opacity: 1;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
footer .direct [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
footer .direct [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
footer .direct:hover {
  color: #231F20 !important;
}
footer .direct:hover [class*="send-arrow"] {
  width: 14px;
  height: 14px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  margin: 10px;
}
footer .direct:hover [class*="send-arrow"]::before {
  content: "";
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  -webkit-box-shadow: inset 0 0 0 32px;
          box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 18px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
footer .direct:hover [class*="send-arrow"][class*="-left"] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -39px;
  top: -1px;
  z-index: 2;
  opacity: 1;
  color: #231F20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
footer .direct:hover [class*="send-arrow"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
          transform: none;
}
footer .direct:hover [class*="send-arrow"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
footer h2 {
  display: block;
  margin-bottom: 7px;
  margin-top: 53px;
  color: #ffffff;
}
@media screen and (min-width: 1200px) {
  footer h2 {
    display: none;
  }
}
footer .hours {
  display: block;
  margin-bottom: 53px;
}
footer .hours h2 {
  margin-bottom: 7px;
  margin-top: 53px;
}
footer .hours h2,
footer .hours p {
  color: #ffffff;
}
@media screen and (min-width: 1200px) {
  footer .hours {
    display: none;
  }
}
footer .footer-info,
footer .copyright {
  display: inline-block;
  vertical-align: middle;
}
footer .footer-info span,
footer .copyright span,
footer .footer-info a,
footer .copyright a {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 992px) {
  footer .footer-info span,
  footer .copyright span,
  footer .footer-info a,
  footer .copyright a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 992px) {
  footer .footer-info span,
  footer .copyright span,
  footer .footer-info a,
  footer .copyright a {
    font-size: 16px;
    line-height: 24px;
  }
}
footer .footer-info img,
footer .copyright img,
footer .footer-info span,
footer .copyright span,
footer .footer-info a,
footer .copyright a {
  display: block;
  margin: 0 0px;
  vertical-align: middle;
}
@media screen and (min-width: 1200px) {
  footer .footer-info img,
  footer .copyright img,
  footer .footer-info span,
  footer .copyright span,
  footer .footer-info a,
  footer .copyright a {
    margin: 0 13px;
    display: inline-block;
  }
}
@media screen and (min-width: 1500px) {
  footer .footer-info img,
  footer .copyright img,
  footer .footer-info span,
  footer .copyright span,
  footer .footer-info a,
  footer .copyright a {
    margin: 0 17px;
    display: inline-block;
  }
}
footer .footer-info a:first-of-type img,
footer .copyright a:first-of-type img {
  width: 64px;
}
footer .footer-info a img,
footer .copyright a img {
  width: 34px;
  margin: 0 0px;
  margin-right: 19px;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1200px) {
  footer .footer-info a img,
  footer .copyright a img {
    margin: 0 6px;
  }
}
footer .footer-info {
  margin-left: 28px;
  width: 78%;
}
@media screen and (min-width: 992px) {
  footer .footer-info {
    margin-left: 65px;
  }
}
footer .footer-info p {
  display: block;
}
@media screen and (min-width: 1200px) {
  footer .footer-info p {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  footer .footer-info {
    width: 100%;
  }
}
@media screen and (min-width: 1414px) {
  footer .footer-info {
    width: 75%;
  }
}
footer .footer-info a {
  display: inline-block;
}
footer .footer-info a:hover {
  color: #777777 !important;
}
footer .footer-info > a {
  margin: 0px;
}
@media screen and (min-width: 1200px) {
  footer .footer-info > a {
    margin: 2px;
  }
}
footer .social-icon:hover {
  opacity: 0.5;
}
footer .copyright {
  width: 100%;
  margin-top: 55px;
}
@media screen and (min-width: 1200px) {
  footer .copyright {
    width: 100%;
    margin-top: 14px;
  }
}
@media screen and (min-width: 1418px) {
  footer .copyright {
    width: 20%;
    margin-top: 0px;
  }
}
footer .copyright span {
  display: block;
}
@media screen and (min-width: 992px) {
  footer .copyright span {
    display: inline-block;
  }
}
footer .copyright span:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 992px) {
  footer .copyright span:nth-of-type(2) {
    display: inline-block;
  }
}
@media screen and (min-width: 1418px) {
  footer .copyright span:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 1758px) {
  footer .copyright span:nth-of-type(2) {
    display: inline-block;
  }
}
footer .copyright span,
footer .copyright a {
  font-weight: normal;
  margin: 0;
}
footer .copyright a {
  margin-bottom: 2px;
  display: inline-block;
}
footer .copyright a:hover {
  color: #777777 !important;
}
/*
===================================
404 Page
===================================
*/
.iubenda-tp-btn {
  display: none !important;
}
#abc {
  background-color: #111111;
  padding: 40px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 100px #231F20, 0 0 1px #231F20, 0 0 31px #231F20;
  color: #231F20;
  padding: 321px 0;
}
#abc p:nth-of-type(2) {
  color: #231F20;
}
div p {
  margin: 0;
}
#error {
  text-shadow: 0 0 200px #ffffff, 0 0 80px #008000, 0 0 6px #0000ff;
}
#code {
  text-shadow: 0 0 100px #231F20, 0 0 1px #231F20, 0 0 31px #231F20;
}
#error {
  color: #fff;
  text-shadow: 0 0 80px #ffffff, 0 0 30px #008000, 0 0 6px #0000ff;
}
#error span {
  -webkit-animation: upper 11s linear infinite;
          animation: upper 11s linear infinite;
  color: #fff;
}
#code span:nth-of-type(2) {
  -webkit-animation: lower 10s linear infinite;
          animation: lower 10s linear infinite;
  color: #231F20;
}
#code span:nth-of-type(1) {
  text-shadow: none;
  opacity: 0.4;
  color: #231F20;
}
@-webkit-keyframes upper {
  0%,
  19.999%,
  22%,
  62.999%,
  64%,
  64.999%,
  70%,
  100% {
    opacity: 0.99;
    text-shadow: 0 0 80px #ffffff, 0 0 30px #008000, 0 0 6px #0000ff;
  }
  20%,
  21.999%,
  63%,
  63.999%,
  65%,
  69.999% {
    opacity: 0.4;
    text-shadow: none;
  }
}
@keyframes upper {
  0%,
  19.999%,
  22%,
  62.999%,
  64%,
  64.999%,
  70%,
  100% {
    opacity: 0.99;
    text-shadow: 0 0 80px #ffffff, 0 0 30px #008000, 0 0 6px #0000ff;
  }
  20%,
  21.999%,
  63%,
  63.999%,
  65%,
  69.999% {
    opacity: 0.4;
    text-shadow: none;
  }
}
@-webkit-keyframes lower {
  0%,
  12%,
  18.999%,
  23%,
  31.999%,
  37%,
  44.999%,
  46%,
  49.999%,
  51%,
  58.999%,
  61%,
  68.999%,
  71%,
  85.999%,
  96%,
  100% {
    opacity: 0.99;
    text-shadow: 0 0 100px #231F20, 0 0 1px #231F20, 0 0 31px #231F20;
  }
  19%,
  22.99%,
  32%,
  36.999%,
  45%,
  45.999%,
  50%,
  50.99%,
  59%,
  60.999%,
  69%,
  70.999%,
  86%,
  95.999% {
    opacity: 0.4;
    text-shadow: none;
  }
}
@keyframes lower {
  0%,
  12%,
  18.999%,
  23%,
  31.999%,
  37%,
  44.999%,
  46%,
  49.999%,
  51%,
  58.999%,
  61%,
  68.999%,
  71%,
  85.999%,
  96%,
  100% {
    opacity: 0.99;
    text-shadow: 0 0 100px #231F20, 0 0 1px #231F20, 0 0 31px #231F20;
  }
  19%,
  22.99%,
  32%,
  36.999%,
  45%,
  45.999%,
  50%,
  50.99%,
  59%,
  60.999%,
  69%,
  70.999%,
  86%,
  95.999% {
    opacity: 0.4;
    text-shadow: none;
  }
}
.head404 {
  background-color: #000;
  height: 115px;
}
.error-404 {
  text-align: center;
  margin-top: 254px;
  margin-bottom: 223px;
}
.error-404 .page-title {
  color: #000;
  margin-top: 75px;
}
.error-404 .page-header {
  border: none;
  margin: 0 0 20px;
  background-color: transparent;
}
.error-404 .page-content h1 {
  line-height: 120px;
  color: #000;
}
/*
===================================
Product page
===================================
*/
#products-section #products-icon h2 {
  margin-left: 0px;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  #products-section #products-icon h2 {
    margin-bottom: 60px;
  }
}
#products-section #products-icon p {
  margin-bottom: 18px;
}
#products-section #products-info {
  border-left: none;
  vertical-align: bottom;
}
#products-section #products-info img {
  width: 100% !important;
  display: block;
}
@media screen and (min-width: 768px) {
  #product-deliverables {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    gap: 40px;
  }
}
#product-deliverables a {
  display: block;
  margin-top: 0;
  margin-bottom: 17px;
  font-size: 40px !important;
  color: #231F20;
}
#inspiration h3,
#special-events h3,
#quiality-assured h3,
#product-page-clients h3 {
  font-size: 40px !important;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  #inspiration h3,
  #special-events h3,
  #quiality-assured h3,
  #product-page-clients h3 {
    margin-bottom: 60px;
  }
}
#inspiration {
  padding-top: 32px;
}
@media screen and (min-width: 992px) {
  #inspiration {
    margin-top: 143px;
  }
}
#inspiration .listing {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  #inspiration .listing {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  #inspiration .listing {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  #inspiration .listing {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#inspiration .listing .data-list img {
  display: block;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
#special-events img {
  display: block;
  aspect-ratio: 2;
  -o-object-fit: cover;
     object-fit: cover;
}
#quiality-assured {
  background-color: #231F20;
  padding-top: 100px;
  padding-bottom: 100px;
}
#quiality-assured h3 {
  color: #ffffff;
}
#quiality-assured #testing-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media screen and (min-width: 768px) {
  #quiality-assured #testing-process {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#quiality-assured #testing-process svg {
  display: block;
  width: 100%;
  max-width: 128px;
  max-height: 128px;
}
#quiality-assured #testing-process .connected-line {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  #quiality-assured #testing-process .connected-line {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 115px;
  }
}
#quiality-assured #testing-process .text-color {
  color: #ffffff;
  text-align: center;
}
#quiality-assured #testing-process .process-part {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#product-page-clients {
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
  #product-page-clients {
    padding-bottom: 140px;
  }
}
#product-page-clients .listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  #product-page-clients .listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  #product-page-clients .listing {
    gap: 50px;
  }
}
#product-page-clients .listing img {
  width: 230px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#product-page-clients .listing img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
/*
===================================================
Common CSS for -- product sub page
***************************************************
* CSS for: Print Material, Signage and Decals,    *
*          Event Displays, Photo and Video        *
*          labels and Packaging, Mailing Services * 
===================================================
*/
.display-4-1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  .display-4-1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  .display-4-1 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  .display-4-1 {
    -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 60px;
  }
}
.product-heading {
  font-size: 24px !important;
  margin-top: 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.effect-change {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section-bottom-margin {
  margin-bottom: 42px;
}
@media screen and (min-width: 992px) {
  .section-bottom-margin {
    margin-bottom: 142px;
  }
}
@media screen and (min-width: 992px) {
  #product-sub-page-content {
    width: 70%;
  }
}
#deliverables,
#product-values,
#additional-info,
#faq {
  margin-bottom: 42px;
}
@media screen and (min-width: 992px) {
  #deliverables,
  #product-values,
  #additional-info,
  #faq {
    margin-bottom: 142px;
  }
}
#deliverables h3,
#product-values h3,
#additional-info h3,
#faq h3 {
  color: #231F20;
  margin-top: 0;
  margin-bottom: 17px;
  font-size: 40px !important;
}
#deliverables p,
#product-values p,
#additional-info p,
#faq p {
  margin-bottom: 18px;
}
#deliverables {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  #deliverables {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  #deliverables {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  #deliverables {
    -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 60px;
  }
}
#deliverables .related-products img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 992px) {
  #deliverables .related-products img {
    aspect-ratio: 1;
  }
}
@media screen and (min-width: 992px) {
  #deliverables .related-products img {
    max-width: 330px;
  }
}
#deliverables .related-products h3 {
  font-size: 24px !important;
  margin-top: 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#deliverables .related-products p,
#deliverables .related-products svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#deliverables .related-products .learn-more-btn {
  color: #231F20;
  margin-top: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 992px) {
  #deliverables .related-products:hover img {
    -webkit-box-shadow: 1px 1px 16px 0px #000000;
            box-shadow: 1px 1px 16px 0px #000000;
  }
  #deliverables .related-products:hover h3,
  #deliverables .related-products:hover p {
    color: #231F20;
  }
  #deliverables .related-products:hover .learn-more-btn {
    color: #231F20;
  }
  #deliverables .related-products:hover .learn-more-btn svg {
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  #deliverables .related-products:hover .learn-more-btn svg path {
    fill: #231F20;
    stroke: #231F20;
  }
}
#product-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
  margin-top: 70px;
}
@media screen and (min-width: 992px) {
  #product-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 142px;
    margin-top: 0px;
  }
}
#product-values img {
  margin: auto;
  margin-bottom: 40px;
  display: block;
  width: 100%;
}
#product-values .value-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#additional-info h3 {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  #additional-info h3 {
    padding-bottom: 50px;
  }
}
#faq h3 {
  text-align: center;
}
#question-answer {
  margin-top: 70px;
}
#question-answer button {
  text-align: left;
  width: 100%;
  margin-bottom: 43px;
  border: none;
  background-color: #ffffff;
  border-bottom: 2px solid #ececec;
  padding-bottom: 43px;
}
#question-answer button .faq-answer {
  margin-top: 43px;
}
#question-answer button h3 {
  color: #231F20;
  position: relative;
  margin-bottom: 0;
  padding-right: 80px;
  font-size: 30px !important;
  text-align: left !important;
}
#question-answer button h3::after {
  content: "";
  background-image: url("/wp-content/themes/onpoint/images/icons/maximize-icon.svg");
  display: block;
  position: absolute;
  right: 0;
  top: -7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}
#question-answer button.is-active h3::after {
  content: "";
  background-image: url("/wp-content/themes/onpoint/images/icons/minimize-icon.svg");
}
/*
===================================================
Single Page CSS for - OUR PRODUCTS
===================================================
*/
.single-product-header {
  width: unset !important;
}
#post-content {
  margin-bottom: 42px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  #post-content {
    margin-bottom: 142px;
  }
}
#post-content p {
  margin-bottom: 18px;
}
@media screen and (min-width: 992px) {
  #post-content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
#post-content .div-left img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 992px) {
  #post-content .div-left img {
    aspect-ratio: 1.33333333;
  }
}
@media screen and (min-width: 992px) {
  #post-content .div-right {
    margin-left: 40px;
  }
}
#style-types,
#specialty-options {
  margin-bottom: 42px;
}
@media screen and (min-width: 992px) {
  #style-types,
  #specialty-options {
    margin-bottom: 142px;
  }
}
#style-types h2,
#specialty-options h2 {
  color: #231F20;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  #style-types h2,
  #specialty-options h2 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 992px) {
  #style-types h2,
  #specialty-options h2 {
    margin-bottom: 120px;
  }
}
#style-types .qualities,
#specialty-options .qualities {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media screen and (min-width: 1600px) {
  #style-types .qualities,
  #specialty-options .qualities {
    padding-left: 100px;
  }
}
@media screen and (min-width: 768px) {
  #style-types .qualities,
  #specialty-options .qualities {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  #style-types .qualities,
  #specialty-options .qualities {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  #style-types .qualities,
  #specialty-options .qualities {
    -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 60px;
  }
}
#style-types .qualities h3,
#specialty-options .qualities h3 {
  font-size: 24px !important;
  margin-top: 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}