@import url(https://fonts.googleapis.com/css?family=Hind);
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-default:active, .btn-default.active,
  .btn-primary:active,
  .btn-primary.active,
  .btn-success:active,
  .btn-success.active,
  .btn-info:active,
  .btn-info.active,
  .btn-warning:active,
  .btn-warning.active,
  .btn-danger:active,
  .btn-danger.active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-default.disabled, .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled]
  .btn-primary,
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled]
  .btn-success,
  .btn-info.disabled,
  .btn-info[disabled],
  fieldset[disabled]
  .btn-info,
  .btn-warning.disabled,
  .btn-warning[disabled],
  fieldset[disabled]
  .btn-warning,
  .btn-danger.disabled,
  .btn-danger[disabled],
  fieldset[disabled]
  .btn-danger {
    box-shadow: none; }
  .btn-default .badge,
  .btn-primary .badge,
  .btn-success .badge,
  .btn-info .badge,
  .btn-warning .badge,
  .btn-danger .badge {
    text-shadow: none; }

.btn:active, .btn.active {
  background-image: none; }

.btn-default {
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE0E0E0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus {
    background-color: #e0e0e0;
    background-position: 0 -15px; }
  .btn-default:active, .btn-default.active {
    background-color: #e0e0e0;
    border-color: #dbdbdb; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #e0e0e0;
    background-image: none; }

.btn-primary {
  background-image: linear-gradient(to bottom, #27ae60 0%, #1c7c44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27AE60', endColorstr='#FF1C7C44', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #1a7440; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #1c7c44;
    background-position: 0 -15px; }
  .btn-primary:active, .btn-primary.active {
    background-color: #1c7c44;
    border-color: #1a7440; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #1c7c44;
    background-image: none; }

.btn-success {
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5CB85C', endColorstr='#FF419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e; }
  .btn-success:hover, .btn-success:focus {
    background-color: #419641;
    background-position: 0 -15px; }
  .btn-success:active, .btn-success.active {
    background-color: #419641;
    border-color: #3e8f3e; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #419641;
    background-image: none; }

.btn-info {
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2AABD2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9; }
  .btn-info:hover, .btn-info:focus {
    background-color: #2aabd2;
    background-position: 0 -15px; }
  .btn-info:active, .btn-info.active {
    background-color: #2aabd2;
    border-color: #28a4c9; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #2aabd2;
    background-image: none; }

.btn-warning {
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0AD4E', endColorstr='#FFEB9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13; }
  .btn-warning:hover, .btn-warning:focus {
    background-color: #eb9316;
    background-position: 0 -15px; }
  .btn-warning:active, .btn-warning.active {
    background-color: #eb9316;
    border-color: #e38d13; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #eb9316;
    background-image: none; }

.btn-danger {
  background-image: linear-gradient(to bottom, #c80f3f 0%, #8f0b2d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC80F3F', endColorstr='#FF8F0B2D', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #860a2a; }
  .btn-danger:hover, .btn-danger:focus {
    background-color: #8f0b2d;
    background-position: 0 -15px; }
  .btn-danger:active, .btn-danger.active {
    background-color: #8f0b2d;
    border-color: #860a2a; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #8f0b2d;
    background-image: none; }

.thumbnail, .wp-caption,
.img-thumbnail {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0);
  background-color: #e8e8e8; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: linear-gradient(to bottom, #27ae60 0%, #229955 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27AE60', endColorstr='#FF229955', GradientType=0);
  background-color: #229955; }

.navbar-default {
  background-image: linear-gradient(to bottom, white 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF8F8F8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .active > a {
    background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDBDBDB', endColorstr='#FFE2E2E2', GradientType=0);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); }

.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }

.navbar-inverse {
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3C3C3C', endColorstr='#FF222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px; }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .active > a {
    background-image: linear-gradient(to bottom, #090909 0%, #0f0f0f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF090909', endColorstr='#FF0F0F0F', GradientType=0);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); }
  .navbar-inverse .navbar-brand,
  .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0; }

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: linear-gradient(to bottom, #27ae60 0%, #229955 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27AE60', endColorstr='#FF229955', GradientType=0); } }

.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); }

.alert-success {
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFC8E5BC', GradientType=0);
  border-color: #b2dba1; }

.alert-info {
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFB9DEF0', GradientType=0);
  border-color: #9acfea; }

.alert-warning {
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFF8EFC0', GradientType=0);
  border-color: #f5e79e; }

.alert-danger {
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE7C3C3', GradientType=0);
  border-color: #dca7a7; }

.progress {
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBEBEB', endColorstr='#FFF5F5F5', GradientType=0); }

.progress-bar {
  background-image: linear-gradient(to bottom, #27ae60 0%, #1e8449 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27AE60', endColorstr='#FF1E8449', GradientType=0); }

.progress-bar-success {
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5CB85C', endColorstr='#FF449D44', GradientType=0); }

.progress-bar-info {
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF31B0D5', GradientType=0); }

.progress-bar-warning {
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0AD4E', endColorstr='#FFEC971F', GradientType=0); }

.progress-bar-danger {
  background-image: linear-gradient(to bottom, #c80f3f 0%, #990b30 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC80F3F', endColorstr='#FF990B30', GradientType=0); }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.list-group {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #1e8449;
  background-image: linear-gradient(to bottom, #27ae60 0%, #208f4f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27AE60', endColorstr='#FF208F4F', GradientType=0);
  border-color: #208f4f; }
  .list-group-item.active .badge,
  .list-group-item.active:hover .badge,
  .list-group-item.active:focus .badge {
    text-shadow: none; }

.panel {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.panel-default > .panel-heading {
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0); }

.panel-primary > .panel-heading {
  background-image: linear-gradient(to bottom, #27ae60 0%, #229955 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF27AE60', endColorstr='#FF229955', GradientType=0); }

.panel-success > .panel-heading {
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFD0E9C6', GradientType=0); }

.panel-info > .panel-heading {
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFC4E3F3', GradientType=0); }

.panel-warning > .panel-heading {
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFFAF2CC', GradientType=0); }

.panel-danger > .panel-heading {
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFEBCCCC', GradientType=0); }

.well {
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8E8E8', endColorstr='#FFF5F5F5', GradientType=0);
  border-color: gainsboro;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }

@media (min-width: 768px) {
  .main__layout .col__layout:first-of-type {
    text-align: left !important; }
  .main__layout .col__layout:nth-child(2n) {
    text-align: center !important; }
  .main__layout .col__layout:last-of-type {
    text-align: right !important; } }

@keyframes animLand {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: -335px 0px; } }

@keyframes animSky {
  0% {
    background-position: 0px 100%; }
  100% {
    background-position: -2000px 100%; } }

@keyframes animPipe {
  0% {
    left: 900px; }
  100% {
    left: -100px; } }

@keyframes animCeiling {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: -63px 0px; } }

.error404, .four04fourhtml {
  background: #001df7;
  text-align: center;
  /*
	Screen - Game
	*/ }
  .error404 #gamecontainer, .four04fourhtml #gamecontainer {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 525px; }
  .error404 #gamescreen, .four04fourhtml #gamescreen {
    position: absolute;
    width: 100%;
    height: 100%; }
  .error404 #sky, .four04fourhtml #sky {
    position: absolute;
    top: 0;
    width: 100%;
    height: 80%;
    background-image: url("../images/desktop.png");
    background-repeat: repeat-x;
    background-position: 0px 100%;
    background-color: #4ec0ca;
    animation: animSky 7s linear infinite; }
  .error404 #flyarea, .four04fourhtml #flyarea {
    position: absolute;
    bottom: 0;
    height: 780px;
    width: 100%; }
  .error404 #ceiling, .four04fourhtml #ceiling {
    position: absolute;
    top: -16px;
    height: 16px;
    width: 100%;
    background-image: url("../images/ceiling.png");
    background-repeat: repeat-x;
    animation: animCeiling 481ms linear infinite; }
  .error404 #land, .four04fourhtml #land {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background-image: url("../images/land.png");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #ded895;
    animation: animLand 2516ms linear infinite; }
  .error404 #bigscore, .four04fourhtml #bigscore {
    position: absolute;
    top: 20px;
    left: 41.5%;
    z-index: 100; }
    .error404 #bigscore img, .four04fourhtml #bigscore img {
      display: inline-block;
      padding: 1px; }
  .error404 #splash, .four04fourhtml #splash {
    position: absolute;
    opacity: 0;
    top: 30%;
    left: 41.5%;
    width: 350px;
    padding: 35px;
    font-weight: 700;
    background: #64bc46;
    color: white;
    background-repeat: no-repeat;
    box-shadow: 10px 10px 0px -2px black; }
    .error404 #splash a, .four04fourhtml #splash a {
      color: white;
      font-weight: 700; }
    .error404 #splash img, .four04fourhtml #splash img {
      width: 100%;
      height: auto;
      margin-bottom: 25px; }
  .error404 #scoreboard, .four04fourhtml #scoreboard {
    position: absolute;
    display: none;
    opacity: 0;
    top: 30%;
    left: 41.5%;
    width: 350px;
    height: 220px;
    background: url("../images/scoreboard.png") center center;
    background-repeat: no-repeat;
    z-index: 1000; }
  .error404 #medal, .four04fourhtml #medal {
    position: absolute;
    opacity: 0;
    top: 114px;
    left: 32px;
    width: 44px;
    height: 44px; }
  .error404 #currentscore, .four04fourhtml #currentscore {
    position: absolute;
    top: 109px;
    right: 105px;
    width: 104px;
    height: 14px;
    text-align: right; }
  .error404 #currentscore img, .four04fourhtml #currentscore img {
    padding-left: 2px; }
  .error404 #highscore, .four04fourhtml #highscore {
    position: absolute;
    top: 149px;
    right: 105px;
    width: 104px;
    height: 14px;
    text-align: right; }
  .error404 #highscore img, .four04fourhtml #highscore img {
    padding-left: 2px; }
  .error404 #replay, .four04fourhtml #replay {
    position: absolute;
    opacity: 0;
    top: 205px;
    left: 118px;
    height: 70px;
    width: 115px;
    cursor: pointer; }
  .error404 .boundingbox, .four04fourhtml .boundingbox {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 1px solid red; }
  .error404 #player, .four04fourhtml #player {
    left: 60px;
    top: 200px; }
  .error404 .bird, .four04fourhtml .bird {
    position: absolute;
    width: 46px;
    height: 33px;
    background-image: url("../images/bird.gif"); }
  .error404 .pipe, .four04fourhtml .pipe {
    position: absolute;
    left: -100px;
    width: 52px;
    height: 100%;
    z-index: 10;
    animation: animPipe 7500ms linear; }
  .error404 .pipe_upper, .four04fourhtml .pipe_upper {
    position: absolute;
    top: 0;
    width: 52px;
    background: url("../images/string.png");
    background-repeat: repeat-y;
    background-position: center; }
  .error404 .pipe_upper:after, .four04fourhtml .pipe_upper:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 52px;
    height: 63px;
    background-image: url("../images/pipe-down.png"); }
  .error404 .pipe_lower, .four04fourhtml .pipe_lower {
    position: absolute;
    bottom: 0;
    width: 52px;
    background-image: url("../images/pipe-up.png");
    background-repeat: repeat-y;
    background-position: center; }
    .error404 .pipe_lower:after, .four04fourhtml .pipe_lower:after {
      left: 0;
      content: "";
      position: absolute;
      top: 0;
      width: 52px;
      height: 26px;
      background-image: url("../images/pipe-up.png"); }

a {
  cursor: pointer; }
  a:hover {
    text-decoration: none !important; }

html, body {
  height: 100%;
  position: relative;
  background: #272e33;
  min-width: 320px;
  margin: 0 auto !important; }
  html.freeze, body.freeze {
    overflow: hidden !important; }

ul, li, p {
  font-family: "source-sans-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    ul, li, p {
      font-size: 12px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ul, li, p {
      font-size: 15px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    ul, li, p {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    ul, li, p {
      font-size: 16px; } }
  @media (max-width: 767px) {
    ul, li, p {
      line-height: 25px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ul, li, p {
      line-height: 25px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    ul, li, p {
      line-height: 26px; } }
  @media (min-width: 1200px) {
    ul, li, p {
      line-height: 26px; } }
  ul:last-of-type, li:last-of-type, p:last-of-type {
    margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px; }
  h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type {
    margin-top: 0 !important; }

@media (max-width: 767px) {
  h2 {
    font-size: 20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 25px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 25px; } }

@media (min-width: 1200px) {
  h2 {
    font-size: 30px; } }

@media (max-width: 767px) {
  h2 {
    line-height: 30px; } }

@media (min-width: 768px) and (max-width: 991px) {
  h2 {
    line-height: 35px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  h2 {
    line-height: 25px; } }

@media (min-width: 1200px) {
  h2 {
    line-height: 40px; } }

@media (max-width: 767px) {
  .image-grid-block a {
    background: rgba(43, 51, 57, 0.7) !important; } }

.grid-wrap {
  background: #eff2f3;
  overflow: hidden; }
  .grid-wrap:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

@media (max-width: 767px) {
  .page_content--main {
    padding: 50px 0; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page_content--main {
    padding: 90px 0; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page_content--main {
    padding: 110px 0; } }

@media (min-width: 1200px) {
  .page_content--main {
    padding: 120px 0; } }

@media (max-width: 767px) {
  .informational__bar {
    padding: 30px 0; } }

@media (min-width: 768px) and (max-width: 991px) {
  .informational__bar {
    padding: 32px 0; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .informational__bar {
    padding: 35px 0; } }

@media (min-width: 1200px) {
  .informational__bar {
    padding: 40px 0; } }

.informational__bar .button-wrapper {
  padding: 0 15px;
  margin-top: 4px; }
  @media (max-width: 767px) {
    .informational__bar .button-wrapper {
      margin-top: 18px !important; } }
  @media (min-width: 768px) {
    .informational__bar .button-wrapper {
      width: 31% !important;
      text-align: right; } }

@media (min-width: 768px) {
  .informational__bar .button-wrapper, .informational__bar .title-wrapper {
    display: inline-block;
    vertical-align: middle;
    float: none !important; } }

.informational__bar .title-wrapper {
  padding: 0 20px; }
  @media (min-width: 768px) {
    .informational__bar .title-wrapper {
      width: 100%; } }

.page__content--inner {
  background: white; }
  @media (max-width: 767px) {
    .page__content--inner {
      padding: 40px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .page__content--inner {
      padding: 30px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .page__content--inner {
      padding: 40px 0; } }
  @media (min-width: 1200px) {
    .page__content--inner {
      padding: 40px 0; } }

.row {
  position: relative;
  margin-left: -20px !important;
  margin-right: -20px !important; }

.container {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

#scroll__down {
  position: absolute;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
  margin: -70px 0 0 0;
  cursor: pointer;
  transition: all .2s ease-in-out;
  text-align: center; }

.sub__page--loader {
  height: 20px;
  width: 0; }

#global__site--loader {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  opacity: 1;
  background: #2b3339;
  transition: all .4s ease-in-out; }
  #global__site--loader.load {
    top: -100%;
    transition: all .4s ease-in-out; }
  #global__site--loader svg {
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    max-height: 80px; }
  #global__site--loader path, #global__site--loader rect {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 6s linear alternate forwards; }

@keyframes dash {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }

#global__site--pull {
  position: relative;
  top: 100%;
  height: 100%;
  transition: all .4s ease-in-out;
  z-index: 0; }
  #global__site--pull.in {
    top: 0;
    transition: all .4s ease-in-out; }

.filter__cat--menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .filter__cat--menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .filter__cat--menu li {
    float: left;
    margin: 0 20px 0 0 !important; }
  .filter__cat--menu a {
    text-transform: uppercase;
    padding: 10px 28px;
    border-radius: 50px;
    display: block;
    color: #2b3339;
    font-size: 13px;
    transition: all .2s ease-in-out; }
    .filter__cat--menu a:hover, .filter__cat--menu a.active {
      transition: all .2s ease-in-out;
      background: #64bc46;
      color: white; }

.single-post .video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 10px 0 40px 0; }
  .single-post .video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.single-post blockquote {
  margin: 50px 0;
  padding: 0 30px 0 100px;
  position: relative;
  border: none !important; }
  .single-post blockquote p {
    font-style: italic;
    font-weight: 700; }
    @media (max-width: 767px) {
      .single-post blockquote p {
        font-size: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .single-post blockquote p {
        font-size: 15px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .single-post blockquote p {
        font-size: 16px; } }
    @media (min-width: 1200px) {
      .single-post blockquote p {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .single-post blockquote p {
        line-height: 25px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .single-post blockquote p {
        line-height: 25px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .single-post blockquote p {
        line-height: 26px; } }
    @media (min-width: 1200px) {
      .single-post blockquote p {
        line-height: 30px; } }
  .single-post blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #2b3339;
    font-size: 78px;
    padding-right: 0;
    position: absolute;
    top: -7px;
    left: 0; }

.single-post #menu-item-15 a {
  background: #64bc46;
  color: #fff; }

.related__posts .title {
  margin: 40px 0 0 0 !important;
  text-align: center; }

.entry__meta--blog .entry-meta, .sharing__panel .entry-meta {
  margin: 10px 0 0 0 !important; }

@media (min-width: 768px) {
  .entry__meta--blog:last-of-type, .sharing__panel:last-of-type {
    text-align: right; } }

.related__post {
  width: 100%;
  float: left;
  height: 100%; }
  @media (max-width: 767px) {
    .related__post {
      padding: 45px 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .related__post {
      padding: 50px 25px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .related__post {
      padding: 60px 30px; } }
  @media (min-width: 1200px) {
    .related__post {
      padding: 80px 70px; } }
  @media (min-width: 768px) {
    .related__post {
      width: 50%; } }
  .related__post .overlay__content {
    position: relative;
    z-index: 30;
    top: 0;
    left: 0; }
  .related__post .overlay {
    transition: all .2s ease-in-out;
    background: #2b3339;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .related__post .related__blog_category {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px; }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        line-height: 24px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        line-height: 24px; } }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        font-size: 13px; } }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        line-height: 23px; } }
  @media (max-width: 767px) {
    .related__post {
      text-align: center; } }
  @media (min-width: 768px) {
    .related__post:first-of-type {
      text-align: right; }
    .related__post:last-of-type {
      text-align: left; } }
  @media (max-width: 767px) {
    .related__post:last-of-type {
      border-top: 1px solid #627482; } }
  @media (min-width: 768px) {
    .related__post:last-of-type {
      border-left: 1px solid #627482; } }
  .related__post h4 {
    margin: 0; }
    @media (max-width: 767px) {
      .related__post h4 {
        font-size: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post h4 {
        font-size: 20px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post h4 {
        font-size: 25px; } }
    @media (min-width: 1200px) {
      .related__post h4 {
        font-size: 23px; } }
    @media (max-width: 767px) {
      .related__post h4 {
        line-height: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post h4 {
        line-height: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post h4 {
        line-height: 35px; } }
    @media (min-width: 1200px) {
      .related__post h4 {
        line-height: 33px; } }

.full__blog--post {
  width: 100% !important;
  text-align: center !important;
  border: none !important; }

.contact_map {
  width: 100%;
  height: 280px; }

.map-contact-wrapper {
  position: relative;
  width: 100%; }
  .map-contact-wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.contact__controls:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.contact__controls li {
  margin: 0 0 5px 0 !important;
  height: 80px;
  display: block;
  float: left;
  height: auto !important;
  width: 100%;
  margin: 0 !important; }
  .contact__controls li a {
    width: 100% !important; }

.form-contact-wrapper {
  background: white;
  padding: 0;
  margin: 0 0 40px 0; }

.contact__details_emph {
  font-size: 28px;
  margin-bottom: 0 !important; }
  @media (max-width: 991px) {
    .contact__details_emph {
      font-size: 20px; } }

.contact_details {
  background: white;
  padding: 40px 0; }
  .contact_details:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .contact_details .general_details {
    margin: 0 0 40px 0; }
    .contact_details .general_details a {
      color: #2b3339; }
  .contact_details .contact__details--act {
    list-style: none;
    margin: 0;
    padding: 0; }
    .contact_details .contact__details--act:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .contact_details .contact__details--act li {
      float: left;
      width: 100%;
      margin: 0 0 13px 0; }
      .contact_details .contact__details--act li:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
      .contact_details .contact__details--act li .inner_location {
        border-bottom: 1px solid #e5e5e5;
        padding: 50px 0; }
        .contact_details .contact__details--act li .inner_location.first_location {
          border-top: 1px solid #e5e5e5;
          border-bottom: 1px solid #e5e5e5; }
      .contact_details .contact__details--act li a {
        color: #2b3339; }
      @media (max-width: 767px) {
        .contact_details .contact__details--act li {
          text-align: center; } }
      .contact_details .contact__details--act li h4 {
        margin-bottom: 20px; }
      .contact_details .contact__details--act li p {
        margin-bottom: 10px !important; }
      .contact_details .contact__details--act li .directions {
        margin: 30px 0 0 0; }
        @media (max-width: 991px) {
          .contact_details .contact__details--act li .directions {
            margin: 20px 0; } }

.contact_tab {
  transition: all .2s ease-in-out;
  overflow: hidden;
  display: block;
  background: white;
  transition: width .4s,background-color .4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  position: relative;
  padding: 40px 35px 20px 35px;
  text-align: center; }
  .contact_tab.active {
    background: #2b3339;
    width: 100%; }
    .contact_tab.active h3, .contact_tab.active .fa {
      transition: all .2s ease-in-out;
      color: #64bc46 !important; }
  .contact_tab h3 {
    transition: all .2s ease-in-out;
    color: #2b3339 !important;
    margin: 0 !important; }
  .contact_tab .icon-wrap {
    font-size: 30px;
    text-align: center; }
    @media (min-width: 992px) {
      .contact_tab .icon-wrap {
        position: absolute;
        z-index: 100;
        height: 80px;
        width: 80px; } }
    @media (max-width: 991px) {
      .contact_tab .icon-wrap {
        width: 100% !important; } }
    .contact_tab .icon-wrap .fa {
      max-height: 30px;
      color: #2b3339;
      transition: all .2s ease-in-out; }
      @media (min-width: 992px) {
        .contact_tab .icon-wrap .fa {
          width: auto;
          position: absolute;
          top: -100%;
          bottom: -100%;
          left: -100%;
          right: -100%;
          margin: auto; } }
  .contact_tab div h3 {
    margin: 0 !important; }
    @media (max-width: 991px) {
      .contact_tab div h3 {
        font-size: 12px;
        margin-top: 7px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .contact_tab div h3 {
        font-size: 13px;
        margin-top: 10px !important; } }
    @media (min-width: 1200px) {
      .contact_tab div h3 {
        font-size: 20px;
        line-height: 20px; } }

.gform_wrapper .gform_footer {
  padding-bottom: 0 !important; }

#field_3_1 .gfield_label {
  background: white;
  color: #2b3339;
  padding: 10px 20px;
  cursor: pointer;
  margin: 0 !important;
  font-size: 27px;
  font-weight: 500;
  display: block !important;
  transition: all .2s ease-in-out; }
  #field_3_1 .gfield_label:hover {
    transition: all .2s ease-in-out;
    background: #64bc46;
    color: white; }

#field_3_1 .ginput_container {
  position: relative;
  overflow: hidden; }
  #field_3_1 .ginput_container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #field_3_1 .ginput_container input {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block; }

#field_2_1 .ginput_container {
  overflow: hidden;
  width: 100% !important;
  border: none !important;
  background: white;
  margin: 0 !important;
  padding: 10px 8px !important;
  font-size: 27px !important;
  color: #2b3339; }

#field_2_1 select {
  padding: 0;
  width: 130%;
  margin: 0 !important;
  border: none;
  box-shadow: none;
  color: #2b3339 !important;
  background: transparent;
  background-image: none;
  -webkit-appearance: none; }

#field_2_1 option {
  font-size: 20px; }

#field_2_1 .gfield_label {
  position: relative !important; }

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
  text-indent: 0 !important; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
  border: none !important;
  background: #64bc46 !important;
  padding: 16px 50px !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700;
  border-radius: 50px;
  color: #fff !important;
  transition: all .2s ease-in-out;
  line-height: 1.1 !important;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  outline: none !important;
  /*max-width: 150px !important;*/
  text-align: center !important;
  margin: 0 auto !important;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 14px; } }
  .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=image]:hover {
    color: #2b3339 !important;
    background: #fff !important; }

.contact__wrapper h1, .contact__wrapper h2, .contact__wrapper h3, .contact__wrapper p, .contact__wrapper ul {
  color: white; }

.contact__wrapper a {
  color: white; }

.contact__wrapper .gform_wrapper {
  margin: 0;
  border: 0;
  width: 100%;
  padding: 0; }

.contact__wrapper .gform_wrapper textarea.medium {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border-bottom: 1px solid #6b7175 !important; }

.contact__wrapper #field_2_1 .gfield_label {
  display: block !important; }

.contact__wrapper .gform_wrapper .top_label .gfield_label {
  display: none !important;
  text-transform: uppercase; }

.contact__wrapper .gform_wrapper textarea.medium {
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }

.contact__wrapper .gfield_required {
  display: none !important; }

.contact__wrapper .ginput_container {
  width: 100%;
  line-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important; }

.contact__wrapper .gform_wrapper .top_label input.medium, .contact__wrapper .gform_wrapper .top_label select.medium, .contact__wrapper .gform_wrapper textarea.medium {
  width: 100%;
  text-transform: uppercase;
  background: none;
  border: none;
  /*font-family: "brandon-grotesque", sans-serif;*/
  color: white !important;
  line-height: 1.1;
  border-bottom: 1px solid #6b7175 !important; }
  .contact__wrapper .gform_wrapper .top_label input.medium::-webkit-input-placeholder, .contact__wrapper .gform_wrapper .top_label select.medium::-webkit-input-placeholder, .contact__wrapper .gform_wrapper textarea.medium::-webkit-input-placeholder {
    color: #6b7175; }
  .contact__wrapper .gform_wrapper .top_label input.medium:-moz-placeholder, .contact__wrapper .gform_wrapper .top_label select.medium:-moz-placeholder, .contact__wrapper .gform_wrapper textarea.medium:-moz-placeholder {
    color: #6b7175; }
  .contact__wrapper .gform_wrapper .top_label input.medium::-moz-placeholder, .contact__wrapper .gform_wrapper .top_label select.medium::-moz-placeholder, .contact__wrapper .gform_wrapper textarea.medium::-moz-placeholder {
    color: #6b7175; }
  .contact__wrapper .gform_wrapper .top_label input.medium:-ms-input-placeholder, .contact__wrapper .gform_wrapper .top_label select.medium:-ms-input-placeholder, .contact__wrapper .gform_wrapper textarea.medium:-ms-input-placeholder {
    color: #6b7175; }

.contact__wrapper .gform_wrapper textarea.medium {
  padding: 0 4px; }

.contact__wrapper .gform_wrapper .top_label select.medium {
  background: #2b3339; }

.contact__wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .contact__wrapper ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .contact__wrapper ul p {
    margin-bottom: 0; }

.contact__wrapper li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.contact__wrapper h1, .contact__wrapper h2, .contact__wrapper h3 {
  margin-top: 0;
  margin-bottom: 20px; }

.contact__wrapper .contact__wrapper__main {
  z-index: 120; }
  .contact__wrapper .contact__wrapper__main .contact__details {
    margin: 30px 0; }
    .contact__wrapper .contact__wrapper__main .contact__details li {
      width: 50%;
      margin: 0 !important;
      float: left; }

.contact__wrapper .contact_tab--pane {
  transition: all .2s ease-in-out;
  padding: 0 40px 40px 40px;
  opacity: 0;
  display: none;
  background: #2b3339;
  border-bottom: 1px solid #20262a;
  overflow: hidden;
  width: 100%; }
  .contact__wrapper .contact_tab--pane:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .contact__wrapper .contact_tab--pane.active {
    transition: all .2s ease-in-out;
    opacity: 1;
    display: block; }

.contact__wrapper .gform_wrapper li, .contact__wrapper .gform_wrapper form li {
  width: 100%;
  position: relative;
  margin-top: 0px !important; }

.new-client {
  background: #2b3339;
  padding: 0 40px 40px 40px; }

.new-client h1 {
	font-size: 36px !important;
	color: #64bc46 !important;
}

.new-client h2 {
	font-size: 28px !important;
	color: #64bc46 !important;
}

.new-client .gsection {
	margin: 0 !important;
}  
  
.customer-survey .gform_wrapper {
    background: #2b3339;
    padding: 0 40px 40px 40px; }
    .customer-survey .gform_wrapper .gform_heading h3 {
      color: #64bc46 !important;
      text-align: center;
      padding: 40px 0 0; }
    .customer-survey .gform_wrapper textarea {
      border: none !important;
      /*font-family: Arial, Helvetica, sans-serif;*/
	  text-transform: uppercase;
      font-weight: normal !important;
      font-size: 16px !important;
      color: white !important;
      line-height: 1.1;
      padding: 5px !important;
	  margin-bottom: -5px !important;
	  border-bottom: 1px solid #6b7175 !important;	  }
    .customer-survey .gform_wrapper label {
      /*font-family: Arial, Helvetica, sans-serif;*/
	  text-transform: uppercase;
      font-weight: normal !important;
      font-size: 16px !important;
      color: white !important;
      line-height: 1.1; }
    .customer-survey .gform_wrapper .gfield_radio label {
      height: 65px !important; }
  
  .customer-survey #gform_wrapper_6 .top_label .gfield_label {
    display: block !important; }
  
  .customer-survey .nav__fixed--main {
    position: absolute;
    top: -80px;
    left: 0;
    background: transparent;
    width: 100%;
    height: 94px;
    line-height: 94px;
    z-index: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .2s ease-in-out;
    padding: 0 20px; }
  .customer-survey  .nav__fixed--main .brand svg {
      max-width: 230px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .customer-survey .nav__fixed--main .brand svg {
          max-width: 200px; } }
      @media (max-width: 767px) {
        .customer-survey  .nav__fixed--main .brand svg {
          max-width: 180px; } }
  .customer-survey .nav__fixed--main .col__layout {
      display: inline-block;
      vertical-align: middle;
      float: none !important; }
      @media (max-width: 767px) {
        .customer-survey .nav__fixed--main .col__layout:first-of-type {
          width: 66% !important; }
          .customer-survey .nav__fixed--main .col__layout:last-of-type {
          text-align: right;
          width: 30% !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .customer-survey .nav__fixed--main .col__layout {
          width: 32.8% !important; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .customer-survey  .nav__fixed--main .col__layout {
          width: 32.8% !important; } }
      @media (min-width: 1200px) {
        .customer-survey .nav__fixed--main .col__layout {
          width: 33% !important; } }
          .customer-survey .nav__fixed--main.load {
      top: 0;
      transition: all .2s ease-in-out; }
    @media (max-width: 991px) {
      .customer-survey .nav__fixed--main {
        -webkit-transform: translate3d(0, 0, 0);
        backface-visibility: hidden; }
        .customer-survey  .nav__fixed--main.is-fixed {
          position: absolute;
          top: -94px !important;
          height: 94px;
          line-height: 94px;
          background: transparent;
          /*border-bottom: 1px solid #d2d9dd;*/
          transition-delay: 20s;
          transition: transform 0.3s; }
          .customer-survey .nav__fixed--main.is-fixed polygon, .nav__fixed--main.is-fixed path, .nav__fixed--main.is-fixed rect, .nav__fixed--main.is-fixed circle {
            fill: #ffffff !important; }
            .customer-survey  .nav__fixed--main.is-visible {
          transform: translate3d(0, 100%, 0);
          -ms-transform: translate3d(0, 100%, 0); }
          .customer-survey  .nav__fixed--main.is-visible polygon, .nav__fixed--main.is-visible rect, .nav__fixed--main.is-visible path {
            fill: #ffffff !important; }
            .customer-survey .nav__fixed--main.menu-is-open {
          background-color: rgba(255, 69, 0, 0.96); } }
    @media (min-width: 991px) {
      .customer-survey .nav__fixed--main {
        -webkit-transform: translate3d(0, 0, 0);
        backface-visibility: hidden; }
        .customer-survey .nav__fixed--main.is-fixed {
          position: absolute;
          top: -94px !important;
          height: 94px;
          line-height: 94px;
          background: transparent;
         /*border-bottom: 1px solid #d2d9dd*/;
          transition-delay: 20s;
          transition: transform 0.3s; }
          .customer-survey  .nav__fixed--main.is-fixed polygon, .nav__fixed--main.is-fixed path, .nav__fixed--main.is-fixed rect, .nav__fixed--main.is-fixed circle {
            fill: #ffffff !important; }
            .customer-survey .nav__fixed--main.is-visible {
          transform: translate3d(0, 100%, 0);
          -ms-transform: translate3d(0, 100%, 0); }
          .customer-survey  .nav__fixed--main.is-visible polygon, .nav__fixed--main.is-visible rect, .nav__fixed--main.is-visible path {
            fill: #ffffff !important; }
            .customer-survey  .nav__fixed--main.menu-is-open {
          background-color: rgba(255, 69, 0, 0.96); } }
          .customer-survey .nav__fixed--main #menu--open {
      position: relative;
      right: 0;
      transition: all .2s ease-in-out; }
      .customer-survey .nav__fixed--main #menu--open.open {
        transition: all .2s ease-in-out;
        right: -100%; }

.customer-survey .ginput_container_radio label {
	max-height: 30px !important;
}		
		
.filter__cat--menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .filter__cat--menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .filter__cat--menu li {
    float: left;
    margin: 0 20px 0 0 !important; }
  .filter__cat--menu a {
    text-transform: uppercase;
    padding: 10px 28px;
    border-radius: 50px;
    display: block;
    color: #2b3339;
    font-size: 13px;
    transition: all .2s ease-in-out; }
    .filter__cat--menu a:hover, .filter__cat--menu a.active {
      transition: all .2s ease-in-out;
      background: #64bc46;
      color: white; }

.single-post .video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 10px 0 40px 0; }
  .single-post .video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.single-post blockquote {
  margin: 50px 0;
  padding: 0 30px 0 100px;
  position: relative;
  border: none !important; }
  .single-post blockquote p {
    font-style: italic;
    font-weight: 700; }
    @media (max-width: 767px) {
      .single-post blockquote p {
        font-size: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .single-post blockquote p {
        font-size: 15px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .single-post blockquote p {
        font-size: 16px; } }
    @media (min-width: 1200px) {
      .single-post blockquote p {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .single-post blockquote p {
        line-height: 25px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .single-post blockquote p {
        line-height: 25px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .single-post blockquote p {
        line-height: 26px; } }
    @media (min-width: 1200px) {
      .single-post blockquote p {
        line-height: 30px; } }
  .single-post blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #2b3339;
    font-size: 78px;
    padding-right: 0;
    position: absolute;
    top: -7px;
    left: 0; }

.single-post #menu-item-15 a {
  background: #64bc46;
  color: #fff; }

.related__posts .title {
  margin: 40px 0 0 0 !important;
  text-align: center; }

.entry__meta--blog .entry-meta, .sharing__panel .entry-meta {
  margin: 10px 0 0 0 !important; }

@media (min-width: 768px) {
  .entry__meta--blog:last-of-type, .sharing__panel:last-of-type {
    text-align: right; } }

.related__post {
  width: 100%;
  float: left;
  height: 100%; }
  @media (max-width: 767px) {
    .related__post {
      padding: 45px 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .related__post {
      padding: 50px 25px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .related__post {
      padding: 60px 30px; } }
  @media (min-width: 1200px) {
    .related__post {
      padding: 80px 70px; } }
  @media (min-width: 768px) {
    .related__post {
      width: 50%; } }
  .related__post .overlay__content {
    position: relative;
    z-index: 30;
    top: 0;
    left: 0; }
  .related__post .overlay {
    transition: all .2s ease-in-out;
    background: #2b3339;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .related__post .related__blog_category {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px; }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        line-height: 24px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        line-height: 24px; } }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        font-size: 12px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        font-size: 13px; } }
    @media (max-width: 767px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post .related__blog_category {
        line-height: 22px; } }
    @media (min-width: 1200px) {
      .related__post .related__blog_category {
        line-height: 23px; } }
  @media (max-width: 767px) {
    .related__post {
      text-align: center; } }
  @media (min-width: 768px) {
    .related__post:first-of-type {
      text-align: right; }
    .related__post:last-of-type {
      text-align: left; } }
  @media (max-width: 767px) {
    .related__post:last-of-type {
      border-top: 1px solid #627482; } }
  @media (min-width: 768px) {
    .related__post:last-of-type {
      border-left: 1px solid #627482; } }
  .related__post h4 {
    margin: 0; }
    @media (max-width: 767px) {
      .related__post h4 {
        font-size: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post h4 {
        font-size: 20px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post h4 {
        font-size: 25px; } }
    @media (min-width: 1200px) {
      .related__post h4 {
        font-size: 23px; } }
    @media (max-width: 767px) {
      .related__post h4 {
        line-height: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .related__post h4 {
        line-height: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .related__post h4 {
        line-height: 35px; } }
    @media (min-width: 1200px) {
      .related__post h4 {
        line-height: 33px; } }

.full__blog--post {
  width: 100% !important;
  text-align: center !important;
  border: none !important; }

/*----------------------------------------------------------------
/* Main navigation container
/*----------------------------------------------------------------*/
.navigation_bar_main {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  min-height: 62px;
  background: white;
  position: relative; }
  @media (min-width: 992px) {
    .navigation_bar_main {
      min-height: 100px; } }
  .navigation_bar_main.float {
    width: 100%;
    position: relative;
    z-index: 90;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    min-height: 62px; }
  @media (max-width: 767px) {
    .navigation_bar_main .row > div {
      padding: 0; } }
  @media (max-width: 767px) {
    .navigation_bar_main #navigation-wrapper {
      position: fixed;
      min-height: 62px;
      width: 100%;
      z-index: 90;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
      background: white;
      left: 0; } }

/*----------------------------------------------------------------
/* Mobile menu toggle
/*----------------------------------------------------------------*/
#navigation-mobile__control {
  float: right;
  display: inline-block;
  vertical-align: middle;
  padding: 18px 20px; }
  #navigation-mobile__control i {
    font-size: 25px; }

/*----------------------------------------------------------------
/* Header logo
/*----------------------------------------------------------------*/
.logo:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

@media (max-width: 991px) {
  .logo {
    float: left;
    display: inline-block;
    vertical-align: middle;
    height: 62px;
    line-height: 62px;
    padding-left: 20px; } }

@media (min-width: 992px) {
  .logo {
    float: left;
    width: 200px;
    min-height: 62px;
    line-height: 100px;
    display: inline-block;
    vertical-align: middle; } }

.logo img {
  padding: 10px 0;
  max-height: 62px;
  width: auto; }
  @media (min-width: 992px) {
    .logo img {
      max-height: 100px; } }

/*----------------------------------------------------------------
/* Mobile backdrop
/* The overlay that covers the content when the mobile menu is open
/*----------------------------------------------------------------*/
.navigation__mobile--backdrop {
  position: fixed;
  opacity: 0;
  z-index: 9000;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  transition: all .2s ease-in-out; }
  .navigation__mobile--backdrop.open {
    transition: all .2s ease-in-out;
    display: block;
    opacity: 1; }

/*----------------------------------------------------------------
/* Mobile menu
/* The container that holds the mobile menu
/*----------------------------------------------------------------*/
#navigation-mobile {
  background: #444;
  position: fixed;
  left: -100%;
  top: 0;
  width: 100%;
  z-index: 9999;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transition: all .2s ease-in-out;
  width: calc(100% - 63px);
  max-width: 400px; }
  #navigation-mobile.open {
    transition: all .2s ease-in-out;
    left: 0; }

.admin-bar #navigation-mobile {
  top: 46px !important;
  height: calc(100% - 46px) !important; }

/*----------------------------------------------------------------
/* UL that holds menu items
/*----------------------------------------------------------------*/
@media (min-width: 992px) {
  #menu-main {
    float: right; } }

/*----------------------------------------------------------------
/* The main menu
/*----------------------------------------------------------------*/
.menu-primary__wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

@media (min-width: 992px) {
  .menu-primary__wrapper {
    transform-style: preserve-3d;
    width: calc(100% - 200px);
    float: left;
    height: 100px; } }

.menu-primary__wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .menu-primary__wrapper ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .menu-primary__wrapper ul li a {
    display: block;
    padding: 20px 30px;
    position: relative; }
    @media (min-width: 992px) {
      .menu-primary__wrapper ul li a {
        color: #444; } }
    @media (max-width: 991px) {
      .menu-primary__wrapper ul li a {
        color: white; } }

@media (min-width: 992px) {
  .menu-primary__wrapper > ul {
    position: relative;
    top: 50%;
    transform: translateY(-50%); } }

.menu-primary__wrapper > ul ul {
  transition: all .2s ease-in-out; }
  @media (max-width: 991px) {
    .menu-primary__wrapper > ul ul {
      width: 100%;
      max-height: 0;
      overflow: hidden; }
      .menu-primary__wrapper > ul ul.active {
        max-height: 999px; } }
  @media (min-width: 992px) {
    .menu-primary__wrapper > ul ul {
      display: none;
      background: white;
      position: absolute;
      top: 0;
      left: 250px;
      width: 250px;
      z-index: 100; } }
  .menu-primary__wrapper > ul ul li {
    display: block;
    float: none; }
  @media (min-width: 992px) {
    .menu-primary__wrapper > ul ul a {
      border-top: 1px solid #f7f7f7; }
      .menu-primary__wrapper > ul ul a:hover, .menu-primary__wrapper > ul ul a.hover {
        transition: all .2s ease-in-out;
        background: #27ae60 !important;
        color: white !important; } }

.menu-primary__wrapper > ul > li > a {
  transition: all .2s ease-in-out; }
  .menu-primary__wrapper > ul > li > a.dropdown-toggle:after {
    content: "\f107"; }
  @media (min-width: 992px) {
    .menu-primary__wrapper > ul > li > a:hover, .menu-primary__wrapper > ul > li > a.hover {
      transition: all .2s ease-in-out;
      background: #27ae60 !important;
      color: white !important; } }

.menu-primary__wrapper li {
  position: relative; }
  @media (min-width: 992px) {
    .menu-primary__wrapper li {
      float: left; }
      .menu-primary__wrapper li:hover > ul {
        display: block; } }

.menu-primary__wrapper a {
  border: none;
  width: 100%;
  display: block;
  text-decoration: none !important;
  position: relative; }
  @media (max-width: 991px) {
    .menu-primary__wrapper a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }

.menu-primary__wrapper li.current-menu-item a {
  background: #27ae60;
  color: white; }

.menu-primary__wrapper li.current_page_parent > a,
.menu-primary__wrapper li.current-menu-parent > a {
  background: #27ae60;
  color: white; }

@media (min-width: 992px) {
  .menu-primary__wrapper .menu-depth-1 {
    top: 100%;
    left: 0; } }

@media (max-width: 991px) {
  .menu-primary__wrapper .menu-depth-1 {
    background: #353535; }
  .menu-primary__wrapper .menu-depth-2 {
    background: black; } }

.menu-primary__wrapper .dropdown-toggle:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 18px;
  position: absolute;
  top: calc(70% - 25px);
  right: 12px; }
  @media (max-width: 991px) {
    .menu-primary__wrapper .dropdown-toggle:after {
      content: "\f107"; } }
  @media (min-width: 992px) {
    .menu-primary__wrapper .dropdown-toggle:after {
      content: "\f105"; } }

@media (max-width: 991px) {
  .menu-primary__wrapper .dropdown-toggle.active:after {
    content: "\f106"; } }

#back-to-top {
  position: fixed;
  z-index: 9999;
  background: #27ae60;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease-in-out;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05), 0 5px 5px rgba(0, 0, 0, 0.05);
  bottom: 15px;
  right: 15px; }
  #back-to-top.active {
    opacity: 1;
    transition: all .2s ease-in-out;
    visibility: visible; }
  #back-to-top .fa {
    padding: 5px 0;
    color: white;
    font-size: 30px; }
  #back-to-top:hover {
    transition: all .2s ease-in-out;
    background: #1e8449; }

@media screen and (min-width: 768px) {
  #back-to-top {
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px; }
    #back-to-top .fa {
      font-size: 45px; } }

.wp-paginate .fa {
  font-size: 19px;
  font-weight: bold; }

.wp-paginate .next, .wp-paginate .previous {
  padding-top: 8px !important; }

.wp-paginate a, .wp-paginate span {
  position: relative;
  overflow: hidden;
  background: white !important;
  text-align: left;
  display: block;
  transition: all .2s ease-in-out;
  border-radius: 5px;
  margin-right: 20px;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 7px !important;
  border: 1px solid #cccccc !important;
  vertical-align: middle;
  color: #cccccc;
  font-weight: bold;
  text-align: center;
  padding: 9px 0 10px 0 !important; }
  .wp-paginate a:after, .wp-paginate span:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.wp-paginate .current, .wp-paginate a:hover {
  background: #27ae60 !important;
  border: 1px solid #27ae60 !important;
  color: white !important; }

.wp-paginate li {
  margin-right: 15px; }
  .wp-paginate li:first-of-type {
    display: none; }

#loading-pane {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: center; }
  #loading-pane .inner-wrapper {
    width: 100%;
    height: 100%;
    display: table; }
    #loading-pane .inner-wrapper .inner-wrapper-align {
      display: table-cell;
      vertical-align: middle; }
    #loading-pane .inner-wrapper.active {
      transition: all .2s ease-in-out;
      opacity: 0;
      visibility: hidden; }
  #loading-pane.fade-in.active {
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden; }
  #loading-pane.slide-up.active {
    transition: all .2s ease-in-out;
    top: -150%; }
  #loading-pane.slide-down.active {
    transition: all .2s ease-in-out;
    top: 100%; }
  #loading-pane.slide-left.active {
    transition: all .2s ease-in-out;
    left: -150%; }
  #loading-pane.slide-right.active {
    transition: all .2s ease-in-out;
    left: 100%; }

.loading-text {
  display: inline-block;
  color: white;
  font-weight: bold;
  width: 100%; }

.spinner.bars {
  width: 50px;
  height: 40px;
  margin: 0 auto;
  font-size: 10px; }
  .spinner.bars > div {
    height: 100%;
    width: 7px;
    margin: 0 3px 0 0;
    background-color: #fff;
    display: inline-block;
    animation: sk-stretchdelay 1.2s infinite ease-in-out; }
  .spinner.bars .rect2 {
    animation-delay: -1.1s; }
  .spinner.bars .rect3 {
    animation-delay: -1.0s; }
  .spinner.bars .rect4 {
    animation-delay: -0.9s; }
  .spinner.bars .rect5 {
    animation-delay: -0.8s; }

.spinner.cubes {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto; }
  .spinner.cubes .cube1, .spinner.cubes .cube2 {
    background-color: white;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-cubemove 1.8s infinite ease-in-out; }
  .spinner.cubes .cube2 {
    animation-delay: -0.9s; }

.spinner.dots {
  width: 70px;
  text-align: center;
  margin: 0 auto; }
  .spinner.dots > div {
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .spinner.dots .bounce1 {
    animation-delay: -0.32s; }
  .spinner.dots .bounce2 {
    animation-delay: -0.16s; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg); } }

#progress {
  position: fixed;
  z-index: 2147483647;
  left: 0px;
  width: 0%;
  height: 2px;
  transition: width 500ms ease-out, opacity 400ms linear; }
  #progress.bottom {
    bottom: 0; }
  #progress.top {
    top: 0; }
  #progress dd, #progress dt {
    position: absolute;
    top: 0;
    height: 2px; }
  #progress dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px, 90px, 14px, -6px); }
  #progress dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px, 22px, 14px, 10px); }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

.main__wrapper--introduction {
  position: absolute;
  z-index: 90;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px 0;
  font-size: 40px;
  background: #2b3339;
  text-align: center; }
  @media (max-width: 767px) {
    .main__wrapper--introduction {
      padding: 20px 0; } }
  .main__wrapper--introduction h4 {
    color: white;
    margin: 0 !important; }
    @media (max-width: 767px) {
      .main__wrapper--introduction h4 {
        font-size: 16px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main__wrapper--introduction h4 {
        font-size: 18px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main__wrapper--introduction h4 {
        font-size: 18px; } }
    @media (min-width: 1200px) {
      .main__wrapper--introduction h4 {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .main__wrapper--introduction h4 {
        line-height: 26px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main__wrapper--introduction h4 {
        line-height: 28px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main__wrapper--introduction h4 {
        line-height: 28px; } }
    @media (min-width: 1200px) {
      .main__wrapper--introduction h4 {
        line-height: 30px; } }

#wrapper__home--carousel {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #64bc46; }

.page-template-about .mobile-background-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(43, 51, 57, 0.5); }

.page-template-about .pixel-background-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/pixel.png") center center repeat; }
  
.customer-survey .pixel-background-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/pixeldark.png") center center repeat; }

#content__home--carousel {
  overflow: hidden;
  position: relative;
  opacity: 1;
  transition: all .2s ease-in-out; }
  #content__home--carousel h1, #content__home--carousel p {
    color: white !important; }
  #content__home--carousel .alignment-container-wrapper {
    display: table;
    height: 100%; }
  #content__home--carousel .mobile-background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(43, 51, 57, 0.5); }
  #content__home--carousel .pixel-background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/pixel.png") center center; }
  #content__home--carousel .background-wrapper {
    background-size: cover !important; }
  #content__home--carousel .container, #content__home--carousel .row, #content__home--carousel .alignment-container, #content__home--carousel .background-wrapper, #content__home--carousel .slick-track, #content__home--carousel .slick-list {
    height: 100%; }
  #content__home--carousel .alignment-container {
    vertical-align: middle;
    display: table-cell; }
  #content__home--carousel h1 {
    margin: 0; }
    @media (max-width: 767px) {
      #content__home--carousel h1 {
        font-size: 18px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #content__home--carousel h1 {
        font-size: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #content__home--carousel h1 {
        font-size: 40px; } }
    @media (min-width: 1200px) {
      #content__home--carousel h1 {
        font-size: 55px; } }
    @media (max-width: 767px) {
      #content__home--carousel h1 {
        line-height: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #content__home--carousel h1 {
        line-height: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #content__home--carousel h1 {
        line-height: 50px; } }
    @media (min-width: 1200px) {
      #content__home--carousel h1 {
        line-height: 65px; } }
    #content__home--carousel h1 span {
      width: 100%;
      display: block;
      color: #64bc46; }
      @media (max-width: 767px) {
        #content__home--carousel h1 span {
          font-size: 48px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #content__home--carousel h1 span {
          font-size: 70px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #content__home--carousel h1 span {
          font-size: 80px; } }
      @media (min-width: 1200px) {
        #content__home--carousel h1 span {
          font-size: 116px; } }
      @media (max-width: 767px) {
        #content__home--carousel h1 span {
          line-height: 1; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #content__home--carousel h1 span {
          line-height: 80px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #content__home--carousel h1 span {
          line-height: 90px; } }
      @media (min-width: 1200px) {
        #content__home--carousel h1 span {
          line-height: 126px; } }
  #content__home--carousel p {
    font-weight: 700;
    width: 85%;
    margin: 15px auto 0 auto !important;
    display: none !important; }
    @media (max-width: 767px) {
      #content__home--carousel p {
        font-size: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #content__home--carousel p {
        font-size: 18px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #content__home--carousel p {
        font-size: 18px; } }
    @media (min-width: 1200px) {
      #content__home--carousel p {
        font-size: 18px; } }
    @media (max-width: 767px) {
      #content__home--carousel p {
        line-height: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #content__home--carousel p {
        line-height: 28px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #content__home--carousel p {
        line-height: 28px; } }
    @media (min-width: 1200px) {
      #content__home--carousel p {
        line-height: 28px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium {
  width: 60%; }

/*.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: none !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none !important; }*/

.gform_footer top_label {
  margin: 0 !important; }

/*.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border-top: none !important;
  border-bottom: 2px solid #c80f3f !important; }*/

.page__content--inner .gform_wrapper .gform_footer input.button, .page__content--inner .gform_wrapper .gform_footer input[type=image], .page__content--inner .gform_wrapper .gform_footer input[type=submit] {
  border: none !important;
  background: #64bc46 !important;
  padding: 16px 50px !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700;
  border-radius: 50px;
  color: #fff !important;
  transition: all .2s ease-in-out;
  line-height: 1.1 !important;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  outline: none !important;
  /*max-width: 150px !important;*/
  text-align: center !important;
  margin: 0 auto !important;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 14px; } }
  .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=image]:hover {
    color: #2b3339 !important;
    background: #fff !important; }

.page__content--inner .gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message, .page__content--inner .gform_wrapper .ginput_container + .gfield_description.validation_message {
	color: #fff !important;
	background: #c80f3f !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	padding: 7px 10px !important;
	margin-top: 3px !important;
	margin-bottom: 7px !important;
	font-style: normal !important;
}

.page__content--inner .gform_body {
  width: 100%;
  float: left;
  margin: 40px 0 0 0 !important; }

.page__content--inner .gform_wrapper .gform_footer {
  margin: 0 !important;
  padding: 0 !important; }

.page__content--inner .gform_wrapper .validation_error {
  color: #2b3339 !important;
  border: none !important;
  margin-bottom: 10px !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  font-weight: 300 !important;
  width: 80% !important; }

.page__content--inner .gform_wrapper .validation_error p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0 !important; }

.page__content--inner .gform_wrapper .fa {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-size: 55px;
  color: #c80f3f; }

.page__content--inner .gform_wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0 !important; }

.page__content--inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .page__content--inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin: 0 !important; }

.new-client .gform_wrapper .gfield {
	margin-top: 0 !important;
	margin-bottom: 22px !important;
}  

.new-client .gform_wrapper .gfield_label {
	color: #fff !important;
	position: relative;
	top: 11px !important;
}
 
.new-client .gform_wrapper .gfield_error .gfield_label {
	color: #fff !important;
	position: relative;
	top: 1px !important;
	padding-right: 40px !important;
}

.new-client .gform_wrapper .gsection {
	margin-top: -20px !important;
}

.new-client .gform_wrapper #field_4_13 h2 {
	font-size: 36px !important;
}

.new-client .gform_wrapper #field_4_14 {
	margin-bottom: -10px !important;
}

.new-client .gform_wrapper #field_4_14 h2 {
	font-size: 36px !important;
}

.new-client .gform_wrapper #field_4_35 h2 {
	font-size: 36px !important;
}

#__lpform_input_1_1, #__lpform_input_4_1_icon {
	display: none !important;
}

#input_1_1 {
	background-image: none !important;
}

.new-client .gform_wrapper .gfield > label {
	color: #fff !important;
	font-size: inherit !important;
	font-weight: normal !important;
}

.new-client .gform_wrapper .ginput_container_radio label {
	color: #fff !important;
	font-size: inherit !important;
	font-weight: normal !important;
}

.new-client .gform_wrapper textarea {
	font-size: inherit !important;
}

.new-client .gform_wrapper select {
	font-size: inherit !important;
}

.new-client .gform_wrapper .gform_body {
	margin-bottom: 25px !important;
}

.new-client .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	margin-bottom: 5px !important;
}
  
.page__content--inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-top: 0 !important;
  margin-bottom: 5px !important; }

.page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=email], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=number], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=password], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=text], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=url], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error select, .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error textarea, .page__content--inner .gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] {
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }

.page__content--inner .gform_wrapper .top_label input.large, .page__content--inner .gform_wrapper .top_label select.large, .page__content--inner .gform_wrapper .hidden_label input.large, .page__content--inner .gform_wrapper .hidden_label select.large, .page__content--inner .gform_wrapper .top_label input.medium, .page__content--inner .gform_wrapper .top_label select.medium, .page__content--inner .gform_wrapper textarea.medium, .page__content--inner .gform_wrapper .top_label input.small, .page__content--inner .gform_wrapper .top_label select.small, .page__content--inner .gform_wrapper textarea.large {
  background: #2b3339 !important;
  /*font-family: "brandon-grotesque",sans-serif;*/
  font-size: inherit;
  color: #fff !important;
  text-transform: uppercase;
  line-height: 1.1;
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }
  .page__content--inner .gform_wrapper .top_label input.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label select.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label input.medium::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label select.medium::-webkit-input-placeholder, .page__content--inner .gform_wrapper textarea.medium::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label input.small::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label select.small::-webkit-input-placeholder, .page__content--inner .gform_wrapper textarea.large::-webkit-input-placeholder {
    color: #6b7175;
    text-transform: uppercase; }
  .page__content--inner .gform_wrapper .top_label input.large:-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.large:-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large:-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large:-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.medium:-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.medium:-moz-placeholder, .page__content--inner .gform_wrapper textarea.medium:-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.small:-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.small:-moz-placeholder, .page__content--inner .gform_wrapper textarea.large:-moz-placeholder {
    color: #6b7175;
    text-transform: uppercase; }
  .page__content--inner .gform_wrapper .top_label input.large::-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.large::-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large::-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large::-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.medium::-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.medium::-moz-placeholder, .page__content--inner .gform_wrapper textarea.medium::-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.small::-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.small::-moz-placeholder, .page__content--inner .gform_wrapper textarea.large::-moz-placeholder {
    color: #6b7175;
    text-transform: uppercase; }
  .page__content--inner .gform_wrapper .top_label input.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label select.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label input.medium:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label select.medium:-ms-input-placeholder, .page__content--inner .gform_wrapper textarea.medium:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label input.small:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label select.small:-ms-input-placeholder, .page__content--inner .gform_wrapper textarea.large:-ms-input-placeholder {
    color: #6b7175;
    text-transform: uppercase; }

.page__content--inner .gform_wrapper select {
	background: #2b3339 !important;
}	
	
.page__content--inner .gform_wrapper ul.gfield_checkbox, .page__content--inner .gform_wrapper ul.gfield_radio {
  width: 100%; }

.page__content--inner .gform_wrapper .top_label input.large, .page__content--inner .gform_wrapper .top_label select.large, .page__content--inner .gform_wrapper .hidden_label input.large, .page__content--inner .gform_wrapper .hidden_label select.large {
  width: 80%; }

.page__content--inner input[type=radio],
.page__content--inner input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.page__content--inner input[type=radio] ~ label:before,
.page__content--inner input[type=checkbox] ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";
  letter-spacing: 10px;
  font-size: 25px;
  color: #64bc46;
  width: 1.4em;
  position: absolute;
  top: -6px;
  left: 0; }

.page__content--inner .gform_wrapper .gfield_checkbox li label, .page__content--inner .gform_wrapper .gfield_radio li label {
  position: relative;
  height: 30px;
  padding-left: 35px; }

.page__content--inner input[type=radio]:checked ~ label:before,
.page__content--inner input[type=checkbox]:checked ~ label:before {
  content: "\f00c";
  font-size: 25px;
  color: #64bc46;
  letter-spacing: 5px; }

.page__content--inner input[type=checkbox] ~ label:before {
  content: "\f096"; }

.page__content--inner input[type=checkbox]:checked ~ label:before {
  content: "\f046";
  color: #64bc46; }

.page__content--inner .gform_wrapper ul.gfield_radio li, .page__content--inner .gform_wrapper ul.gfield_checkbox li {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  margin-bottom: 0 !important;
  margin-right: 40px; }

.page__content--inner #field_4_6 .gfield_label {
  margin-right: 40px;
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 40px;
  font-weight: 300;
  text-transform: uppercase;
  /*font-family: "brandon-grotesque",sans-serif;*/
  font-size: 18px;
  color: #2b3339;
  line-height: 1.1; }

.page__content--inner #field_4_6 .ginput_container {
  width: 50%;
  display: inline-block !important;
  vertical-align: middle; }

.page__content--inner .gform_wrapper li, .page__content--inner .gform_wrapper form li {
  margin-bottom: 40px;
  float: left;
  width: 100%; }

.page__content--inner .gform_wrapper .gsection {
  margin: 30px 0;
  padding: 0;
  border: none; }
  .page__content--inner .gform_wrapper .gsection:first-of-type {
    margin-top: 0 !important; }
  .page__content--inner .gform_wrapper .gsection h2 {
    margin: 0 !important; }
    @media (max-width: 767px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 23px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 35px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 45px; } }
    @media (min-width: 1200px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 40px; } }
    @media (max-width: 767px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 33px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 45px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 55px; } }
    @media (min-width: 1200px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 50px; } }

.page__content--inner .gform_wrapper textarea.medium {
  width: 100%;
  padding: 0;
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }

@media (max-width: 767px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 18px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 25px; } }

@media (min-width: 1200px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 30px; } }

@media (max-width: 767px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 28px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 35px; } }

@media (min-width: 1200px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 40px; } }

.page__content--inner .gform_wrapper .top_label .gfield_label {
  display: none !important; }

.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px); }

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s; }

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0); }

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0; }

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0; }

.mfp-bottom-bar {
  padding-top: 10px; }

.mfp-figure, .mpf-iframe {
  position: relative;
  opacity: 0; }

.mfp-counter {
  top: 10px; }

.mfp-open .mfp-figure, .mfp-open .mfp-iframe {
  animation-name: imgfadeIn;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

@keyframes imgfadeIn {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

figure.wp-caption {
  max-width: 100%; }

.wp-caption-text {
  line-height: 1.428571429;
  padding: 5px 0; }

.alignright {
  float: right;
  margin: 0 0 1em 1em; }

.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

.wp-playlist {
  padding: 20px !important;
  margin: 0 0 18px !important; }

div.gallery-image {
  display: block;
  background: #f9f9f9;
  text-align: center;
  padding: 4px;
  margin-bottom: 30px;
  height: 100%; }

div.gallery-image img {
  transition: all 0.8s; }
  div.gallery-image img:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
    transition: all 0.3s; }

@media screen and (min-width: 768px) {
  div.gallery-image {
    padding: 16px; } }

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium {
  width: 60%; }

/*.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: none !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none !important; }*/

.gform_footer top_label {
  margin: 0 !important; }

/*.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border-top: none !important;
  border-bottom: 2px solid #c80f3f !important; }*/

.gfield_required {
	color: #fff !important;
}  

.gform_wrapper input:focus {
   outline: 1px solid #fff !important;
}

.gform_wrapper select:focus {
   outline: 1px solid #fff !important;
}

.gform_wrapper textarea {
   padding: 5px !important;
}

.gform_wrapper textarea:focus {
   outline: 1px solid #fff !important;
}
  
.page__content--inner .gform_wrapper .gform_footer input.button, .page__content--inner .gform_wrapper .gform_footer input[type=image], .page__content--inner .gform_wrapper .gform_footer input[type=submit] {
  border: none !important;
  background: #64bc46 !important;
  padding: 16px 50px !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700;
  border-radius: 50px;
  color: #fff !important;
  transition: all .2s ease-in-out;
  line-height: 1.1 !important;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  outline: none !important;
  /*max-width: 150px !important;*/
  text-align: center !important;
  margin: 0 auto !important;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
      font-size: 14px; } }
  .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=image]:hover {
    color: #2b3339 !important;
    background: #fff !important; }

.page__content--inner .gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message, .page__content--inner .gform_wrapper .ginput_container + .gfield_description.validation_message {
	color: #fff !important;
	background: #c80f3f !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	padding: 7px 10px !important;
	margin-top: 3px !important;
	margin-bottom: 7px !important;
	font-style: normal !important;
}

.page__content--inner .gform_body {
  width: 100%;
  float: left;
  margin: 40px 0 0 0 !important; }

.page__content--inner .gform_wrapper .gform_footer {
  margin: 0 !important;
  padding: 0 !important; }

.page__content--inner .gform_wrapper .validation_error {
  color: #2b3339 !important;
  border: none !important;
  margin-bottom: 10px !important;
  display: none !important;
  vertical-align: middle;
  margin: 0 !important;
  font-weight: 300 !important;
  width: 80% !important; }

.gform_wrapper .validation_error {
	display: none !important;
}

.gform_wrapper input[type="text"], .gform_wrapper select , .gform_wrapper textarea {
	width: 100% !important;
}

.gform_wrapper  select {
	color: #6b7175 !important;
}

.gform_wrapper  select option {
	color: #fff !important;
}

.gform_wrapper  select option:first-child {
	color: #6b7175 !important;
}

.gform_wrapper .validation_message {
	color: #fff !important;
	background: #c80f3f !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	padding: 7px 10px !important;
	margin-top: 3px !important;
	margin-bottom: 7px !important;
	font-style: normal !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: none !important;
	border-top: none !important;
	border-bottom: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea {
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}

.gform_button {
	text-align: left !important;
}
  
.page__content--inner .gform_wrapper .validation_error p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0 !important; }

.page__content--inner .gform_wrapper .fa {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-size: 55px;
  color: #c80f3f; }

.page__content--inner .gform_wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0 !important; }

.page__content--inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .page__content--inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin: 0 !important; }

.page__content--inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-top: 0 !important;
  margin-bottom: 5px !important; }

.page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=email], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=number], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=password], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=text], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error input[type=url], .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error select, .page__content--inner .gform_wrapper.gf_browser_chrome .gfield_error textarea, .page__content--inner .gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] {
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }

.page__content--inner .gform_wrapper .top_label input.large, .page__content--inner .gform_wrapper .top_label select.large, .page__content--inner .gform_wrapper .hidden_label input.large, .page__content--inner .gform_wrapper .hidden_label select.large, .page__content--inner .gform_wrapper .top_label input.medium, .page__content--inner .gform_wrapper .top_label select.medium, .page__content--inner .gform_wrapper textarea.medium, .page__content--inner .gform_wrapper .top_label input.small, .page__content--inner .gform_wrapper .top_label select.small, .page__content--inner .gform_wrapper textarea.large {
  background: none;
  /*font-family: "brandon-grotesque",sans-serif;*/
  font-size: inherit;
  color: #2b3339;
  line-height: 1.1;
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }
  .page__content--inner .gform_wrapper .top_label input.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label select.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label input.medium::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label select.medium::-webkit-input-placeholder, .page__content--inner .gform_wrapper textarea.medium::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label input.small::-webkit-input-placeholder, .page__content--inner .gform_wrapper .top_label select.small::-webkit-input-placeholder, .page__content--inner .gform_wrapper textarea.large::-webkit-input-placeholder {
    color: #6b7175;
    text-transform: uppercase; }
  .page__content--inner .gform_wrapper .top_label input.large:-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.large:-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large:-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large:-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.medium:-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.medium:-moz-placeholder, .page__content--inner .gform_wrapper textarea.medium:-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.small:-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.small:-moz-placeholder, .page__content--inner .gform_wrapper textarea.large:-moz-placeholder {
    color: #6b7175;
    text-transform: uppercase; }
  .page__content--inner .gform_wrapper .top_label input.large::-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.large::-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large::-moz-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large::-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.medium::-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.medium::-moz-placeholder, .page__content--inner .gform_wrapper textarea.medium::-moz-placeholder, .page__content--inner .gform_wrapper .top_label input.small::-moz-placeholder, .page__content--inner .gform_wrapper .top_label select.small::-moz-placeholder, .page__content--inner .gform_wrapper textarea.large::-moz-placeholder {
    color: #6b7175;
    text-transform: uppercase; }
  .page__content--inner .gform_wrapper .top_label input.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label select.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .hidden_label input.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .hidden_label select.large:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label input.medium:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label select.medium:-ms-input-placeholder, .page__content--inner .gform_wrapper textarea.medium:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label input.small:-ms-input-placeholder, .page__content--inner .gform_wrapper .top_label select.small:-ms-input-placeholder, .page__content--inner .gform_wrapper textarea.large:-ms-input-placeholder {
    color: #6b7175;
    text-transform: uppercase; }

.page__content--inner .gform_wrapper ul.gfield_checkbox, .page__content--inner .gform_wrapper ul.gfield_radio {
  width: 100%; }

.page__content--inner .gform_wrapper .top_label input.large, .page__content--inner .gform_wrapper .top_label select.large, .page__content--inner .gform_wrapper .hidden_label input.large, .page__content--inner .gform_wrapper .hidden_label select.large {
  width: 80%; }

.page__content--inner input[type=radio],
.page__content--inner input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.page__content--inner input[type=radio] ~ label:before,
.page__content--inner input[type=checkbox] ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";
  letter-spacing: 10px;
  font-size: 25px;
  color: #64bc46;
  width: 1.4em;
  position: absolute;
  top: -6px;
  left: 0; }

.page__content--inner .gform_wrapper .gfield_checkbox li label, .page__content--inner .gform_wrapper .gfield_radio li label {
  position: relative;
  height: 30px;
  padding-left: 35px; }

.page__content--inner input[type=radio]:checked ~ label:before,
.page__content--inner input[type=checkbox]:checked ~ label:before {
  content: "\f00c";
  font-size: 25px;
  color: #64bc46;
  letter-spacing: 5px; }

.page__content--inner input[type=checkbox] ~ label:before {
  content: "\f096"; }

.page__content--inner input[type=checkbox]:checked ~ label:before {
  content: "\f046";
  color: #64bc46; }

.page__content--inner .gform_wrapper ul.gfield_radio li, .page__content--inner .gform_wrapper ul.gfield_checkbox li {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  margin-bottom: 0 !important;
  margin-right: 40px; }

.page__content--inner #field_4_6 .gfield_label {
  margin-right: 40px;
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 40px;
  font-weight: 300;
  text-transform: uppercase;
  /*font-family: "brandon-grotesque",sans-serif;*/
  font-size: 18px;
  color: #2b3339;
  line-height: 1.1; }

.page__content--inner #field_4_6 .ginput_container {
  width: 50%;
  display: inline-block !important;
  vertical-align: middle; }

.page__content--inner .gform_wrapper li, .page__content--inner .gform_wrapper form li {
  margin-bottom: 40px;
  float: left;
  width: 100%; }

.page__content--inner .gform_wrapper .gsection {
  margin: 30px 0;
  padding: 0;
  border: none; }
  .page__content--inner .gform_wrapper .gsection:first-of-type {
    margin-top: 0 !important; }
  .page__content--inner .gform_wrapper .gsection h2 {
    margin: 0 !important; }
    @media (max-width: 767px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 23px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 35px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 45px; } }
    @media (min-width: 1200px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        font-size: 40px; } }
    @media (max-width: 767px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 33px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 45px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 55px; } }
    @media (min-width: 1200px) {
      .page__content--inner .gform_wrapper .gsection h2 {
        line-height: 50px; } }

.page__content--inner .gform_wrapper textarea.medium {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none !important;
  border-bottom: 1px solid #6b7175 !important; }

@media (max-width: 767px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 18px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 25px; } }

@media (min-width: 1200px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    font-size: 30px; } }

@media (max-width: 767px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 28px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 35px; } }

@media (min-width: 1200px) {
  .page__content--inner #field_4_15 h2, .page__content--inner #field_4_23 h2 {
    line-height: 40px; } }

.page__content--inner .gform_wrapper .top_label .gfield_label {
  display: none !important; }

.main {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .main {
      float: left;
      width: 100%; } }

.modal-dialog {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important; }

@media (min-width: 1200px) {
	#recruitmentnotice .modal-dialog {
		width: 600px !important;
		height: 300px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#recruitmentnotice .modal-dialog {
		width: 600px !important;
		height: 300px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#recruitmentnotice .modal-dialog {
		width: 600px !important;
		height: 300px !important;
	}
}

@media (max-width: 767px) {
	#recruitmentnotice .modal-dialog {
		width: 90% !important;
		height: 320px !important;
	}
}
  
#recruitmentnotice .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

#recruitmentnotice .modal-header {
	height: 80px !important;
	padding: 30px !important;
}

#recruitmentnotice .modal-body {
	padding: 30px !important;
	z-index: 100000 !important;
	overflow: hidden;
}

#recruitmentnotice p {
	line-height: 1.4 !important;
	margin-bottom: 15px !important;
}

#recruitmentoverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	background: #000;
	z-index: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0);
}

.modal-open .modal {
  overflow: hidden !important; }

.modal {
  padding: 0 !important; }

.modal-title {
  margin-bottom: 60px; }

.modal-body {
  padding: 100px !important;
  position: relative;
  font-family: "proxima-nova";
  overflow-y: scroll; }
  @media (max-width: 767px) {
    .modal-body {
      font-size: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal-body {
      font-size: 30px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .modal-body {
      font-size: 40px; } }
  @media (min-width: 1200px) {
    .modal-body {
      font-size: 17px; } }
  @media (max-width: 767px) {
    .modal-body {
      line-height: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal-body {
      line-height: 30px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .modal-body {
      line-height: 40px; } }
  @media (min-width: 1200px) {
    .modal-body {
      line-height: 27px; } }

.modal-content {
  height: 100%;
  border-radius: 0 !important; }

.modal__close--button {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  transition: all .2s ease-in-out; }
  .modal__close--button:hover path, .modal__close--button:hover rect, .modal__close--button:hover polygon {
    transition: all .2s ease-in-out;
    fill: #64bc46; }

.modal-backdrop {
   display: none !important; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  cursor: pointer; }
  .embed-container iframe, .embed-container video, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.responsive-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  cursor: pointer; }
  .responsive-video-wrapper iframe, .responsive-video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-video-wrapper .responsive-video-button {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto; }
    .responsive-video-wrapper .responsive-video-button i {
      color: white; }
    @media (max-width: 767px) {
      .responsive-video-wrapper .responsive-video-button {
        max-width: 60px;
        max-height: 60px; }
        .responsive-video-wrapper .responsive-video-button i {
          font-size: 60px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .responsive-video-wrapper .responsive-video-button {
        max-width: 80px;
        max-height: 80px; }
        .responsive-video-wrapper .responsive-video-button i {
          font-size: 80px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .responsive-video-wrapper .responsive-video-button {
        max-width: 100px;
        max-height: 100px; }
        .responsive-video-wrapper .responsive-video-button i {
          font-size: 100px; } }
    @media (min-width: 1200px) {
      .responsive-video-wrapper .responsive-video-button {
        max-width: 120px;
        max-height: 120px; }
        .responsive-video-wrapper .responsive-video-button i {
          font-size: 120px; } }
  .responsive-video-wrapper .responsive-video-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90; }

#cd-loading-bar {
  position: fixed;
  z-index: 2;
  left: 0;
  width: 40px;
  height: 0;
  visibility: hidden;
  background: orangered;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0); }
  #cd-loading-bar.loading {
    visibility: visible;
    height: 100%; }

.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%; }

.aligncenter {
  display: block;
  margin: 11px auto; }

.alignleft,
.alignright {
  margin-bottom: 11px; }

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 11px; }
  .alignright {
    float: right;
    margin-left: 11px; } }

.wp-caption-text {
  padding: 9px; }

#contact_map {
  width: 100%;
  height: 500px; }

#wpadminbar {
  display: none; }

@media (max-width: 767px) {
  #wpadminbar {
    position: fixed !important; } }

.footer__content--full {
  list-style: none;
  margin: 0;
  padding: 0; }
  .footer__content--full:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .footer__content--full li {
    margin-bottom: 0 !important; }
    @media (min-width: 768px) {
      .footer__content--full li {
        float: left;
        margin-right: 40px; } }

.sub__footer {
  width: 100%;
  float: left;
  text-align: left;
  background: #20262a; }
  @media (max-width: 767px) {
    .sub__footer {
	  text-align: center;} }
  @media (max-width: 991px) {
    .sub__footer {
      padding: 30px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sub__footer {
      padding: 30px 15px; } }
  @media (min-width: 1200px) {
    .sub__footer {
      padding: 30px; } }

@media (min-width: 768px) {
  #menu-footer-full-menu {
    margin-top: 7px; } }

@media (max-width: 767px) {
  #menu-footer-full-menu li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    #menu-footer-full-menu li a {
      padding: 20px 0;
      display: block;
      width: 100%; } }

ul#menu-legal-menu {
	list-style: none;
	margin: 0 !important;
}

ul#menu-legal-menu li {
	float: left;
	margin: 0 10px;
}

@media (min-width: 1200px) {
	ul#menu-legal-menu li {
		float: left;
		margin: 0 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	ul#menu-legal-menu li {
		float: left;
		margin: 0 20px 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	ul#menu-legal-menu li {
		float: left;
		margin: 0 20px 0 0;
	}
}

@media (max-width: 767px) {
	ul#menu-legal-menu li {
		float: none;
		padding: 20px 0;
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
	}
	.menu-legal-menu-container {
		padding: 0 !important;
		border-bottom: none !important;
	}
}

ul#menu-legal-menu li a {
	color: rgba(255, 255, 255, 0.3) !important;
	font-size: 13px;
	text-decoration: none !important;
}

ul#menu-legal-menu li a:hover {
	color: rgba(100, 188, 70, 1) !important;
}	  

#love_ct {
	float: right;
}

@media (max-width: 767px) {
	#love_ct {
		float: none;
		text-align: center;
	}
}
	  
.general-contact-details {
  width: 100%;
  float: left; }
  @media (min-width: 768px) and (max-width: 991px) {
    .general-contact-details {
      padding: 30px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .general-contact-details {
      padding: 30px 15px; } }
  @media (max-width: 767px) {
    .general-contact-details {
      padding: 10px 0 30px 0; } }
  @media (min-width: 1200px) {
    .general-contact-details {
      padding: 30px; } }

.atlassian-expert-logo {
  width: 100%;
  height: auto;
  max-width: 200px; }
  @media (max-width: 767px) {
    .atlassian-expert-logo {
      margin-top: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .atlassian-expert-logo {
      margin-top: 15px; } }
  @media (min-width: 768px) {
    .atlassian-expert-logo {
      float: right; } }
  .atlassian-expert-logo polygon, .atlassian-expert-logo path, .atlassian-expert-logo rect {
    transition: all .2s ease-in-out; }
  .atlassian-expert-logo:hover polygon, .atlassian-expert-logo:hover path, .atlassian-expert-logo:hover rect {
    fill: #59AFE1;
    transition: all .2s ease-in-out; }

.social__list {
  list-style: none;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.3); }
  .social__list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .social__list a {
    display: table-cell;
    transition: all .2s ease-in-out;
    border: 3px solid rgba(255, 255, 255, 0.3);
    height: 40px;
    width: 40px;
    margin: 0;
    position: relative;
    text-align: center;
    border-radius: 50%;
    overflow: hidden; }
    .social__list a:hover {
      transition: all .2s ease-in-out; }
    .social__list a .fa {
      color: rgba(255, 255, 255, 0.3);
      margin-top: 7px;
      transition: all .2s ease-in-out; }
    .social__list a.social__facebook:hover {
      border: 3px solid #3b5998 !important; }
      .social__list a.social__facebook:hover .fa {
        color: #3b5998 !important; }
    .social__list a.social__twitter:hover {
      border: 3px solid #55acee !important; }
      .social__list a.social__twitter:hover .fa {
        color: #55acee !important; }
    .social__list a.social__google-plus:hover {
      border: 3px solid #dd4b39 !important; }
      .social__list a.social__google-plus:hover .fa {
        color: #dd4b39 !important; }
    .social__list a.social__linkedin:hover {
      border: 3px solid #0077b5 !important; }
      .social__list a.social__linkedin:hover .fa {
        color: #0077b5 !important; }
    .social__list a.social__youtube:hover {
      border: 3px solid #dd4b39 !important; }
      .social__list a.social__youtube:hover .fa {
        color: #dd4b39 !important; }
  .social__list li {
    display: inline-block;
    margin: 0 15px 0 0 !important;
    vertical-align: middle; }
    @media (min-width: 768px) and (max-width: 991px) {
      .social__list li {
        margin: 0 30px 0 0 !important; } }
    @media (max-width: 767px) {
      .social__list li {
        margin: 0 30px 0 0 !important; } }
    .social__list li:last-of-type {
      margin: 0 !important; }

.social__list--wrapper {
  float: right; }
  .social__list--wrapper .social__list {
    display: inline-block;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .social__list--wrapper .social__list {
        margin-left: 20px !important; } }

@keyframes beat {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

#footer__main {
  background: #2b3339;
  float: left;
  width: 100%; }
  #footer__main #menu-legal-menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    #footer__main #menu-legal-menu:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    @media (min-width: 768px) {
      #footer__main #menu-legal-menu {
        margin-right: 60px !important; } }
  #footer__main .social__list--wrapper li:first-of-type {
    display: none !important; }
  @media (max-width: 767px) {
    #footer__main .social__list--wrapper {
      padding-top: 30px;
      width: 100%; } }
  #footer__main .social__list--wrapper .fa {
    font-size: 20px; }
  @media (max-width: 767px) {
    #footer__main .menu-legal-menu-container {
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      padding: 20px;
      width: 100%;
      margin: 30px 0; } }
  @media (min-width: 1200px) {
    #footer__main .menu-legal-menu-container {
      margin-left: 5px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #footer__main .copyright__notice {
      width: 100%;
      margin-bottom: 15px !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #footer__main .copyright__notice {
      width: 100%; } }
  #footer__main .menu-legal-menu-container, #footer__main .social__list--wrapper, #footer__main .copyright__notice {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 767px) {
    #footer__main {
      text-align: center; } }
  #footer__main .love__cape__town {
    display: inline-block;
    vertical-align: middle; }
  #footer__main .fa-heart {
    display: inline-block;
    vertical-align: middle;
    color: #64bc46;
    margin: 0 8px;
    animation: beat 0.7s ease 0s infinite normal; }
  #footer__main p, #footer__main a {
    text-transform: uppercase;
    margin: 0 !important;
    font-family: "brandon-grotesque";
    color: rgba(255, 255, 255, 0.3);
    font-weight: bold;
    font-size: 13px; }
  #footer__main a {
    transition: all .2s ease-in-out; }
    #footer__main a:hover {
      transition: all .2s ease-in-out;
      color: #64bc46; }

.get__coffee--touch {
  float: left;
  text-align: left;
  width: 100%; }
  @media (min-width: 768px) {
    .get__coffee--touch {
      padding: 75px 0; } }
  @media (max-width: 767px) {
    .get__coffee--touch {
      padding: 65px 0; } }
  @media (min-width: 1200px) {
    .get__coffee--touch {
      padding: 100px 0; } }
  .get__coffee--touch .col-001 {
    width: 100%; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .get__coffee--touch .col-001 {
        width: 65%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .get__coffee--touch .col-001 {
        width: 64%; } }
    @media (min-width: 1200px) {
      .get__coffee--touch .col-001 {
        width: 75%; } }
  .get__coffee--touch .col-002 {
    width: 100%; }
    @media (min-width: 768px) {
      .get__coffee--touch .col-002 {
        text-align: right; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .get__coffee--touch .col-002 {
        width: 34%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .get__coffee--touch .col-002 {
        width: 35%; } }
    @media (min-width: 1200px) {
      .get__coffee--touch .col-002 {
        width: 24%; } }
  .get__coffee--touch .col-001, .get__coffee--touch .col-002 {
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 767px) {
    .get__coffee--touch {
      text-align: center; } }
  .get__coffee--touch h2 {
    color: white !important; }
    @media (max-width: 767px) {
      .get__coffee--touch h2 {
        font-size: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .get__coffee--touch h2 {
        font-size: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .get__coffee--touch h2 {
        font-size: 28px; } }
    @media (min-width: 1200px) {
      .get__coffee--touch h2 {
        font-size: 35px; } }
    @media (max-width: 767px) {
      .get__coffee--touch h2 {
        line-height: 30px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .get__coffee--touch h2 {
        line-height: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .get__coffee--touch h2 {
        line-height: 38px; } }
    @media (min-width: 1200px) {
      .get__coffee--touch h2 {
        line-height: 45px; } }
    .get__coffee--touch h2 span {
      font-weight: 100 !important; }
      @media (max-width: 991px) {
        .get__coffee--touch h2 span {
          width: 100%; } }
    @media (min-width: 768px) {
      .get__coffee--touch h2 {
        margin: 0 !important; } }

.facebook-share:focus .icon-wrapper,
.facebook-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #3b5998;
  background: #3b5998; }

.facebook-share:focus .fa,
.facebook-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.google-plus-share:focus .icon-wrapper,
.google-plus-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #dd4b39;
  background: #dd4b39; }

.google-plus-share:focus .fa,
.google-plus-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.instagram-share:focus .icon-wrapper,
.instagram-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #517fa4;
  background: #517fa4; }

.instagram-share:focus .fa,
.instagram-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.linkedin-share:focus .icon-wrapper,
.linkedin-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #007bb6;
  background: #007bb6; }

.linkedin-share:focus .fa,
.linkedin-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.pinterest-share:focus .icon-wrapper,
.pinterest-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #c72527;
  background: #c72527; }

.pinterest-share:focus .fa,
.pinterest-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.reddit-share:focus .icon-wrapper,
.reddit-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #ff4500;
  background: #ff4500; }

.reddit-share:focus .fa,
.reddit-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.twitter-share:focus .icon-wrapper,
.twitter-share:hover .icon-wrapper {
  transition: all .2s ease-in-out;
  border: 2px solid #00aced;
  background: #00aced; }

.twitter-share:focus .fa,
.twitter-share:hover .fa {
  transition: all .2s ease-in-out;
  color: #fff !important; }

.post_sharing {
  text-align: right;
  float: right;
  width: 100%; }
  @media (max-width: 767px) {
    .post_sharing {
      text-align: left;
      margin: 10px 0 0 0; } }
  .post_sharing ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .post_sharing ul:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .post_sharing ul li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px 0 0;
      font-size: 14px; }
      .post_sharing ul li:first-of-type {
        margin-right: 15px;
        font-weight: bold;
        text-transform: uppercase; }
    .post_sharing ul a {
      display: block;
      cursor: pointer;
      color: #333; }
    .post_sharing ul .icon-wrapper {
      display: block;
      width: 42px;
      height: 42px;
      overflow: hidden;
      position: relative;
      border: 2px solid #333;
      border-radius: 50%;
      transition: all .2s ease-in-out;
      background: white; }
      @media (max-width: 767px) {
        .post_sharing ul .icon-wrapper {
          width: 30px;
          height: 30px; } }
      .post_sharing ul .icon-wrapper .fa {
        width: auto;
        max-height: 15px;
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
        text-align: center;
        font-size: 15px;
        color: #333;
        transition: all .2s ease-in-out; }

.btn__arrow--wrapper {
  transition: all .2s ease-in-out;
  display: table-cell;
  vertical-align: middle;
  padding: 14px 25px;
  top: -100%;
  right: 0;
  position: absolute; }

.green-btn {
  background: #64bc46;
  padding: 16px 50px;
  display: inline-block;
  font-weight: 700;
  border-radius: 50px;
  color: white !important;
  transition: all .2s ease-in-out;
  line-height: 1.1;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  width: auto;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .green-btn {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .green-btn {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .green-btn {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .green-btn {
      font-size: 14px; } }
  .green-btn path, .green-btn rect, .green-btn polygon {
    fill: white; }
  .green-btn:hover .btn__arrow--wrapper {
    transition: all .2s ease-in-out;
    top: 0; }
  .green-btn:hover {
    color: white !important;
    background: #2b3339;
    padding: 16px 60px 16px 40px !important; }

.blkbtn {
  background: #2b3339;
  padding: 16px 50px;
  display: inline-block;
  font-weight: 700;
  border-radius: 50px;
  color: white !important;
  transition: all .2s ease-in-out;
  line-height: 1.1;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  width: auto;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .blkbtn {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blkbtn {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blkbtn {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .blkbtn {
      font-size: 14px; } }
  .blkbtn path, .blkbtn rect, .blkbtn polygon {
    fill: white; }
  .blkbtn:hover .btn__arrow--wrapper {
    transition: all .2s ease-in-out;
    top: 0; }
  .blkbtn:hover {
    color: white !important;
    background: #64bc46;
    padding: 16px 60px 16px 40px !important; }

.btn {
  background: white;
  padding: 16px 50px;
  display: inline-block;
  font-weight: 700;
  border-radius: 50px;
  color: #2b3339 !important;
  transition: all .2s ease-in-out;
  line-height: 1.1;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  width: auto;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .btn {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .btn {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .btn {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .btn {
      font-size: 14px; } }
  .btn path, .btn rect, .btn polygon {
    fill: white; }
  .btn:hover .btn__arrow--wrapper {
    transition: all .2s ease-in-out;
    top: 0; }
  .btn:hover {
    color: white !important;
    background: #2b3339;
    padding: 16px 60px 16px 40px !important; }

.gfbtn {
  outline: none !important;
  background: #64bc46;
  padding: 16px 50px;
  display: inline-block;
  font-weight: 700;
  border-radius: 50px;
  color: #fff !important;
  transition: all .2s ease-in-out;
  line-height: 1.1;
  font-family: "brandon-grotesque";
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  width: auto;
  position: relative;
  transition: all .2s ease-in-out; }
  @media (max-width: 767px) {
    .gfbtn {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .gfbtn {
      font-size: 13px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .gfbtn {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .gfbtn {
      font-size: 14px; } }
  .gfbtn path, .gfbtn rect, .gfbtn polygon {
    fill: #2b3339; }
  .gfbtn:hover .gfbtn__arrow--wrapper {
    transition: all .2s ease-in-out;
    top: 0; }
  .gfbtn:hover {
    color: #2b3339 !important;
    background: #fff;
    padding: 16px 60px 16px 40px !important; }	
	
.nav__fixed--main {
  position: absolute;
  top: -80px;
  left: 0;
  background: transparent;
  width: 100%;
  height: 94px;
  line-height: 94px;
  z-index: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all .2s ease-in-out;
  padding: 0 20px; }
  .nav__fixed--main .brand svg {
    max-width: 230px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .nav__fixed--main .brand svg {
        max-width: 200px; } }
    @media (max-width: 767px) {
      .nav__fixed--main .brand svg {
        max-width: 180px; } }
  .nav__fixed--main .col__layout {
    display: inline-block;
    vertical-align: middle;
    float: none !important; }
    @media (max-width: 767px) {
      .nav__fixed--main .col__layout:first-of-type {
        width: 66% !important; }
      .nav__fixed--main .col__layout:last-of-type {
        text-align: right;
        width: 30% !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .nav__fixed--main .col__layout {
        width: 32.8% !important; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .nav__fixed--main .col__layout {
        width: 32.8% !important; } }
    @media (min-width: 1200px) {
      .nav__fixed--main .col__layout {
        width: 33% !important; } }
  .nav__fixed--main.load {
    top: 0;
    transition: all .2s ease-in-out; }
  @media (max-width: 991px) {
    .nav__fixed--main {
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .nav__fixed--main.is-fixed {
        position: fixed;
        top: -94px !important;
        height: 94px;
        line-height: 94px;
        background: transparent;
        /*border-bottom: 1px solid #d2d9dd;*/
        transition-delay: 20s;
        transition: transform 0.3s; }
        .nav__fixed--main.is-fixed polygon, .nav__fixed--main.is-fixed path, .nav__fixed--main.is-fixed rect, .nav__fixed--main.is-fixed circle {
          fill: #fff !important; }
      .nav__fixed--main.is-visible {
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0); }
        .nav__fixed--main.is-visible polygon, .nav__fixed--main.is-visible rect, .nav__fixed--main.is-visible path {
          fill: #fff !important; }
      .nav__fixed--main.menu-is-open {
        background-color: rgba(255, 69, 0, 0.96); } }
  @media (min-width: 991px) {
    .nav__fixed--main {
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .nav__fixed--main.is-fixed {
        position: fixed;
        top: -94px !important;
        height: 94px;
        line-height: 94px;
        background: transparent;
        /*border-bottom: 1px solid #d2d9dd;*/
        transition-delay: 20s;
        transition: transform 0.3s; }
        .nav__fixed--main.is-fixed polygon, .nav__fixed--main.is-fixed path, .nav__fixed--main.is-fixed rect, .nav__fixed--main.is-fixed circle {
          fill: #fff !important; }
      .nav__fixed--main.is-visible {
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0); }
        .nav__fixed--main.is-visible polygon, .nav__fixed--main.is-visible rect, .nav__fixed--main.is-visible path {
          fill: #fff !important; }
      .nav__fixed--main.menu-is-open {
        background-color: rgba(255, 69, 0, 0.96); } }
  .nav__fixed--main #menu--open {
    position: relative;
    right: 0;
    transition: all .2s ease-in-out; }
    .nav__fixed--main #menu--open.open {
      transition: all .2s ease-in-out;
      right: -100%; }

#menu--blog--main {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%; }
  @media (min-width: 768px) {
    #menu--blog--main {
      width: 46px;
      height: 46px;
      margin: -23px 0 0 -23px; } }
  @media (max-width: 767px) {
    #menu--blog--main {
      width: 36px;
      height: 36px;
      margin: -18px 0 0 -18px; } }
  #menu--blog--main rect, #menu--blog--main path, #menu--blog--main polygon {
    transition: all .2s ease-in-out; }
  #menu--blog--main:hover #block-1, #menu--blog--main:hover #block-2, #menu--blog--main:hover #block-3 {
    transition: all .2s ease-in-out;
    fill: #64bc46 !important; }

#menu--open--main {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%; }
  @media (min-width: 768px) {
    #menu--open--main {
      width: 46px;
      height: 46px;
      margin: -23px 0 0 0; } }
  @media (max-width: 767px) {
    #menu--open--main {
      width: 36px;
      height: 36px;
      margin: -18px 0 0 0; } }
  #menu--open--main rect, #menu--open--main path, #menu--open--main polygon {
    transition: all .2s ease-in-out; }
  #menu--open--main:hover #bar-2 {
    transition: all .2s ease-in-out;
    width: 20px; }
  #menu--open--main:hover #bar-3 {
    transition: all .2s ease-in-out;
    width: 15px; }

#menu--open--menu {
  cursor: pointer; }
  #menu--open--menu rect, #menu--open--menu path, #menu--open--menu polygon {
    transition: all .2s ease-in-out; }
  #menu--open--menu:hover rect, #menu--open--menu:hover path, #menu--open--menu:hover polygon {
    transition: all .2s ease-in-out;
    fill: white !important; }

.sub__menu--main {
  padding: 30px;
  text-align: center;
  opacity: 0;
  font-weight: 700;
  transition: all .2s ease-in-out;
  width: 100%; }
  .sub__menu--main.reveal {
    transition: all .2s ease-in-out;
    opacity: 1;
    transition-delay: 0.5s; }
    @media (min-width: 992px) {
      .sub__menu--main.reveal {
        top: 0; } }

#menu__social {
  padding: 30px 0;
  text-align: center;
  opacity: 0;
  font-weight: 700;
  transition: all .2s ease-in-out;
  width: 100%; }
  #menu__social .social__list {
    margin: 15px auto 0 auto; }
    #menu__social .social__list .fa {
      font-size: 20px; }
  #menu__social.reveal {
    transition: all .2s ease-in-out;
    opacity: 1;
    transition-delay: 0.5s; }
  #menu__social p {
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    font-size: 15px !important; }

#full__menu {
  transition: all .2s ease-in-out;
  transition-delay: 0.2s;
  z-index: 600;
  position: fixed;
  top: 0;
  right: 0;
  left: 100%;
  bottom: 0;
  height: 100%;
  background: #2b3339;
  overflow-y: scroll !important; }
  @media (max-width: 767px) {
    #full__menu .col__layout {
      width: 50%;
      display: inline-block;
      vertical-align: middle; }
      #full__menu .col__layout:first-of-type {
        text-align: left; }
      #full__menu .col__layout:last-of-type {
        text-align: right; } }
  #full__menu.open__menu {
    left: 0;
    transition: all .2s ease-in-out;
    overflow-y: scroll; }
  #full__menu .left {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    opacity: 0;
    overflow: hidden;
    background: #2b3339;
    transition: all .2s ease-in-out; }
    #full__menu .left.reveal {
      transition: all .2s ease-in-out;
      left: 0;
      opacity: 1 !important;
      transition-delay: 0.2s; }
      #full__menu .left.reveal li {
        opacity: 1 !important; }
        #full__menu .left.reveal li:nth-child(1) {
          transition-delay: 0.5s; }
        #full__menu .left.reveal li:nth-child(2) {
          transition-delay: 0.6s; }
        #full__menu .left.reveal li:nth-child(3) {
          transition-delay: 0.7s; }
        #full__menu .left.reveal li:nth-child(4) {
          transition-delay: 0.8s; }
        #full__menu .left.reveal li:nth-child(5) {
          transition-delay: 0.9s; }
    #full__menu .left li {
      text-align: center;
      opacity: 0;
      list-style: none;
      margin: 0;
      padding: 0;
      transition: all .2s ease-in-out; }
      #full__menu .left li:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
      #full__menu .left li.current-menu-item a {
        background: #64bc46;
        color: white; }
    #full__menu .left a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      transition: all .2s ease-in-out;
      padding: 25px 20px;
      text-transform: uppercase;
      font-family: "brandon-grotesque";
      font-weight: bold;
      color: rgba(255, 255, 255, 0.3);
      background: transparent;
      font-size: 20px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #full__menu .left a {
          font-size: 20px;
          padding: 25px 20px; } }
      @media (min-width: 992px) and (max-width: 1299px) {
        #full__menu .left a {
          font-size: 25px;
          padding: 20px 20px; } }
      @media (min-width: 1300px) {
        #full__menu .left a {
          font-size: 35px;
          padding: 42px 0; } }
      #full__menu .left a:hover {
        transition: all .2s ease-in-out;
        background: #64bc46;
        color: white !important; }
  #full__menu .right {
    float: left;
    width: 80%; }

.grid {
  list-style: none;
  margin: 0;
  padding: 0; }
  .grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.post__previous {
  left: 0; }
  .post__previous .icon-wrap {
    left: 0; }
  .post__previous img {
    right: 0; }
  .post__previous h3 {
    margin: 0 20px 0 0 !important; }
  .post__previous div {
    left: 0;
    padding-left: 40px;
    text-align: right; }

.about .slick-prev, .about .slick-next {
  display: none !important; }

.conent-list-header {
  margin: 30px 0 20px 0 !important; }

ul.content-list {
  margin-bottom: 30px; }
  ul.content-list li {
    margin-bottom: 10px; }

.general__half--grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 40px auto 0 auto !important;
  text-align: left !important; }
  .general__half--grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .general__half--grid li {
    background: white;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #d2d9dd;
    margin-right: 20px;
    margin-top: 20px; }
    .general__half--grid li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .general__half--grid li:nth-child(n+2) {
      margin-bottom: 0 !important; }
    .general__half--grid li:nth-child(3n), .general__half--grid li:nth-child(6n) {
      margin-right: 0; }
    .general__half--grid li h3, .general__half--grid li p {
      transition: all .2s ease-in-out; }
    .general__half--grid li p {
      margin-top: 10px; }
    .general__half--grid li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 40px;
      right: 40px;
      font-size: 30px;
      color: #fff; }
      @media (max-width: 767px) {
        .general__half--grid li .general-blog-icon {
          width: 60px;
          height: 60px; } }
      @media (min-width: 1200px) {
        .general__half--grid li .general-blog-icon {
          width: 90px;
          height: 90px; } }
    .general__half--grid li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .general__half--grid li h3 {
          font-size: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__half--grid li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__half--grid li h3 {
          font-size: 25px; } }
      @media (min-width: 1200px) {
        .general__half--grid li h3 {
          font-size: 28px; } }
      @media (max-width: 767px) {
        .general__half--grid li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__half--grid li h3 {
          line-height: 30px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__half--grid li h3 {
          line-height: 35px; } }
      @media (min-width: 1200px) {
        .general__half--grid li h3 {
          line-height: 38px; } }
    .general__half--grid li .grid-content {
      position: absolute;
      bottom: 0;
      display: block;
      left: 0;
      transition: all .2s ease-in-out;
      width: calc((100% - 80px)); }
      @media (max-width: 767px) {
        .general__half--grid li .grid-content {
          margin: 20px; } }
      @media (min-width: 1200px) {
        .general__half--grid li .grid-content {
          margin: 40px; } }
    @media (max-width: 767px) {
      .general__half--grid li {
        width: 50%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .general__half--grid li {
        width: 25%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .general__half--grid li {
        width: 25%; } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .general__half--grid li {
        width: 25%; } }
    @media (min-width: 1700px) {
      .general__half--grid li {
        width: calc((100% / 8)); } }
    .general__half--grid li:before {
      content: ' ';
      display: block;
      padding-top: 100%;
      float: left; }

.general__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 40px auto 0 auto !important;
  text-align: left !important; }
  .general__grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .general__grid li {
    background: white;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #d2d9dd;
    margin-right: 20px;
    margin-top: 20px; }
    .general__grid li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .general__grid li:nth-child(n+2) {
      margin-bottom: 0 !important; }
    .general__grid li h3, .general__grid li p {
      transition: all .2s ease-in-out; }
    .general__grid li p {
      margin-top: 10px; }
    .general__grid li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 40px;
      right: 40px;
      font-size: 30px;
      color: #fff; }
      @media (max-width: 767px) {
        .general__grid li .general-blog-icon {
          width: 60px;
          height: 60px; } }
      @media (min-width: 1200px) {
        .general__grid li .general-blog-icon {
          width: 90px;
          height: 90px; } }
    .general__grid li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .general__grid li h3 {
          font-size: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__grid li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__grid li h3 {
          font-size: 25px; } }
      @media (min-width: 1200px) {
        .general__grid li h3 {
          font-size: 28px; } }
      @media (max-width: 767px) {
        .general__grid li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__grid li h3 {
          line-height: 30px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__grid li h3 {
          line-height: 35px; } }
      @media (min-width: 1200px) {
        .general__grid li h3 {
          line-height: 38px; } }
    .general__grid li .grid-content {
      float: left;
      display: block;
      transition: all .2s ease-in-out;
      width: calc((100% - 80px)); }
      @media (max-width: 767px) {
        .general__grid li .grid-content {
          margin: 20px; } }
      @media (min-width: 1200px) {
        .general__grid li .grid-content {
          margin: 40px; } }
      @media (min-width: 991px) {
        .general__grid li .grid-content {
          margin: 20px; } }
      @media (min-width: 767px) and (max-width: 991px) {
        .general__grid li .grid-content {
          margin: 20px; } }
    @media (max-width: 767px) {
      .general__grid li {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .general__grid li {
        width: calc(((100% / 2) - 14px)); }
        .general__grid li:nth-child(2n), .general__grid li:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .general__grid li {
        width: calc(((100% / 3) - 14px)); }
        .general__grid li:nth-child(3n), .general__grid li:nth-child(6n) {
          margin-right: 0; } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .general__grid li {
        width: calc(((100% / 3) - 14px)); }
        .general__grid li:nth-child(3n), .general__grid li:nth-child(6n) {
          margin-right: 0; } }
    @media (min-width: 1700px) {
      .general__grid li {
        width: calc(((100% / 3) - 14px)); }
        .general__grid li:nth-child(3n), .general__grid li:nth-child(6n) {
          margin-right: 0; } }

.general__atlas__grid {
  max-width: 1903px;
  margin: 0 auto !important;
  padding: 0;
  list-style: none;
  text-align: left !important; }
  .general__atlas__grid li {
    background: #2b3339;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s ease-in-out; }
    .general__atlas__grid li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .general__atlas__grid li h3 {
      color: white !important;
      transition: all .2s ease-in-out;
      margin: 30px 100px 0 20px !important; }
      @media (max-width: 767px) {
        .general__atlas__grid li h3 {
          font-size: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__atlas__grid li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__atlas__grid li h3 {
          font-size: 21px; } }
      @media (min-width: 1200px) {
        .general__atlas__grid li h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .general__atlas__grid li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__atlas__grid li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__atlas__grid li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .general__atlas__grid li h3 {
          line-height: 45px; } }
      @media (max-width: 767px) {
        .general__atlas__grid li h3 {
          margin: 30px 20px 0 20px !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__atlas__grid li h3 {
          margin: 30px 100px 0 20px !important; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__atlas__grid li h3 {
          margin: 30px 100px 0 20px !important; } }
    .general__atlas__grid li p {
      color: white !important;
      transition: all .2s ease-in-out;
      margin: 0 20px 30px 20px !important; }
      @media (max-width: 767px) {
        .general__atlas__grid li p {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .general__atlas__grid li p {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .general__atlas__grid li p {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .general__atlas__grid li p {
          font-size: 16px; } }
      @media (min-width: 1200px) and (max-width: 1700px) {
        .general__atlas__grid li p {
          margin: 0; } }
      @media (min-width: 1700px) {
        .general__atlas__grid li p {
          margin: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .general__atlas__grid li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .general__atlas__grid li {
        width: calc(((100% / 3) - 20px)); } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .general__atlas__grid li {
        width: calc(((100% / 3) - 20px)); } }
    @media (min-width: 1700px) {
      .general__atlas__grid li {
        width: calc(((100% / 3) - 20px)); } }
    .general__atlas__grid li:before {
      content: ' ';
      display: block;
      padding-top: 100%;
      float: left; }
      @media (max-width: 767px) {
        .general__atlas__grid li:before {
          padding-top: 30%; } }

.atlassian__grid {
  clear: both; }

.overlay__logo {
  position: absolute;
  z-index: 50;
  width: 100%;
  height: 100%; }

.home .page__content--inner {
  padding: 0 !important; }

.home .page__content--general {
  padding: 40px 0 !important; }
  @media (max-width: 767px) {
    .home .page__content--general {
      padding: 40px 0 !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .home .page__content--general {
      padding: 60px 0 !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .home .page__content--general {
      padding: 80px 0 !important; } }
  @media (min-width: 1200px) {
    .home .page__content--general {
      padding: 120px 0 !important; } }

@media (max-width: 767px) {
  .single-case_studies #page__content--full {
    top: calc(100vh - 165px); } }

@media (min-width: 992px) and (max-width: 1199px) {
  .single-case_studies #page__content--full {
    top: calc(100vh - 126px); } }

@media (min-width: 768px) and (max-width: 991px) {
  .single-case_studies #page__content--full {
    top: calc(100vh - 119px); } }

@media (min-width: 1200px) {
  .single-case_studies #page__content--full {
    top: calc(100vh - 137px); } }

.single-case_studies .page__content--inner {
  float: left;
  width: 100%; }
  .single-case_studies .page__content--inner:nth-child(2n) {
    border-bottom: 1px solid #d2d9dd; }

.single-case_studies img {
  width: 100%;
  height: auto; }

.single-case_studies .menu-item-14 a {
  background: #64bc46 !important;
  color: white !important; }

@media (max-width: 767px) {
  .solution-col {
    margin-top: 20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .solution-col {
    margin-top: 30px; } }

@media (max-width: 767px) {
  .made-challenge-solution h2, .made-impact h2 {
    margin-bottom: 15px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .made-challenge-solution h2, .made-impact h2 {
    margin-bottom: 18px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .made-challenge-solution h2, .made-impact h2 {
    margin-bottom: 20px; } }

@media (min-width: 1200px) {
  .made-challenge-solution h2, .made-impact h2 {
    margin-bottom: 24px; } }

.made-challenge-solution p, .made-impact p {
  margin-bottom: 30px !important; }

@media (max-width: 767px) {
  .made-challenge-solution h3, .made-impact h3 {
    font-size: 18px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .made-challenge-solution h3, .made-impact h3 {
    font-size: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .made-challenge-solution h3, .made-impact h3 {
    font-size: 24px; } }

@media (min-width: 1200px) {
  .made-challenge-solution h3, .made-impact h3 {
    font-size: 26px; } }

@media (max-width: 767px) {
  .made-challenge-solution h3, .made-impact h3 {
    line-height: 28px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .made-challenge-solution h3, .made-impact h3 {
    line-height: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .made-challenge-solution h3, .made-impact h3 {
    line-height: 34px; } }

@media (min-width: 1200px) {
  .made-challenge-solution h3, .made-impact h3 {
    line-height: 36px; } }

@media (max-width: 767px) {
  .made-challenge-solution h3, .made-impact h3 {
    margin-bottom: 15px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .made-challenge-solution h3, .made-impact h3 {
    margin-bottom: 18px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .made-challenge-solution h3, .made-impact h3 {
    margin-bottom: 20px; } }

@media (min-width: 1200px) {
  .made-challenge-solution h3, .made-impact h3 {
    margin-bottom: 24px; } }

.made-impact h2 {
  text-align: center; }

.made-impact .users-services {
  text-align: left; }
  @media (max-width: 767px) {
    .made-impact .users-services {
      padding-top: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made-impact .users-services {
      padding-top: 30px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .made-impact .users-services {
      padding-top: 40px 15px; } }
  @media (min-width: 1200px) {
    .made-impact .users-services {
      padding-top: 40px; } }
  @media (max-width: 767px) {
    .made-impact .users-services p {
      font-size: 14px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made-impact .users-services p {
      font-size: 14px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .made-impact .users-services p {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .made-impact .users-services p {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .made-impact .users-services p {
      line-height: 24px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made-impact .users-services p {
      line-height: 24px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .made-impact .users-services p {
      line-height: 24px; } }
  @media (min-width: 1200px) {
    .made-impact .users-services p {
      line-height: 24px; } }
  @media (max-width: 767px) {
    .made-impact .users-services .col-xs-12:nth-of-type(2n) {
      margin-top: 30px; } }

.made-impact .post-entry-meta, .made-impact .users-entry-meta {
  list-style: none;
  margin: 0;
  padding: 0; }
  .made-impact .post-entry-meta:after, .made-impact .users-entry-meta:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .user-icon-wrapper {
    border-radius: 50%;
    text-align: center;
    position: relative; }
    @media (max-width: 767px) {
      .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .user-icon-wrapper {
        border: 3px solid #2b3339; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .user-icon-wrapper {
        border: 4px solid #2b3339; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .user-icon-wrapper {
        border: 4px solid #2b3339; } }
    @media (min-width: 1200px) {
      .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .user-icon-wrapper {
        border: 5px solid #2b3339; } }
    .made-impact .post-entry-meta .user-icon-wrapper span, .made-impact .users-entry-meta .user-icon-wrapper span {
      width: auto;
      position: absolute;
      top: -100%;
      bottom: -100%;
      left: -100%;
      right: -100%;
      margin: auto;
      text-transform: uppercase;
      font-weight: 600;
      max-height: 28px; }
      @media (max-width: 767px) {
        .made-impact .post-entry-meta .user-icon-wrapper span, .made-impact .users-entry-meta .user-icon-wrapper span {
          font-size: 17px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .made-impact .post-entry-meta .user-icon-wrapper span, .made-impact .users-entry-meta .user-icon-wrapper span {
          font-size: 16px; } }
      @media (min-width: 1200px) {
        .made-impact .post-entry-meta .user-icon-wrapper span, .made-impact .users-entry-meta .user-icon-wrapper span {
          font-size: 26px; } }
  .made-impact .post-entry-meta .general-blog-icon, .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .general-blog-icon, .made-impact .users-entry-meta .user-icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px !important; }
    @media (min-width: 1200px) {
      .made-impact .post-entry-meta .general-blog-icon, .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .general-blog-icon, .made-impact .users-entry-meta .user-icon-wrapper {
        width: 63px;
        height: 63px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .made-impact .post-entry-meta .general-blog-icon, .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .general-blog-icon, .made-impact .users-entry-meta .user-icon-wrapper {
        width: 53px;
        height: 53px; } }
    @media (max-width: 767px) {
      .made-impact .post-entry-meta .general-blog-icon, .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .general-blog-icon, .made-impact .users-entry-meta .user-icon-wrapper {
        width: 38px;
        height: 38px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .made-impact .post-entry-meta .general-blog-icon, .made-impact .post-entry-meta .user-icon-wrapper, .made-impact .users-entry-meta .general-blog-icon, .made-impact .users-entry-meta .user-icon-wrapper {
        width: 46px;
        height: 46px; } }
  .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important; }
    @media (max-width: 767px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        font-size: 14px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        font-size: 14px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        line-height: 24px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        line-height: 24px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        line-height: 24px; } }
    @media (min-width: 1200px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        line-height: 24px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        width: calc((100% - 85px)); } }
    @media (min-width: 768px) and (max-width: 991px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        width: calc((100% - 80px)); } }
    @media (min-width: 1200px) {
      .made-impact .post-entry-meta p, .made-impact .users-entry-meta p {
        width: calc((100% - 90px)); } }
  @media (min-width: 992px) {
    .made-impact .post-entry-meta li, .made-impact .users-entry-meta li {
      width: calc((100% / 2) - 40px);
      display: inline-block;
      vertical-align: middle;
      margin: 0 40px 0 0 !important; } }
  @media (max-width: 767px) {
    .made-impact .post-entry-meta li, .made-impact .users-entry-meta li {
      margin-bottom: 20px !important; } }
  @media (min-width: 1200px) {
    .made-impact .post-entry-meta li, .made-impact .users-entry-meta li {
      margin-bottom: 20px !important; }
      .made-impact .post-entry-meta li:nth-child(n+3), .made-impact .users-entry-meta li:nth-child(n+3) {
        margin-bottom: 0 !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made-impact .post-entry-meta li, .made-impact .users-entry-meta li {
      width: 100%;
      margin-bottom: 20px !important; } }
  .made-impact .post-entry-meta li:last-of-type, .made-impact .post-entry-meta li:nth-child(2n), .made-impact .users-entry-meta li:last-of-type, .made-impact .users-entry-meta li:nth-child(2n) {
    margin-right: 0 !important; }

.post__next {
  right: 0; }
  .post__next .icon-wrap {
    right: 0; }
  .post__next h3 {
    margin: 0 0 0 20px !important; }
  .post__next img {
    left: 0; }
  .post__next div {
    right: 0;
    text-align: left;
    padding-right: 40px; }

.post__previous, .post__next {
  overflow: hidden;
  height: 120px;
  display: block;
  background: #2b3339;
  transition: width 0.4s, background-color 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  @media (min-width: 992px) {
    .post__previous, .post__next {
      width: 40px;
      position: fixed;
      z-index: 90;
      top: 50%; }
      .post__previous:hover, .post__next:hover {
        width: 400px; } }
  @media (max-width: 991px) {
    .post__previous, .post__next {
      display: none !important; } }
  .post__previous img, .post__next img {
    display: inline-block;
    vertical-align: middle;
    height: 120px;
    width: 120px; }
  .post__previous h3, .post__next h3 {
    position: relative;
    color: #fff;
    font-weight: 300;
    font-size: 1.45em;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 180px); }
    .post__previous h3 span, .post__next h3 span {
      display: block;
      padding-top: 10px;
      color: #542568;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 700;
      font-size: 50%; }
  .post__previous .icon-wrap, .post__next .icon-wrap {
    position: absolute;
    z-index: 100;
    padding: 38px 4px 34px 10px;
    width: 40px; }
  .post__previous div, .post__next div {
    position: absolute;
    top: 0;
    width: 400px;
    height: 100%; }

.tagline {
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .tagline {
      font-size: 12px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .tagline {
      font-size: 12px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .tagline {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .tagline {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .tagline {
      line-height: 22px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .tagline {
      line-height: 22px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .tagline {
      line-height: 24px; } }
  @media (min-width: 1200px) {
    .tagline {
      line-height: 24px; } }

#approach {
  overflow: hidden;
  text-align: center;
  position: relative; }
  #approach img {
    width: 100%;
    height: auto; }
  #approach p {
    text-align: center; }

.digital-marketing .menu-item-5 a, .web-app-development .menu-item-5 a, .branding-design .menu-item-5 a, .digital-business-strategy .menu-item-5 a {
  background: #64bc46 !important;
  color: white !important; }

.digital-marketing .page__content--inner .row:first-of-type, .web-app-development .page__content--inner .row:first-of-type, .branding-design .page__content--inner .row:first-of-type, .digital-business-strategy .page__content--inner .row:first-of-type {
  margin-bottom: 80px; }

.digital-marketing .page__content--inner .row:last-of-type, .web-app-development .page__content--inner .row:last-of-type, .branding-design .page__content--inner .row:last-of-type, .digital-business-strategy .page__content--inner .row:last-of-type {
  margin-bottom: 0 !important; }

.digital_dominance_silder {
  margin-top: 30px; }
  .digital_dominance_silder span {
    font-style: italic;
    opacity: 0.8; }
  .digital_dominance_silder h2, .digital_dominance_silder p, .digital_dominance_silder span {
    color: white !important; }
  .digital_dominance_silder p, .digital_dominance_silder span {
    width: 100%;
    float: left; }
  .digital_dominance_silder .key_wrapper {
    margin: 0 10px;
    transition: all .2s ease-in-out;
    background: #98a7b1;
    position: relative; }
    .digital_dominance_silder .key_wrapper .icons {
      display: none !important; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .digital_dominance_silder .key_wrapper .icons {
          width: 40px;
          display: inline-block !important;
          vertical-align: middle; } }
      @media (min-width: 1200px) {
        .digital_dominance_silder .key_wrapper .icons {
          width: 70px;
          display: inline-block !important;
          vertical-align: middle; } }
  .digital_dominance_silder .slick-center .ux {
    transition: all .2s ease-in-out;
    background: #ffb251; }
  .digital_dominance_silder .slick-center .ei {
    transition: all .2s ease-in-out;
    background: #4a3553; }
  .digital_dominance_silder .slick-center .ec {
    transition: all .2s ease-in-out;
    background: #96c03d; }
  .digital_dominance_silder .slick-center .ai {
    transition: all .2s ease-in-out;
    background: #5fd097; }
  .digital_dominance_silder .slick-center .is {
    transition: all .2s ease-in-out;
    background: #fb2a4f; }
  .digital_dominance_silder .content {
    display: inline-block;
    vertical-align: middle; }
    .digital_dominance_silder .content:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      .digital_dominance_silder .content {
        width: 100%; }
        .digital_dominance_silder .content p, .digital_dominance_silder .content h2, .digital_dominance_silder .content span {
          text-align: center !important; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .digital_dominance_silder .content {
        width: calc(100% - 75px); }
        .digital_dominance_silder .content p, .digital_dominance_silder .content h2, .digital_dominance_silder .content span {
          text-align: left !important; } }
    @media (min-width: 1200px) {
      .digital_dominance_silder .content {
        width: calc(100% - 145px); }
        .digital_dominance_silder .content p, .digital_dominance_silder .content h2, .digital_dominance_silder .content span {
          text-align: left !important; } }
  .digital_dominance_silder .ux, .digital_dominance_silder .ei, .digital_dominance_silder .ec, .digital_dominance_silder .ai, .digital_dominance_silder .is {
    padding: 15px;
    border-radius: 250px; }
    .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0 !important;
      line-height: 1.1; }
      @media (max-width: 767px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          font-size: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          font-size: 0; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          font-size: 30px; } }
      @media (min-width: 1200px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          font-size: 50px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          display: none; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          width: 20px;
          margin-right: 10px; } }
      @media (min-width: 1200px) {
        .digital_dominance_silder .ux h2, .digital_dominance_silder .ei h2, .digital_dominance_silder .ec h2, .digital_dominance_silder .ai h2, .digital_dominance_silder .is h2 {
          width: 45px;
          margin-right: 20px; } }
  .digital_dominance_silder p {
    margin-bottom: 8px !important; }
    @media (max-width: 767px) {
      .digital_dominance_silder p {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .digital_dominance_silder p {
        font-size: 14px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .digital_dominance_silder p {
        font-size: 17px; } }
    @media (min-width: 1200px) {
      .digital_dominance_silder p {
        font-size: 21px; } }
    @media (max-width: 767px) {
      .digital_dominance_silder p {
        line-height: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .digital_dominance_silder p {
        line-height: 16px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .digital_dominance_silder p {
        line-height: 17px; } }
    @media (min-width: 1200px) {
      .digital_dominance_silder p {
        line-height: 21px; } }
  @media (max-width: 767px) {
    .digital_dominance_silder span {
      font-size: 12px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .digital_dominance_silder span {
      font-size: 12px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .digital_dominance_silder span {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .digital_dominance_silder span {
      font-size: 16px; } }

.page-template-blog-php .blog-grid {
  border-bottom: 0 !important; }

.page-template-blog-php .page__content--inner {
  background: #eff2f3 !important;
  padding: 0 !important; }
  .page-template-blog-php .page__content--inner input, .page-template-blog-php .page__content--inner .input-group {
    width: 100% !important; }
  .page-template-blog-php .page__content--inner input {
    text-transform: uppercase;
    border: none !important;
    font-family: brandon-grotesque;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-weight: 700;
    height: 100px !important;
    padding: 0 30px;
    background: none !important; }
    @media (max-width: 767px) {
      .page-template-blog-php .page__content--inner input {
        font-size: 25px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page-template-blog-php .page__content--inner input {
        font-size: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .page-template-blog-php .page__content--inner input {
        font-size: 40px; } }
    @media (min-width: 1200px) {
      .page-template-blog-php .page__content--inner input {
        font-size: 30px; } }
    @media (max-width: 767px) {
      .page-template-blog-php .page__content--inner input {
        line-height: 35px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page-template-blog-php .page__content--inner input {
        line-height: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .page-template-blog-php .page__content--inner input {
        line-height: 50px; } }
    @media (min-width: 1200px) {
      .page-template-blog-php .page__content--inner input {
        line-height: 30px; } }
    .page-template-blog-php .page__content--inner input:focus {
      outline: 0; }
    .page-template-blog-php .page__content--inner input::-webkit-input-placeholder {
      color: #2b3339; }
    .page-template-blog-php .page__content--inner input:-moz-placeholder {
      color: #2b3339; }
    .page-template-blog-php .page__content--inner input::-moz-placeholder {
      color: #2b3339; }
    .page-template-blog-php .page__content--inner input:-ms-input-placeholder {
      color: #2b3339; }

#approach, #manifesto {
  background: #eff2f3;
  text-align: center; }

#capabilities {
  text-align: center; }

.stroke {
  position: absolute;
  z-index: 90;
  bottom: 298px;
  left: 286px;
  opacity: 0;
  transition: all .2s ease-in-out; }
  .stroke.visible {
    transition: all .2s ease-in-out;
    opacity: 1; }

#power_label--wrapper {
  position: absolute;
  z-index: 90;
  bottom: -425px;
  left: 12px;
  width: 240px; }

.span_wrapper {
  overflow: hidden;
  height: 22px;
  position: relative; }

#power_label {
  position: relative;
  z-index: 90;
  bottom: 0;
  opacity: 0;
  left: -100%;
  transition: all .2s ease-in-out; }
  #power_label p {
    font-family: brandon-grotesque;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0; }
  #power_label span {
    font-family: source-sans-pro,sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    position: absolute;
    top: -100%;
    transition: all .2s ease-in-out; }
    @media (max-width: 767px) {
      #power_label span {
        font-size: 25px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #power_label span {
        font-size: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #power_label span {
        font-size: 40px; } }
    @media (min-width: 1200px) {
      #power_label span {
        font-size: 13px; } }
    @media (max-width: 767px) {
      #power_label span {
        line-height: 35px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #power_label span {
        line-height: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #power_label span {
        line-height: 50px; } }
    @media (min-width: 1200px) {
      #power_label span {
        line-height: 23px; } }
  #power_label.show {
    left: 0;
    opacity: 1;
    transition: all .2s ease-in-out; }
    #power_label.show span {
      transition: all .2s ease-in-out;
      top: 0;
      transition-delay: 0.5s; }

#power_graph {
  position: absolute;
  z-index: 90;
  transition: all .2s ease-in-out;
  width: 100%;
  height: 100%;
  max-height: 800px;
  max-width: 800px; }
  @media (max-width: 767px) {
    #power_graph {
      left: 0;
      bottom: -395px; } }
  @media (min-width: 1200px) {
    #power_graph {
      bottom: -350px;
      left: -265px; } }
  #power_graph path, #power_graph rect, #power_graph polygon {
    cursor: pointer; }
  #power_graph.software_engineers {
    transform: rotate(-72deg); }
  #power_graph.integration {
    transform: rotate(-72deg); }
  #power_graph.engagement {
    transform: rotate(-144deg); }
  #power_graph.analytics {
    transform: rotate(-216deg); }
  #power_graph.strategy {
    transform: rotate(-288deg); }

#page__content {
  position: relative;
  top: 100%; }
  #page__content .page__content--inner {
    background: white;
    position: relative; }
  @media (max-width: 767px) {
    #page__content .page__content--intro {
      padding: 80px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #page__content .page__content--intro {
      padding: 90px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #page__content .page__content--intro {
      padding: 110px 0; } }
  @media (min-width: 1200px) {
    #page__content .page__content--intro {
      padding: 120px 0; } }
  @media (max-width: 767px) {
    #page__content .page__content--intro h2 {
      font-size: 25px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #page__content .page__content--intro h2 {
      font-size: 30px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #page__content .page__content--intro h2 {
      font-size: 40px; } }
  @media (min-width: 1200px) {
    #page__content .page__content--intro h2 {
      font-size: 50px; } }
  @media (max-width: 767px) {
    #page__content .page__content--intro h2 {
      line-height: 35px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #page__content .page__content--intro h2 {
      line-height: 40px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #page__content .page__content--intro h2 {
      line-height: 50px; } }
  @media (min-width: 1200px) {
    #page__content .page__content--intro h2 {
      line-height: 60px; } }
  @media (max-width: 767px) {
    #page__content .page__content--general {
      padding: 20px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #page__content .page__content--general {
      padding: 30px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #page__content .page__content--general {
      padding: 40px 0; } }
  @media (min-width: 1200px) {
    #page__content .page__content--general {
      padding: 80px 0; } }

.graph-key {
  margin-top: 60px; }
  .graph-key h3 {
    margin: 0 !important; }

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

@media (max-width: 767px) {
  .page-template-about .graph-key {
    display: none; } }

.informational__bar {
  background: white;
  border-bottom: 1px solid #d2d9dd;
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0; }
  .informational__bar p {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px; }
    @media (max-width: 767px) {
      .informational__bar p {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .informational__bar p {
        font-size: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .informational__bar p {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .informational__bar p {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .informational__bar p {
        line-height: 22px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .informational__bar p {
        line-height: 22px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .informational__bar p {
        line-height: 24px; } }
    @media (min-width: 1200px) {
      .informational__bar p {
        line-height: 24px; } }
  @media (max-width: 767px) {
    .informational__bar .col-lg-3 {
      margin-top: 15px; } }
  @media (min-width: 768px) {
    .informational__bar .entry-meta {
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 768px) {
    .informational__bar .entry__meta--cat {
      display: inline-block;
      vertical-align: middle;
      margin-left: 0 !important; } }
  .informational__bar h1 {
    margin: 0 !important; }
    @media (max-width: 767px) {
      .informational__bar h1 {
        font-size: 25px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .informational__bar h1 {
        font-size: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .informational__bar h1 {
        font-size: 35px; } }
    @media (min-width: 1200px) {
      .informational__bar h1 {
        font-size: 45px; } }
    @media (max-width: 767px) {
      .informational__bar h1 {
        line-height: 35px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .informational__bar h1 {
        line-height: 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .informational__bar h1 {
        line-height: 45px; } }
    @media (min-width: 1200px) {
      .informational__bar h1 {
        line-height: 55px; } }

.standard__loader {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  opacity: 1;
  background: #2b3339; }
  .standard__loader.load {
    top: -100%;
    transition: all .4s ease-in-out; }

#page__content--standard {
  position: relative;
  background: white; }
  @media (max-width: 767px) {
    #page__content--standard {
      top: 40vh; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #page__content--standard {
      top: 45vh; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #page__content--standard {
      top: 50vh; } }
  @media (min-width: 1200px) {
    #page__content--standard {
      top: 50vh; } }

#page__content--minimal {
  position: relative;
  background: white; }
  #page__content--minimal .page__content--inner {
    background: white; }
    @media (max-width: 767px) {
      #page__content--minimal .page__content--inner {
        padding: 40px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__content--minimal .page__content--inner {
        padding: 30px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__content--minimal .page__content--inner {
        padding: 40px; } }
    @media (min-width: 1200px) {
      #page__content--minimal .page__content--inner {
        padding: 30px 0; } }

#page__content--sub {
  position: relative;
  background: white; }
  #page__content--sub .page__content--inner {
    background: white;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767px) {
      #page__content--sub .page__content--inner {
        padding: 40px 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__content--sub .page__content--inner {
        padding: 40px 15px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__content--sub .page__content--inner {
        padding: 40px 15px; } }
    @media (min-width: 1200px) {
      #page__content--sub .page__content--inner {
        padding: 80px 0; } }

#page__content--content {
  position: relative;
  background: white; }
  @media (min-width: 768px) {
    #page__content--content {
      top: calc(100vh - 87px); } }
  @media (max-width: 767px) {
    #page__content--content {
      top: 100vh; } }
  #page__content--content .page__content--inner {
    background: white;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767px) {
      #page__content--content .page__content--inner {
        padding: 40px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__content--content .page__content--inner {
        padding: 40px 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__content--content .page__content--inner {
        padding: 40px 0; } }
    @media (min-width: 1200px) {
      #page__content--content .page__content--inner {
        padding: 80px 0; } }

.sub__navigation {
  display: none; }
  @media (min-width: 768px) {
    .sub__navigation {
      display: block;
      text-align: center;
      border-bottom: 1px solid #d2d9dd; } }
  @media (min-width: 768px) and (max-width: 767px) {
    .sub__navigation {
      padding: 40px 0; } }
  @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .sub__navigation {
      padding: 25px 0; } }
  @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
    .sub__navigation {
      padding: 30px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .sub__navigation {
      padding: 20px 0; } }
  @media (min-width: 768px) {
      .sub__navigation .filter__cat--menu {
        display: inline-block; } }

#page__header--content {
  min-height: 400px;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #64bc46;
  transition: all .2s ease-in-out;
  background-size: cover !important;
  text-align: center; }
  #page__header--content p {
    font-weight: 400;
    margin: 0 auto;
    color: white !important; }
    @media (max-width: 767px) {
      #page__header--content p {
        font-size: 16px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__header--content p {
        font-size: 17px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__header--content p {
        font-size: 18px; } }
    @media (min-width: 1200px) {
      #page__header--content p {
        font-size: 20px; } }
    @media (max-width: 767px) {
      #page__header--content p {
        line-height: 26px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__header--content p {
        line-height: 27px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__header--content p {
        line-height: 28px; } }
    @media (min-width: 1200px) {
      #page__header--content p {
        line-height: 30px; } }
    @media (min-width: 1200px) {
      #page__header--content p {
        width: 65%; } }
  @media (min-width: 768px) {
    #page__header--content {
      height: calc(100vh - 87px); } }
  @media (max-width: 767px) {
    #page__header--content {
      height: 100vh; } }
  #page__header--content .container, #page__header--content .row {
    height: 100%; }
  #page__header--content .alignment-container {
    vertical-align: middle;
    display: table-cell; }
  #page__header--content .alignment-container-wrapper {
    display: table;
    height: 100%; }
    #page__header--content .alignment-container-wrapper h1 {
      margin: 0 !important;
      color: #64bc46 !important; }
      @media (max-width: 767px) {
        #page__header--content .alignment-container-wrapper h1 {
          font-size: 25px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--content .alignment-container-wrapper h1 {
          font-size: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--content .alignment-container-wrapper h1 {
          font-size: 45px; } }
      @media (min-width: 1200px) {
        #page__header--content .alignment-container-wrapper h1 {
          font-size: 100px; } }
      @media (max-width: 767px) {
        #page__header--content .alignment-container-wrapper h1 {
          line-height: 35px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--content .alignment-container-wrapper h1 {
          line-height: 45px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--content .alignment-container-wrapper h1 {
          line-height: 55px; } }
      @media (min-width: 1200px) {
        #page__header--content .alignment-container-wrapper h1 {
          line-height: 120px; } }

#page__header--success, #page__header--404, .success .page-header__success {
  width: 100%;
  height: calc(100vh - 250px);
  background: #64bc46;
  transition: all .2s ease-in-out;
  background-size: cover !important;
  text-align: center; }
  #page__header--success p, #page__header--404 p, .success .page-header__success p {
    font-weight: 400;
    margin: 0 auto;
    color: white !important; }
    @media (max-width: 767px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        font-size: 16px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        font-size: 17px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        font-size: 18px; } }
    @media (min-width: 1200px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        font-size: 20px; } }
    @media (max-width: 767px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        line-height: 26px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        line-height: 27px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        line-height: 28px; } }
    @media (min-width: 1200px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        line-height: 30px; } }
    @media (min-width: 1200px) {
      #page__header--success p, #page__header--404 p, .success .page-header__success p {
        width: 65%; } }
  #page__header--success .container, #page__header--success .row, #page__header--404 .container, #page__header--404 .row, .success .page-header__success .container, .success .page-header__success .row {
    height: 100%; }
  #page__header--success .alignment-container, #page__header--404 .alignment-container, .success .page-header__success .alignment-container {
    vertical-align: middle;
    display: table-cell; }
  #page__header--success .fa, #page__header--404 .fa, .success .page-header__success .fa {
    font-size: 100px;
    color: white;
    margin-bottom: 20px; }
  #page__header--success .alignment-container-wrapper, #page__header--404 .alignment-container-wrapper, .success .page-header__success .alignment-container-wrapper {
    display: table;
    height: 100%; }
    #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
      color: white !important;
      margin-bottom: 15px !important; }
      @media (max-width: 767px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          font-size: 25px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          font-size: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          font-size: 45px; } }
      @media (min-width: 1200px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          font-size: 55px; } }
      @media (max-width: 767px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          line-height: 35px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          line-height: 45px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          line-height: 55px; } }
      @media (min-width: 1200px) {
        #page__header--success .alignment-container-wrapper h1, #page__header--404 .alignment-container-wrapper h1, .success .page-header__success .alignment-container-wrapper h1 {
          line-height: 65px; } }

.success .page-header__success {
  background: #64bc46 !important; }

.error404 #page__header--404 {
  background-size: auto !important; }

.success .get__coffee--touch {
  display: none; }

.darktheme .nav__fixed--main polygon, .darktheme .nav__fixed--main path, .darktheme .nav__fixed--main rect, .darktheme .nav__fixed--main circle {
  fill: #2b3339; }

.darktheme #page__header--minimal h1, .darktheme #page__header--minimal h3, .darktheme #page__header--minimal p, .darktheme #page__header--made h1, .darktheme #page__header--made h3, .darktheme #page__header--made p, .darktheme #page__header--content h1, .darktheme #page__header--content h3, .darktheme #page__header--content p, .darktheme #page__header--sub h1, .darktheme #page__header--sub h3, .darktheme #page__header--sub p {
  color: #2b3339 !important; }

.lighttheme .nav__fixed--main polygon, .lighttheme .nav__fixed--main path, .lighttheme .nav__fixed--main rect, .lighttheme .nav__fixed--main circle {
  fill: white; }

.lighttheme #page__header--minimal h1, .lighttheme #page__header--minimal h3, .lighttheme #page__header--minimal p, .lighttheme #page__header--made h1, .lighttheme #page__header--made h3, .lighttheme #page__header--made p, .lighttheme #page__header--content h1, .lighttheme #page__header--content h3, .lighttheme #page__header--content p, .lighttheme #page__header--sub h1, .lighttheme #page__header--sub h3, .lighttheme #page__header--sub p {
  color: white !important; }

#page__header--sub {
  width: 100%;
  background: #FFFFFF;
  transition: all .2s ease-in-out;
  background-size: cover !important;
  text-align: center;
  padding: 100px 0 55px 0; }
  #page__header--sub .container, #page__header--sub .row {
    height: 100%; }
  #page__header--sub .alignment-container {
    vertical-align: middle;
    display: table-cell; }
  #page__header--sub .alignment-container-wrapper {
    display: table;
    height: 100%; }
    #page__header--sub .alignment-container-wrapper h1 {
      margin: 0 !important; }
      @media (max-width: 767px) {
        #page__header--sub .alignment-container-wrapper h1 {
          font-size: 23px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--sub .alignment-container-wrapper h1 {
          font-size: 55px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--sub .alignment-container-wrapper h1 {
          font-size: 75px; } }
      @media (min-width: 1200px) {
        #page__header--sub .alignment-container-wrapper h1 {
          font-size: 90px; } }
      @media (max-width: 767px) {
        #page__header--sub .alignment-container-wrapper h1 {
          line-height: 33px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--sub .alignment-container-wrapper h1 {
          line-height: 65px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--sub .alignment-container-wrapper h1 {
          line-height: 85px; } }
      @media (min-width: 1200px) {
        #page__header--sub .alignment-container-wrapper h1 {
          line-height: 80px; } }

.single-post #page__header--sub {
  height: 50vh;
  padding: 0; }

.made_column_two {
  float: left; }
  @media (max-width: 767px) {
    .made_column_two {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made_column_two {
      width: 50%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .made_column_two {
      width: 50%; } }
  @media (min-width: 1200px) {
    .made_column_two {
      width: 50%; } }

.made_column_four {
  float: left; }
  @media (max-width: 767px) {
    .made_column_four {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made_column_four {
      width: 50%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .made_column_four {
      width: 25%; } }
  @media (min-width: 1200px) {
    .made_column_four {
      width: 25%; } }

.made_column_three {
  float: left; }
  @media (max-width: 767px) {
    .made_column_three {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .made_column_three {
      width: 33.3333333333333333333%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .made_column_three {
      width: 33.3333333333333333333%; } }
  @media (min-width: 1200px) {
    .made_column_three {
      width: 33.3333333333333333333%; } }

#page__content--full {
  position: relative;
  background: white;
  top: calc(100vh - 137px); }
  #page__content--full .page__content--inner {
    background: white; }
    @media (max-width: 767px) {
      #page__content--full .page__content--inner {
        padding: 40px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #page__content--full .page__content--inner {
        padding: 50px 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #page__content--full .page__content--inner {
        padding: 40px 0; } }
    @media (min-width: 1200px) {
      #page__content--full .page__content--inner {
        padding: 80px 0; } }

#page__header--made {
  text-align: center;
  transition: all .2s ease-in-out;
  width: 100%;
  position: fixed;
  background: #64bc46;
  transition: all .2s ease-in-out;
  background-position: center top !important;
  background-size: cover !important; }
  @media (min-width: 1200px) {
    #page__header--made {
      height: calc(100vh - 137px);
      min-height: 700px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #page__header--made {
      height: calc(100vh - 126px);
      min-height: 600px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #page__header--made {
      height: calc(100vh - 119px);
      min-height: 500px; } }
  @media (max-width: 767px) {
    #page__header--made {
      height: calc(100vh - 165px);
      min-height: 450px; } }

#page__header--minimal {
  width: 100%;
  background: #ffffff;
  transition: all .2s ease-in-out;
  background-size: cover !important;
  text-align: center;
  padding: 110px 0 55px 0; }
  #page__header--minimal .container, #page__header--minimal .row {
    height: 100%; }
  #page__header--minimal .alignment-container {
    vertical-align: middle;
    display: table-cell; }
  #page__header--minimal .alignment-container-wrapper {
    display: table; }
    #page__header--minimal .alignment-container-wrapper h1 {
      margin: 0 !important;
      color: #2b3339; }
      @media (max-width: 767px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          font-size: 23px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          font-size: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          font-size: 45px; } }
      @media (min-width: 1200px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          font-size: 40px; } }
      @media (max-width: 767px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          line-height: 33px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          line-height: 45px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          line-height: 55px; } }
      @media (min-width: 1200px) {
        #page__header--minimal .alignment-container-wrapper h1 {
          line-height: 50px; } }

.no__results {
  background: #64bc46;
  padding: 120px 40px;
  text-align: center;
  opacity: 0;
  display: none; }
  .no__results.show {
    display: block !important;
    opacity: 1 !important; }
  .no__results h3 {
    color: white;
    text-transform: uppercase;
    margin: 0; }

.related-blog-grid {
  border-top: 1px solid #d2d9dd; }
  .related-blog-grid .general-blog-icon {
    position: absolute;
    z-index: 10;
    top: 40px;
    right: 40px;
    font-size: 30px;
    color: #fff; }
  @media (min-width: 1200px) {
    .related-blog-grid li:nth-child(5n+1), .related-blog-grid li:nth-child(5n+3), .related-blog-grid li:nth-child(9) {
      background: white; }
      .related-blog-grid li:nth-child(5n+1) a:hover path, .related-blog-grid li:nth-child(5n+1) a:hover rect, .related-blog-grid li:nth-child(5n+1) a:hover polygon, .related-blog-grid li:nth-child(5n+3) a:hover path, .related-blog-grid li:nth-child(5n+3) a:hover rect, .related-blog-grid li:nth-child(5n+3) a:hover polygon, .related-blog-grid li:nth-child(9) a:hover path, .related-blog-grid li:nth-child(9) a:hover rect, .related-blog-grid li:nth-child(9) a:hover polygon {
        transition: all .2s ease-in-out;
        fill: #2b3339; }
      .related-blog-grid li:nth-child(5n+1) a:hover circle, .related-blog-grid li:nth-child(5n+3) a:hover circle, .related-blog-grid li:nth-child(9) a:hover circle {
        transition: all .2s ease-in-out;
        stroke: #2b3339; }
      .related-blog-grid li:nth-child(5n+1) a:hover h3, .related-blog-grid li:nth-child(5n+1) a:hover p, .related-blog-grid li:nth-child(5n+3) a:hover h3, .related-blog-grid li:nth-child(5n+3) a:hover p, .related-blog-grid li:nth-child(9) a:hover h3, .related-blog-grid li:nth-child(9) a:hover p {
        color: #2b3339; }
      .related-blog-grid li:nth-child(5n+1) h1, .related-blog-grid li:nth-child(5n+1) p, .related-blog-grid li:nth-child(5n+1) a, .related-blog-grid li:nth-child(5n+3) h1, .related-blog-grid li:nth-child(5n+3) p, .related-blog-grid li:nth-child(5n+3) a, .related-blog-grid li:nth-child(9) h1, .related-blog-grid li:nth-child(9) p, .related-blog-grid li:nth-child(9) a {
        color: #2b3339; }
      .related-blog-grid li:nth-child(5n+1) path, .related-blog-grid li:nth-child(5n+1) rect, .related-blog-grid li:nth-child(5n+1) polygon, .related-blog-grid li:nth-child(5n+3) path, .related-blog-grid li:nth-child(5n+3) rect, .related-blog-grid li:nth-child(5n+3) polygon, .related-blog-grid li:nth-child(9) path, .related-blog-grid li:nth-child(9) rect, .related-blog-grid li:nth-child(9) polygon {
        fill: #2b3339 !important; }
      .related-blog-grid li:nth-child(5n+1) circle, .related-blog-grid li:nth-child(5n+3) circle, .related-blog-grid li:nth-child(9) circle {
        stroke: #2b3339 !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .related-blog-grid li:nth-child(2n + 1) {
      background: white; }
      .related-blog-grid li:nth-child(2n + 1) a:hover path, .related-blog-grid li:nth-child(2n + 1) a:hover rect, .related-blog-grid li:nth-child(2n + 1) a:hover polygon {
        transition: all .2s ease-in-out;
        fill: #2b3339; }
      .related-blog-grid li:nth-child(2n + 1) a:hover circle {
        transition: all .2s ease-in-out;
        stroke: #2b3339; }
      .related-blog-grid li:nth-child(2n + 1) a:hover h3, .related-blog-grid li:nth-child(2n + 1) a:hover p {
        color: #2b3339; }
      .related-blog-grid li:nth-child(2n + 1) h1, .related-blog-grid li:nth-child(2n + 1) p, .related-blog-grid li:nth-child(2n + 1) a {
        color: #2b3339; }
      .related-blog-grid li:nth-child(2n + 1) path, .related-blog-grid li:nth-child(2n + 1) rect, .related-blog-grid li:nth-child(2n + 1) polygon {
        fill: #2b3339 !important; }
      .related-blog-grid li:nth-child(2n + 1) circle {
        stroke: #2b3339 !important; } }
  @media (max-width: 768px) {
    .related-blog-grid li:nth-child(2n) {
      background: white; }
      .related-blog-grid li:nth-child(2n) a:hover path, .related-blog-grid li:nth-child(2n) a:hover rect, .related-blog-grid li:nth-child(2n) a:hover polygon {
        transition: all .2s ease-in-out;
        fill: #2b3339; }
      .related-blog-grid li:nth-child(2n) a:hover circle {
        transition: all .2s ease-in-out;
        stroke: #2b3339; }
      .related-blog-grid li:nth-child(2n) a:hover h3, .related-blog-grid li:nth-child(2n) a:hover p {
        color: #2b3339; }
      .related-blog-grid li:nth-child(2n) h1, .related-blog-grid li:nth-child(2n) p, .related-blog-grid li:nth-child(2n) a {
        color: #2b3339; }
      .related-blog-grid li:nth-child(2n) path, .related-blog-grid li:nth-child(2n) rect, .related-blog-grid li:nth-child(2n) polygon {
        fill: #2b3339 !important; }
      .related-blog-grid li:nth-child(2n) circle {
        stroke: #2b3339 !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .related-blog-grid li:nth-child(2n), .related-blog-grid li:nth-child(3n), .related-blog-grid li:nth-child(6n) {
      background: white; }
      .related-blog-grid li:nth-child(2n) a:hover path, .related-blog-grid li:nth-child(2n) a:hover rect, .related-blog-grid li:nth-child(2n) a:hover polygon, .related-blog-grid li:nth-child(3n) a:hover path, .related-blog-grid li:nth-child(3n) a:hover rect, .related-blog-grid li:nth-child(3n) a:hover polygon, .related-blog-grid li:nth-child(6n) a:hover path, .related-blog-grid li:nth-child(6n) a:hover rect, .related-blog-grid li:nth-child(6n) a:hover polygon {
        transition: all .2s ease-in-out;
        fill: #2b3339; }
      .related-blog-grid li:nth-child(2n) a:hover circle, .related-blog-grid li:nth-child(3n) a:hover circle, .related-blog-grid li:nth-child(6n) a:hover circle {
        transition: all .2s ease-in-out;
        stroke: #2b3339; }
      .related-blog-grid li:nth-child(2n) a:hover h3, .related-blog-grid li:nth-child(2n) a:hover p, .related-blog-grid li:nth-child(3n) a:hover h3, .related-blog-grid li:nth-child(3n) a:hover p, .related-blog-grid li:nth-child(6n) a:hover h3, .related-blog-grid li:nth-child(6n) a:hover p {
        color: #2b3339; }
      .related-blog-grid li:nth-child(2n) h1, .related-blog-grid li:nth-child(2n) p, .related-blog-grid li:nth-child(2n) a, .related-blog-grid li:nth-child(3n) h1, .related-blog-grid li:nth-child(3n) p, .related-blog-grid li:nth-child(3n) a, .related-blog-grid li:nth-child(6n) h1, .related-blog-grid li:nth-child(6n) p, .related-blog-grid li:nth-child(6n) a {
        color: #2b3339; }
      .related-blog-grid li:nth-child(2n) path, .related-blog-grid li:nth-child(2n) rect, .related-blog-grid li:nth-child(2n) polygon, .related-blog-grid li:nth-child(3n) path, .related-blog-grid li:nth-child(3n) rect, .related-blog-grid li:nth-child(3n) polygon, .related-blog-grid li:nth-child(6n) path, .related-blog-grid li:nth-child(6n) rect, .related-blog-grid li:nth-child(6n) polygon {
        fill: #2b3339 !important; }
      .related-blog-grid li:nth-child(2n) circle, .related-blog-grid li:nth-child(3n) circle, .related-blog-grid li:nth-child(6n) circle {
        stroke: #2b3339 !important; } }
  @media (max-width: 767px) {
    .related-blog-grid li {
      display: none !important; }
      .related-blog-grid li:nth-child(-n+2) {
        display: block !important; } }
  @media (min-width: 1200px) and (max-width: 1700px) {
    .related-blog-grid li {
      display: none !important; }
      .related-blog-grid li:nth-child(-n+3) {
        display: block !important; } }

.work-grid, .related-blog-grid {
  list-style: none;
  margin: 0;
  padding: 0; }
  .work-grid:after, .related-blog-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .work-grid li, .related-blog-grid li {
    background: #2b3339;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0; }
    /*.work-grid li:after, .related-blog-grid li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }*/
    .work-grid li h3, .work-grid li p, .related-blog-grid li h3, .related-blog-grid li p {
      transition: all .2s ease-in-out; }
    .work-grid li path, .work-grid li rect, .work-grid li polygon, .related-blog-grid li path, .related-blog-grid li rect, .related-blog-grid li polygon {
      transition: all .2s ease-in-out;
      fill: white !important; }
    .work-grid li circle, .related-blog-grid li circle {
      transition: all .2s ease-in-out;
      stroke: white !important; }
    .work-grid li a, .related-blog-grid li a {
      transition: all .2s ease-in-out;
      border-bottom: 0px solid #2b3339; }
      .work-grid li a:hover, .related-blog-grid li a:hover {
        transition: all .2s ease-in-out;
        border-bottom: 15px solid #64bc46; }
        .work-grid li a:hover .grid-content, .related-blog-grid li a:hover .grid-content {
          transition: all .2s ease-in-out;
          bottom: 20px; }
        .work-grid li a:hover path, .work-grid li a:hover rect, .work-grid li a:hover polygon, .related-blog-grid li a:hover path, .related-blog-grid li a:hover rect, .related-blog-grid li a:hover polygon {
          transition: all .2s ease-in-out;
          fill: white; }
        .work-grid li a:hover circle, .related-blog-grid li a:hover circle {
          transition: all .2s ease-in-out;
          stroke: white; }
        .work-grid li a:hover h3, .work-grid li a:hover p, .related-blog-grid li a:hover h3, .related-blog-grid li a:hover p {
          color: white; }
    .work-grid li .subtext, .related-blog-grid li .subtext {
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          line-height: 22px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          line-height: 22px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          line-height: 24px; } }
      @media (min-width: 1200px) {
        .work-grid li .subtext, .related-blog-grid li .subtext {
          line-height: 24px; } }
    .work-grid li h3, .related-blog-grid li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .work-grid li h3, .related-blog-grid li h3 {
          font-size: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .work-grid li h3, .related-blog-grid li h3 {
          font-size: 25px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .work-grid li h3, .related-blog-grid li h3 {
          font-size: 30px; } }
      @media (min-width: 1200px) {
        .work-grid li h3, .related-blog-grid li h3 {
          font-size: 35px; } }
      @media (max-width: 767px) {
        .work-grid li h3, .related-blog-grid li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .work-grid li h3, .related-blog-grid li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .work-grid li h3, .related-blog-grid li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .work-grid li h3, .related-blog-grid li h3 {
          line-height: 45px; } }
    .work-grid li .grid-content, .related-blog-grid li .grid-content {
      position: absolute;
      bottom: 0;
      display: block;
      left: 0;
      margin: 40px;
      transition: all .2s ease-in-out; }
    .work-grid li.image-grid-block a, .work-grid li.image-grid-block h3, .work-grid li.image-grid-block p, .related-blog-grid li.image-grid-block a, .related-blog-grid li.image-grid-block h3, .related-blog-grid li.image-grid-block p {
      color: white !important; }
    .work-grid li.image-grid-block img, .related-blog-grid li.image-grid-block img {
      width: 100%;
      height: 100%;
      transition: all .2s ease-in-out;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0; }
    .work-grid li.image-grid-block:hover a, .related-blog-grid li.image-grid-block:hover a {
      transition: all .2s ease-in-out;
      background: rgba(43, 51, 57, 0.7); }
    .work-grid li.image-grid-block:hover img, .related-blog-grid li.image-grid-block:hover img {
      transition: all .2s ease-in-out;
      transform: scale(1.05); }
    .work-grid li.image-grid-block:hover .grid-content, .related-blog-grid li.image-grid-block:hover .grid-content {
      transition: all .2s ease-in-out;
      animation-delay: 5s;
      opacity: 1; }
    .work-grid li.image-grid-block .grid-content, .related-blog-grid li.image-grid-block .grid-content {
      transition: all .2s ease-in-out;
      opacity: 0; }
      @media (max-width: 767px) {
        .work-grid li.image-grid-block .grid-content, .related-blog-grid li.image-grid-block .grid-content {
          opacity: 1 !important; } }
    @media (max-width: 767px) {
      .work-grid li, .related-blog-grid li {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .work-grid li, .related-blog-grid li {
        width: 50%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .work-grid li, .related-blog-grid li {
        width: 50%; } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .work-grid li, .related-blog-grid li {
        width: 33.3333333333333333%; } }
    @media (min-width: 1700px) {
      .work-grid li, .related-blog-grid li {
        width: 25%; } }
    .work-grid li:before, .related-blog-grid li:before {
      content: ' ';
      display: block;
      padding-top: 100%;
      float: left; }
  .work-grid a, .related-blog-grid a {
    display: block;
    float: left;
    position: absolute;
    width: 100%;
    color: white;
    height: 100%; }
    .work-grid a:after, .related-blog-grid a:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }

.blog-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 0 auto !important;
  border-top: 1px solid #d2d9dd;
  border-bottom: 1px solid #d2d9dd; }
  .blog-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .blog-grid li {
    background: #2b3339;
    position: relative;
    float: left;
    border-bottom: none;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0px !important;
    overflow: hidden; }
    /*.blog-grid li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }*/
    .blog-grid li path, .blog-grid li rect, .blog-grid li polygon {
      transition: all .2s ease-in-out;
      fill: white !important; }
    .blog-grid li circle {
      transition: all .2s ease-in-out;
      stroke: white !important; }
    .blog-grid li a {
      border-bottom: 0px solid #2b3339; }
      .blog-grid li a:hover {
        transition: all .2s ease-in-out;
        border-bottom: 15px solid #64bc46; }
        .blog-grid li a:hover .general__icon--bolt, .blog-grid li a:hover .general__icon--wrench, .blog-grid li a:hover .general__icon--pencil, .blog-grid li a:hover .general__icon--bulb {
          fill: #64bc46 !important; }
        .blog-grid li a:hover .grid-content {
          bottom: 20px; }
        .blog-grid li a:hover path, .blog-grid li a:hover rect, .blog-grid li a:hover polygon {
          transition: all .2s ease-in-out;
          fill: white; }
        .blog-grid li a:hover circle {
          transition: all .2s ease-in-out;
          stroke: white; }
        .blog-grid li a:hover h3, .blog-grid li a:hover p {
          color: white; }
    @media (max-width: 767px) {
      .blog-grid li {
        display: none !important; }
        .blog-grid li:nth-child(-n+3) {
          display: block !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .blog-grid li {
        display: none !important; }
        .blog-grid li:nth-child(-n+6) {
          display: block !important; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .blog-grid li {
        display: none !important; }
        .blog-grid li:nth-child(-n+9) {
          display: block !important; } }
    @media (min-width: 1400px) {
      .blog-grid li.lg-light {
        background: white; }
        .blog-grid li.lg-light a:hover path, .blog-grid li.lg-light a:hover rect, .blog-grid li.lg-light a:hover polygon {
          transition: all .2s ease-in-out;
          fill: #2b3339; }
        .blog-grid li.lg-light a:hover circle {
          transition: all .2s ease-in-out;
          stroke: #2b3339; }
        .blog-grid li.lg-light a:hover h3, .blog-grid li.lg-light a:hover p {
          color: #2b3339; }
        .blog-grid li.lg-light h1, .blog-grid li.lg-light p, .blog-grid li.lg-light a {
          color: #2b3339; }
        .blog-grid li.lg-light path, .blog-grid li.lg-light rect, .blog-grid li.lg-light polygon {
          fill: #2b3339 !important; }
        .blog-grid li.lg-light circle {
          stroke: #2b3339 !important; } }
    @media (min-width: 1192px) and (max-width: 1399px) {
      .blog-grid li.md-light {
        background: white; }
        .blog-grid li.md-light a:hover path, .blog-grid li.md-light a:hover rect, .blog-grid li.md-light a:hover polygon {
          transition: all .2s ease-in-out;
          fill: #2b3339; }
        .blog-grid li.md-light a:hover circle {
          transition: all .2s ease-in-out;
          stroke: #2b3339; }
        .blog-grid li.md-light a:hover h3, .blog-grid li.md-light a:hover p {
          color: #2b3339; }
        .blog-grid li.md-light h1, .blog-grid li.md-light p, .blog-grid li.md-light a {
          color: #2b3339; }
        .blog-grid li.md-light path, .blog-grid li.md-light rect, .blog-grid li.md-light polygon {
          fill: #2b3339 !important; }
        .blog-grid li.md-light circle {
          stroke: #2b3339 !important; } }
    @media (max-width: 967px) {
      .blog-grid li.ex-light {
        background: white; }
        .blog-grid li.ex-light a:hover path, .blog-grid li.ex-light a:hover rect, .blog-grid li.ex-light a:hover polygon {
          transition: all .2s ease-in-out;
          fill: #2b3339; }
        .blog-grid li.ex-light a:hover circle {
          transition: all .2s ease-in-out;
          stroke: #2b3339; }
        .blog-grid li.ex-light a:hover h3, .blog-grid li.ex-light a:hover p {
          color: #2b3339; }
        .blog-grid li.ex-light h1, .blog-grid li.ex-light p, .blog-grid li.ex-light a {
          color: #2b3339; }
        .blog-grid li.ex-light path, .blog-grid li.ex-light rect, .blog-grid li.ex-light polygon {
          fill: #2b3339 !important; }
        .blog-grid li.ex-light circle {
          stroke: #2b3339 !important; } }
    @media (min-width: 968px) and (max-width: 1191px) {
      .blog-grid li.sm-light {
        background: white; }
        .blog-grid li.sm-light a:hover path, .blog-grid li.sm-light a:hover rect, .blog-grid li.sm-light a:hover polygon {
          transition: all .2s ease-in-out;
          fill: #2b3339; }
        .blog-grid li.sm-light a:hover circle {
          transition: all .2s ease-in-out;
          stroke: #2b3339; }
        .blog-grid li.sm-light a:hover h3, .blog-grid li.sm-light a:hover p {
          color: #2b3339; }
        .blog-grid li.sm-light h1, .blog-grid li.sm-light p, .blog-grid li.sm-light a {
          color: #2b3339; }
        .blog-grid li.sm-light path, .blog-grid li.sm-light rect, .blog-grid li.sm-light polygon {
          fill: #2b3339 !important; }
        .blog-grid li.sm-light circle {
          stroke: #2b3339 !important; } }
    .blog-grid li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 40px;
      right: 40px;
      font-size: 30px;
      color: #fff; }
    .blog-grid li .subtext {
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .blog-grid li .subtext {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .blog-grid li .subtext {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .blog-grid li .subtext {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .blog-grid li .subtext {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .blog-grid li .subtext {
          line-height: 22px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .blog-grid li .subtext {
          line-height: 22px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .blog-grid li .subtext {
          line-height: 24px; } }
      @media (min-width: 1200px) {
        .blog-grid li .subtext {
          line-height: 24px; } }
    .blog-grid li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .blog-grid li h3 {
          font-size: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .blog-grid li h3 {
          font-size: 25px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .blog-grid li h3 {
          font-size: 27px; } }
      @media (min-width: 1200px) {
        .blog-grid li h3 {
          font-size: 35px; } }
      @media (max-width: 767px) {
        .blog-grid li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .blog-grid li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .blog-grid li h3 {
          line-height: 37px; } }
      @media (min-width: 1200px) {
        .blog-grid li h3 {
          line-height: 45px; } }
    .blog-grid li .grid-content {
      position: absolute;
      bottom: 0;
      display: block;
      left: 0;
      margin: 40px;
      transition: all .2s ease-in-out; }
    .blog-grid li.image-grid-block a, .blog-grid li.image-grid-block h3, .blog-grid li.image-grid-block p {
      color: white !important; }
    .blog-grid li.image-grid-block img {
      width: 100%;
      height: auto;
      transition: all .2s ease-in-out;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0; }
    .blog-grid li.image-grid-block:hover a {
      transition: all .2s ease-in-out;
      background: rgba(43, 51, 57, 0.7); }
    .blog-grid li.image-grid-block:hover img {
      transition: all .2s ease-in-out;
      transform: scale(1.05); }
    .blog-grid li.image-grid-block:hover .grid-content {
      transition: all .2s ease-in-out;
      animation-delay: 5s;
      opacity: 1; }
    .blog-grid li.image-grid-block .grid-content {
      transition: all .2s ease-in-out;
      opacity: 0; }
      @media (max-width: 767px) {
        .blog-grid li.image-grid-block .grid-content {
          opacity: 1 !important; } }
    @media (max-width: 767px) {
      .blog-grid li {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .blog-grid li {
        width: 50%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .blog-grid li {
        width: 50%; } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .blog-grid li {
        width: 33.3333333333333333%; } }
    @media (min-width: 1700px) {
      .blog-grid li {
        width: 25%; } }
    .blog-grid li:before {
      content: ' ';
      display: block;
      padding-top: 100%;
      float: left; }
  .blog-grid a {
    display: block;
    float: left;
    position: absolute;
    width: 100%;
    color: white;
    height: 100%; }
    .blog-grid a:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }

.client-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 0 auto !important; }
  .client-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .client-grid li {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0; }
    .client-grid li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .client-grid li:nth-child(7n) {
      border-right: 0 !important; }
    .client-grid li img {
      width: 100%;
      height: auto; }
    .client-grid li h3, .client-grid li p {
      transition: all .2s ease-in-out; }
    .client-grid li path, .client-grid li rect, .client-grid li polygon {
      transition: all .2s ease-in-out;
      fill: white !important; }
    .client-grid li circle {
      transition: all .2s ease-in-out;
      stroke: white !important; }
    .client-grid li .subtext {
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .client-grid li .subtext {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .client-grid li .subtext {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .client-grid li .subtext {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .client-grid li .subtext {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .client-grid li .subtext {
          line-height: 22px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .client-grid li .subtext {
          line-height: 22px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .client-grid li .subtext {
          line-height: 24px; } }
      @media (min-width: 1200px) {
        .client-grid li .subtext {
          line-height: 24px; } }
    .client-grid li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .client-grid li h3 {
          font-size: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .client-grid li h3 {
          font-size: 25px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .client-grid li h3 {
          font-size: 30px; } }
      @media (min-width: 1200px) {
        .client-grid li h3 {
          font-size: 35px; } }
      @media (max-width: 767px) {
        .client-grid li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .client-grid li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .client-grid li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .client-grid li h3 {
          line-height: 45px; } }
    .client-grid li .grid-content {
      position: absolute;
      bottom: 0;
      display: block;
      left: 0;
      margin: 40px;
      transition: all .2s ease-in-out; }
    @media (max-width: 767px) {
      .client-grid li {
        width: 48%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .client-grid li {
        width: 30%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .client-grid li {
        width: 24%; } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .client-grid li {
        width: calc((100% / 6)); } }
    @media (min-width: 1700px) {
      .client-grid li {
        width: calc((100% / 8)); } }
    .client-grid li:before {
      content: ' ';
      display: block;
      padding-top: 100%;
      float: left; }
  .client-grid a {
    display: block;
    float: left;
    position: absolute;
    width: 100%;
    color: white;
    height: 100%; }
    .client-grid a:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }

.inner_section--header {
  height: 60vh;
  text-align: center; }
  .inner_section--header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .inner_section--header .alignment-container-wrapper {
    display: table;
    height: 100%; }
  .inner_section--header .alignment-container {
    vertical-align: middle;
    display: table-cell;
    color: white; }
    .inner_section--header .alignment-container p {
      margin: 0 !important; }
      @media (max-width: 767px) {
        .inner_section--header .alignment-container p {
          font-size: 16px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .inner_section--header .alignment-container p {
          font-size: 17px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .inner_section--header .alignment-container p {
          font-size: 18px; } }
      @media (min-width: 1200px) {
        .inner_section--header .alignment-container p {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .inner_section--header .alignment-container p {
          line-height: 26px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .inner_section--header .alignment-container p {
          line-height: 27px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .inner_section--header .alignment-container p {
          line-height: 28px; } }
      @media (min-width: 1200px) {
        .inner_section--header .alignment-container p {
          line-height: 30px; } }
    .inner_section--header .alignment-container h2 {
      margin: 0 !important; }
      @media (max-width: 767px) {
        .inner_section--header .alignment-container h2 {
          font-size: 25px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .inner_section--header .alignment-container h2 {
          font-size: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .inner_section--header .alignment-container h2 {
          font-size: 45px; } }
      @media (min-width: 1200px) {
        .inner_section--header .alignment-container h2 {
          font-size: 80px; } }
      @media (max-width: 767px) {
        .inner_section--header .alignment-container h2 {
          line-height: 35px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .inner_section--header .alignment-container h2 {
          line-height: 45px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .inner_section--header .alignment-container h2 {
          line-height: 55px; } }
      @media (min-width: 1200px) {
        .inner_section--header .alignment-container h2 {
          line-height: 120px; } }
  .inner_section--header .container, .inner_section--header .row {
    height: 100%; }

.capabilities-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 40px auto 0 auto !important;
  text-align: left !important; }
  .capabilities-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .capabilities-grid .blkbtn {
    margin-top: 35px; }
  .capabilities-grid > li {
    position: relative;
    background: #2b3339;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s ease-in-out; }
    @media (min-width: 767px) {
      .capabilities-grid > li:before {
        content: ' ';
        display: block;
        padding-top: 70%;
        float: left; } }
    @media (max-width: 767px) {
      .capabilities-grid > li {
        margin-right: 0 !important; } }
    @media (max-width: 1199px) {
      .capabilities-grid > li {
        background: #2b3339 !important; } }
    .capabilities-grid > li a {
      transition: all .2s ease-in-out;
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      width: 100%;
      min-height: 100%;
      overflow: hidden;
      border-bottom: 0px solid #2b3339;
      background: rgba(43, 51, 57, 0.85); }
      @media (max-width: 767px) {
        .capabilities-grid > li a {
          position: initial;
          display: block; } }
    .capabilities-grid > li .bar {
      position: absolute;
      bottom: -15px;
      left: 0;
      width: 100%;
      height: 15px;
      transition: all .2s ease-in-out; }
    .capabilities-grid > li:hover a {
      background: rgba(43, 51, 57, 0.5); }
    .capabilities-grid > li:hover .bar {
      bottom: 0;
      transition: all .2s ease-in-out; }
    .capabilities-grid > li#digital_marketing_block .bar {
      border-bottom: 15px solid #96c03d; }
    .capabilities-grid > li#digital_marketing_block:hover a .grid-content {
      transition: all .2s ease-in-out;
      bottom: 20px; }
    .capabilities-grid > li#digital_strat_block .bar {
      border-bottom: 15px solid #96c03d; }
    .capabilities-grid > li#digital_strat_block:hover a .grid-content {
      transition: all .2s ease-in-out;
      bottom: 20px; }
    .capabilities-grid > li#branding_design_block .bar {
      border-bottom: 15px solid #ffb251; }
    .capabilities-grid > li#branding_design_block:hover a .grid-content {
      transition: all .2s ease-in-out;
      bottom: 20px; }
    .capabilities-grid > li#atlassian_block .bar {
      border-bottom: 15px solid #59AFE1; }
    .capabilities-grid > li#atlassian_block:hover a .grid-content {
      transition: all .2s ease-in-out;
      bottom: 20px; }
    .capabilities-grid > li#web_app_block .bar {
      border-bottom: 15px solid #4a3553; }
    .capabilities-grid > li#web_app_block:hover a .grid-content {
      transition: all .2s ease-in-out;
      bottom: 20px; }
    .capabilities-grid > li .btn {
      margin-top: 10px; }
    .capabilities-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .capabilities-grid > li:nth-child(n+2) {
      margin-bottom: 0 !important; }
    @media (min-width: 768px) and (max-width: 991px) {
      .capabilities-grid > li:nth-child(2n) {
        margin-right: 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .capabilities-grid > li:nth-child(2n) {
        margin-right: 0; } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .capabilities-grid > li:nth-child(2n) {
        margin-right: 0; } }
    @media (min-width: 1700px) {
      .capabilities-grid > li:nth-child(2n) {
        margin-right: 0; } }
    .capabilities-grid > li h3 {
      color: white !important;
      transition: all .2s ease-in-out;
      margin: 30px 100px 0 20px !important; }
      @media (max-width: 767px) {
        .capabilities-grid > li h3 {
          font-size: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .capabilities-grid > li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .capabilities-grid > li h3 {
          font-size: 21px; } }
      @media (min-width: 1200px) {
        .capabilities-grid > li h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .capabilities-grid > li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .capabilities-grid > li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .capabilities-grid > li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .capabilities-grid > li h3 {
          line-height: 45px; } }
      @media (max-width: 767px) {
        .capabilities-grid > li h3 {
          margin: 30px 20px 0 20px !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .capabilities-grid > li h3 {
          margin: 30px 100px 0 20px !important; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .capabilities-grid > li h3 {
          margin: 30px 100px 0 20px !important; } }
    .capabilities-grid > li p {
      color: white !important;
      transition: all .2s ease-in-out;
      margin: 0 100px 30px 20px !important; }
      @media (max-width: 767px) {
        .capabilities-grid > li p {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .capabilities-grid > li p {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .capabilities-grid > li p {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .capabilities-grid > li p {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .capabilities-grid > li p {
          margin: 0 20px 30px 20px !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .capabilities-grid > li p {
          margin: 0 100px 30px 20px !important; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .capabilities-grid > li p {
          margin: 0 100px 30px 20px !important; } }
    .capabilities-grid > li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 20px;
      right: 20px;
      font-size: 30px;
      color: #fff;
      width: 60px;
      height: 60px; }
      @media (max-width: 767px) {
        .capabilities-grid > li .general-blog-icon {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .capabilities-grid > li .general-blog-icon {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .capabilities-grid > li .general-blog-icon {
          width: 55px;
          height: 55px; } }
      @media (min-width: 1200px) {
        .capabilities-grid > li .general-blog-icon {
          width: 60px;
          height: 60px; } }
    .capabilities-grid > li .grid-content {
      float: left;
      display: block;
      transition: all .2s ease-in-out; }
    @media (max-width: 767px) {
      .capabilities-grid > li {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .capabilities-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .capabilities-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .capabilities-grid > li {
        width: calc(((100% / 2) - 14px)); } }
    @media (min-width: 1700px) {
      .capabilities-grid > li {
        width: calc(((100% / 2) - 14px)); } }

.manifesto-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 40px auto 0 auto !important;
  text-align: left !important; }
  .manifesto-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .manifesto-grid > li {
    border: 1px solid #d2d9dd;
    background: white;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: 20px;
    transition: all .2s ease-in-out; }
    @media (max-width: 767px) {
      .manifesto-grid > li {
        margin-right: 0 !important; } }
    .manifesto-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .manifesto-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .manifesto-grid > li h3, .manifesto-grid > li p {
      color: #2b3339 !important;
      transition: all .2s ease-in-out; }
    .manifesto-grid > li p {
      margin: 0 20px 20px 20px; }
      @media (max-width: 767px) {
        .manifesto-grid > li p {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .manifesto-grid > li p {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .manifesto-grid > li p {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .manifesto-grid > li p {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .manifesto-grid > li p {
          margin-right: 0 !important; } }
      @media (min-width: 1200px) and (max-width: 1700px) {
        .manifesto-grid > li p {
          margin: 0; } }
      @media (min-width: 1700px) {
        .manifesto-grid > li p {
          margin: 0; } }
    .manifesto-grid > li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 20px;
      right: 20px;
      font-size: 30px;
      color: #fff; }
      @media (max-width: 767px) {
        .manifesto-grid > li .general-blog-icon {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .manifesto-grid > li .general-blog-icon {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .manifesto-grid > li .general-blog-icon {
          width: 55px;
          height: 55px; } }
      @media (min-width: 1200px) {
        .manifesto-grid > li .general-blog-icon {
          width: 60px;
          height: 60px; } }
    .manifesto-grid > li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .manifesto-grid > li h3 {
          font-size: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .manifesto-grid > li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .manifesto-grid > li h3 {
          font-size: 21px; } }
      @media (min-width: 1200px) {
        .manifesto-grid > li h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .manifesto-grid > li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .manifesto-grid > li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .manifesto-grid > li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .manifesto-grid > li h3 {
          line-height: 45px; } }
      @media (max-width: 767px) {
        .manifesto-grid > li h3 {
          margin: 20px 20px 0 20px !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .manifesto-grid > li h3 {
          margin: 20px 100px 0 20px !important; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .manifesto-grid > li h3 {
          margin: 20px 100px 0 20px !important; } }
    .manifesto-grid > li .grid-content {
      float: left;
      display: block;
      transition: all .2s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1700px) {
        .manifesto-grid > li .grid-content {
          margin: 20px 100px 20px 20px !important; } }
      @media (min-width: 1700px) {
        .manifesto-grid > li .grid-content {
          margin: 20px 100px 20px 20px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .manifesto-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .manifesto-grid > li {
        width: calc(((100% / 3) - 20px)); } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .manifesto-grid > li {
        width: calc(((100% / 3) - 20px)); } }
    @media (min-width: 1700px) {
      .manifesto-grid > li {
        width: calc(((100% / 3) - 20px)); } }

.atlassian-services-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 40px auto 0 auto !important;
  text-align: left !important; }
  .atlassian-services-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .atlassian-services-grid > li {
    border: 1px solid #d2d9dd;
    background: white;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: 20px;
    transition: all .2s ease-in-out; }
    @media (max-width: 767px) {
      .atlassian-services-grid > li {
        margin-right: 0 !important; } }
    .atlassian-services-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .atlassian-services-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .atlassian-services-grid > li h3, .atlassian-services-grid > li p {
      color: #2b3339 !important;
      transition: all .2s ease-in-out; }
    .atlassian-services-grid > li p {
      margin: 0; }
      @media (max-width: 767px) {
        .atlassian-services-grid > li p {
          font-size: 12px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-services-grid > li p {
          font-size: 12px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-services-grid > li p {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        .atlassian-services-grid > li p {
          font-size: 16px; } }
    .atlassian-services-grid > li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 20px;
      right: 20px;
      font-size: 30px;
      color: #fff; }
      @media (max-width: 767px) {
        .atlassian-services-grid > li .general-blog-icon {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-services-grid > li .general-blog-icon {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-services-grid > li .general-blog-icon {
          width: 55px;
          height: 55px; } }
      @media (min-width: 1200px) {
        .atlassian-services-grid > li .general-blog-icon {
          width: 60px;
          height: 60px; } }
    .atlassian-services-grid > li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .atlassian-services-grid > li h3 {
          font-size: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-services-grid > li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-services-grid > li h3 {
          font-size: 21px; } }
      @media (min-width: 1200px) {
        .atlassian-services-grid > li h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .atlassian-services-grid > li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-services-grid > li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-services-grid > li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .atlassian-services-grid > li h3 {
          line-height: 45px; } }
    .atlassian-services-grid > li .grid-content {
      float: left;
      display: block;
      transition: all .2s ease-in-out;
      margin: 20px !important; }
    @media (min-width: 768px) and (max-width: 991px) {
      .atlassian-services-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .atlassian-services-grid > li {
        width: calc(((100% / 3) - 20px)); } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .atlassian-services-grid > li {
        width: calc(((100% / 3) - 20px)); } }
    @media (min-width: 1700px) {
      .atlassian-services-grid > li {
        width: calc(((100% / 3) - 20px)); } }

.atlassian-divider {
  margin: 40px 0; }

.atlassian-products-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1903px;
  margin: 0 auto 0 auto !important;
  text-align: left !important; }
  .atlassian-products-grid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .atlassian-products-grid > li {
    border: 1px solid #d2d9dd;
    background: #2b3339;
    position: relative;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: 20px;
    transition: all .2s ease-in-out;
    color: #fff; }
    @media (max-width: 767px) {
      .atlassian-products-grid > li {
        margin-right: 0 !important; } }
    .atlassian-products-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .atlassian-products-grid > li:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .atlassian-products-grid > li h3, .atlassian-products-grid > li p {
      color: #fff !important;
      transition: all .2s ease-in-out; }
    @media (max-width: 767px) {
      .atlassian-products-grid > li p {
        font-size: 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .atlassian-products-grid > li p {
        font-size: 12px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .atlassian-products-grid > li p {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .atlassian-products-grid > li p {
        font-size: 16px; } }
    .atlassian-products-grid > li .general-blog-icon {
      position: absolute;
      z-index: 10;
      top: 20px;
      right: 20px;
      font-size: 30px;
      color: #fff; }
      @media (max-width: 767px) {
        .atlassian-products-grid > li .general-blog-icon {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-products-grid > li .general-blog-icon {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-products-grid > li .general-blog-icon {
          width: 55px;
          height: 55px; } }
      @media (min-width: 1200px) {
        .atlassian-products-grid > li .general-blog-icon {
          width: 60px;
          height: 60px; } }
    .atlassian-products-grid > li .jira-blog-icon {
      position: absolute;
      z-index: 10;
      top: 20px;
      right: 20px;
      font-size: 30px;
      color: #fff; }
      @media (max-width: 767px) {
        .atlassian-products-grid > li .jira-blog-icon {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-products-grid > li .jira-blog-icon {
          width: 50px;
          height: 50px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-products-grid > li .jira-blog-icon {
          width: 55px;
          height: 55px; } }
      @media (min-width: 1200px) {
        .atlassian-products-grid > li .jira-blog-icon {
          width: 60px;
          height: 60px; } }
    .atlassian-products-grid > li h3 {
      margin: 0; }
      @media (max-width: 767px) {
        .atlassian-products-grid > li h3 {
          font-size: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-products-grid > li h3 {
          font-size: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-products-grid > li h3 {
          font-size: 21px; } }
      @media (min-width: 1200px) {
        .atlassian-products-grid > li h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .atlassian-products-grid > li h3 {
          line-height: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-products-grid > li h3 {
          line-height: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-products-grid > li h3 {
          line-height: 40px; } }
      @media (min-width: 1200px) {
        .atlassian-products-grid > li h3 {
          line-height: 45px; } }
    .atlassian-products-grid > li .grid-content {
      float: left;
      display: block;
      transition: all .2s ease-in-out; }
      @media (max-width: 768px) {
        .atlassian-products-grid > li .grid-content {
          margin: 20px !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .atlassian-products-grid > li .grid-content {
          margin: 20px 90px 20px 20px !important; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .atlassian-products-grid > li .grid-content {
          margin: 20px 90px 20px 20px !important; } }
      @media (min-width: 1200px) and (max-width: 1700px) {
        .atlassian-products-grid > li .grid-content {
          margin: 20px 90px 20px 20px !important; } }
      @media (min-width: 1700px) {
        .atlassian-products-grid > li .grid-content {
          margin: 20px 100px 20px 20px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .atlassian-products-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .atlassian-products-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 1200px) and (max-width: 1700px) {
      .atlassian-products-grid > li {
        width: calc(((100% / 2) - 20px)); } }
    @media (min-width: 1700px) {
      .atlassian-products-grid > li {
        width: calc(((100% / 2) - 20px)); } }

.mobile-background-overlay /* for customer survey page */{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(43, 51, 57, 0.5); }		
		
#survey-page__header--content {
  min-height: 400px;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #64bc46;
  transition: all .2s ease-in-out;
  background-size: cover !important;
  text-align: center; }
  #survey-page__header--content p {
    font-weight: 400;
    margin: 0 auto;
    color: white !important; }
    @media (max-width: 767px) {
      #survey-page__header--content p {
        font-size: 16px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #survey-page__header--content p {
        font-size: 17px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #survey-page__header--content p {
        font-size: 18px; } }
    @media (min-width: 1200px) {
      #survey-page__header--content p {
        font-size: 20px; } }
    @media (max-width: 767px) {
      #survey-page__header--content p {
        line-height: 26px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #survey-page__header--content p {
        line-height: 27px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #survey-page__header--content p {
        line-height: 28px; } }
    @media (min-width: 1200px) {
      #survey-page__header--content p {
        line-height: 30px; } }
    @media (min-width: 1200px) {
      #survey-page__header--content p {
        width: 65%; } }
  @media (min-width: 768px) {
    #survey-page__header--content {
      height: calc(77vh - 87px); } }
  
    @media (max-width: 767px) {
      #survey-page__header--content {
        height: 70vh; } }

      #survey-page__header--content .container, #survey-page__header--content .row {
    height: 100%; }
    #survey-page__header--content .alignment-container {
    vertical-align: middle;
    display: table-cell; }
    #survey-page__header--content .alignment-container-wrapper {
    display: table;
    height: 100%; }
    #survey-page__header--content .alignment-container-wrapper h1 {
      margin: 0 !important;
      color: #ffffff !important;
      text-transform: none !important; }
      @media (max-width: 767px) {
        #survey-page__header--content .alignment-container-wrapper h1 {
          font-size: 25px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        survey-page__header--content .alignment-container-wrapper h1 {
          font-size: 35px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #survey-page__header--content .alignment-container-wrapper h1 {
          font-size: 45px; } }
      @media (min-width: 1200px) and (max-width:1359px) {
        #survey-page__header--content .alignment-container-wrapper h1 {
          font-size: 60px; } }
          @media (min-width: 1360px) {
            #survey-page__header--content .alignment-container-wrapper h1 {
              font-size: 75px; } }
      @media (max-width: 767px) {
        #survey-page__header--content .alignment-container-wrapper h1 {
          line-height: 35px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        survey-page__header--content .alignment-container-wrapper h1 {
          line-height: 45px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #survey-page__header--content .alignment-container-wrapper h1 {
          line-height: 55px; } }
      @media (min-width: 1200px) {
        survey-page__header--content .alignment-container-wrapper h1 {
          line-height: 200px; } }
            

#survey-page__content--content {
  position: relative;
  background: white; }
  @media (min-width: 768px) {
    #survey-page__content--content {
      top: calc(77vh - 87px); } }
  @media (max-width: 767px) {
    #survey-page__content--content {
      top: 69vh; } }
  
      #survey-page__content--content .page__content--inner {
    background: white;
    position: relative;
    overflow: hidden; }
    @media (max-width: 414px) {
      #survey-page__content--content .page__content--inner {
        background: #2b3339 !important;
        padding: 0px 15px; } }
    @media (min-width: 415px) and (max-width: 767px) {
      #survey-page__content--content .page__content--inner {
        background: #ffffff;
        padding: 40px 15px; } }    
    @media (min-width: 768px) and (max-width: 991px) {
      #survey-page__content--content .page__content--inner {
        padding: 40px 15px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #survey-page__content--content .page__content--inner {
        padding: 40px 15px; } }
    @media (min-width: 1200px) {
      #survey-page__content--content .page__content--inner {
        padding: 80px 0; } }

#thanks-page__header--content {
  height: calc(75vh - 87px); } 
 
@media (max-width: 767px) {
  #thanks-page__header--content {
    height: 70vh; } } 
    @media (min-width: 768px) and (max-width: 1499px){
      #thanks-page__header--content {
        height: 70vh; } } 
@media (min-width: 1500px) {
  #thanks-page__header--content {
    height: calc(55vh - 87px);} } 
 
#thanks-page__content--content {
  position: relative;
  background: white; }
  @media (min-width: 768px) and (max-width:1499px) {
    #thanks-page__content--content {
      top: calc(75vh - 87px); } }
  @media (max-width: 767px) {
    #thanks-page__content--content {
      top: 69vh; } } 
@media (min-width: 1500px) {
    #thanks-page__content--content {
      top: 60vh; } }			  

.clear {
	clear: both !important;
}

.gap5 {
	height: 5px;
}

.gap6 {
	height: 6px;
}

.gap7 {
	height: 7px;
}

.gap8 {
	height: 8px;
}

.gap9 {
	height: 9px;
}

.gap10 {
	height: 10px;
}

.gap15 {
	height: 15px;
}

.gap20 {
	height: 20px;
}

.gap25 {
	height: 25px;
}

.gap30 {
	height: 30px;
}

.gap40 {
	height: 40px;
}

.gap50 {
	height: 50px;
}

.gap60 {
	height: 60px;
}

.gap70 {
	height: 70px;
}

.gap80 {
	height: 80px;
}

.gap90 {
	height: 90px;
}

.gap100 {
	height: 100px;
}	  

.new-survey {
	background: #2b3339;
}
	  
@media (min-width: 641px) {
	.gfooter {
		text-align: left !important;
	}
	.gform_footer {
		width: 152px !important;
	}
	.gform_footer .gform_button {
		width: 152px !important;
		float: left !important;
	}
	.gform_footer img {
		clear: both !important;
		float: left !important;
		margin: 0 41px !important;
	}
}	  
	  
@media (max-width: 640px) {
	.gform_footer {
		width: 152px !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
	.gform_footer .gform_button {
		width: 152px !important;
		margin: 0 auto !important;
	}
	.gform_footer img {
		clear: both !important;
		margin: 0 auto !important;
	}
}

.gform_body select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding-bottom: 5px !important;
}

@supports (-webkit-overflow-scrolling: touch) {
	.gform_body select {
		padding-bottom: 8px !important;
	}
	.gform_body input[type="text"] {
		padding-bottom: 2px !important;
	}
}

.gform_body  .select-container {
	position: relative;
	display: inline;
}
.gform_body  .select-container:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	pointer-events: none;
}
.gform_body  .select-container:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 6px;
    right: 5px;
    border-top: 5px solid #fff;
    opacity: 0.5;
}
.gform_body  select::-ms-expand {
    display: none;
}

.contact__wrapper .gform_wrapper textarea.medium {
	height: 80px !important;
}

.contact__wrapper .gform_wrapper .ginput_recaptcha {
	overflow: hidden !important;
}

@media (min-width: 641px) {
	.contact__wrapper .gform_footer .gform_button {
		margin-top: 2px !important;
		margin-bottom: -5px !important;
	}
}

@media (max-width: 640px) {
	.contact__wrapper__general.contact_tab--pane {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.contact__wrapper .gform_footer .gform_button {
		margin-top: 18px !important;
		margin-bottom: -5px !important;
	}
}

@media only screen and (max-width: 382px) {
	.contact__wrapper .gform_wrapper .ginput_recaptcha {
		border-right: 1px solid #525252;
		-webkit-border-top-right-radius: 2px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 5px;
	}
}

.connecttext {
	color: #6b7175 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	font-style: normal !important;
    font-family: "brandon-grotesque" !important;
    text-transform: uppercase !important;  
}

.page-id-964 .page__content--inner ul {
	list-style: none;
	padding: 0;
}

.page-id-964 .page__content--inner ul li {
	padding-left: 20px;
	margin-bottom: 5px;
}

.page-id-964 .page__content--inner ul li:before {
	content: "\f111";
	font-family: FontAwesome;
	font-size: 5px !important;
	display: inline-block;
	margin-left: -4px;
	color: #64bc46;
	background: #fff;
	position: relative;
	left: -14px;
	top: -5px;
}

.page-id-966 .page__content--inner ul {
	list-style: none;
	padding: 0;
}

.page-id-966 .page__content--inner ul li {
	padding-left: 20px;
	margin-bottom: 5px;
}

.page-id-966 .page__content--inner ul li:before {
	content: "\f111";
	font-family: FontAwesome;
	font-size: 5px !important;
	display: inline-block;
	margin-left: -4px;
	color: #64bc46;
	background: #fff;
	position: relative;
	left: -14px;
	top: -5px;
}

.gform_validation_errors {
	display: none;
}

.blog-single-heading {
	max-width: 800px !important;
	margin: 0 auto !important;
	overflow-x: hidden !important;
}

@media only screen and (min-width: 992px) {
	.blog-single-heading {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-single-heading {
		padding-left: 20px !important;
		padding-right: 15px !important;
	}
}

.post_sharing ul li:last-child {
    margin: 0 !important;
}

@media only screen and (min-width: 768px) {
	.blog-single-heading .sharing__panel {
		position: relative;
		top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.blog-single-heading {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

.entry-content {
	max-width: 800px !important;
	margin: 0 auto !important;
}

.img-responsive {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.entry-content ul, .entry-content li, .entry-content p {
		font-size: 16px !important;
		line-height: 22px !important;
	}
}

.email-share:focus .icon-wrapper,
.email-share:hover .icon-wrapper {
	transition: all .2s ease-in-out;
	border: 2px solid #106ebe;
	background: #106ebe;
}

.email-share:focus .fa,
.email-share:hover .fa {
	transition: all .2s ease-in-out;
	color: #fff !important;
}

.social__list a.social__email:hover {
    border: 3px solid #106ebe !important;
}
.social__list a.social__email:hover .fa {
    color: #106ebe !important;
}

.post_sharing ul .icon-wrapper .fa-whatsapp {
	width: auto;
	max-height: 18px;
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	text-align: center;
	font-size: 18px;
	color: #333;
	transition: all .2s ease-in-out;
}

.whatsapp-share:focus .icon-wrapper,
.whatsapp-share:hover .icon-wrapper {
	transition: all .2s ease-in-out;
	border: 2px solid #00e676;
	background: #00e676;
}

.whatsapp-share:focus .fa,
.whatsapp-share:hover .fa {
	transition: all .2s ease-in-out;
	color: #fff !important;
}

.social__list a.social__whatsapp:hover {
    border: 3px solid #00e676 !important;
}
.social__list a.social__whatsapp:hover .fa {
    color: #00e676 !important;
}

.clientslider {
	padding: 0 50px;
	overflow-x: hidden !important;
}
	
#topnav-popia {
	width: 100%;
	height: 98px;
	background: #2b3339;
	position: fixed;
	z-index: 1000;
}

@media only screen and (max-width: 767px) {
	#topnav-popia {
		height: 68px;
	}
}

#topnav-popia .left {
	float: left;
	margin-top: 30px;
	margin-left: -18px !important;
}

@media only screen and (max-width: 767px) {
	#topnav-popia .left {
		margin-top: 18px;
		margin-left: -12px !important;
	}
	#topnav-popia .left img {
		width: 174px;
	}
}

#topnav-popia .right {
	float: right;
	margin-top: 38px;
	font-size: 16px !important;
	line-height: 22px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
}

@media only screen and (max-width: 767px) {
	#topnav-popia .right {
		margin-top: 25px;
		font-size: 12px !important;
		line-height: 18px !important;
	}
}

.page-template-page-popia-php #page__header--content {
	position: relative !important;
}
	
.page-header__popia {
	height: 100vh !important;
	z-index: 900;
}

.page-header__popia h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	text-transform: none !important;
}

@media only screen and (min-width: 1400px) {
	.page-header__popia h1 {
		font-size: 60px !important;
		line-height: 76px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
	.page-header__popia h1 {
		font-size: 50px !important;
		line-height: 64px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-header__popia h1 {
		font-size: 40px !important;
		line-height: 52px !important;
	}
}

@media only screen and (max-width: 767px) {
	.page-header__popia h1 {
		font-size: 30px !important;
		line-height: 40px !important;
	}
}

#cookie-notification {
	background: #000 !important;
}

#cookie-notification button, #cookie-preferences-buttons-wrapper button {
	-webkit-border-radius: 18px !important;
	-moz-border-radius: 18px !important;
	border-radius: 18px !important;
}

#notificationManagerLink {
	position: relative;
	top: 2px;
}

#cookie-notification button {
	padding-top: 10px !important; 
	-webkit-border-radius: 18px !important;
	-moz-border-radius: 18px !important;
	border-radius: 18px !important;
}

#cookie-preferences-buttons-wrapper button {
	padding-top: 8px !important; 
	-webkit-border-radius: 18px !important;
	-moz-border-radius: 18px !important;
	border-radius: 18px !important;
}

#__enzuzo-root-privacy {
	margin-bottom: -100px !important;
}

#__enzuzo-root-tos {
	margin-bottom: -70px !important;
}

#__enzuzo-root-tos li {
	margin-left: -20px !important;
}

@media only screen and (max-width: 480px) {
	#__enzuzo-root-tos .MuiInputBase-root {
		margin-bottom: 15px !important;
	}
}

@media only screen and (min-width: 471px) and (max-width: 480px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 480px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 461px) and (max-width: 470px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 470px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 451px) and (max-width: 460px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 460px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 441px) and (max-width: 450px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 450px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 431px) and (max-width: 440px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 440px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 421px) and (max-width: 430px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 430px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 411px) and (max-width: 420px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 420px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 401px) and (max-width: 410px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 410px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 391px) and (max-width: 400px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 400px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 381px) and (max-width: 390px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 390px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 371px) and (max-width: 380px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 380px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 361px) and (max-width: 370px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 370px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 351px) and (max-width: 360px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 360px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 341px) and (max-width: 350px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 350px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 331px) and (max-width: 340px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 340px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (min-width: 321px) and (max-width: 330px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 330px !important;
		overflow-x: hidden !important;
	}
}

@media only screen and (max-width: 320px) {
	#__enzuzo-root-privacy, #__enzuzo-root-tos {
		position: relative !important;
		left: -35px !important;
		min-width: 320px !important;
		overflow-x: hidden !important;
	}
}

#__enzuzo-root-privacy p, #__enzuzo-root-privacy li, #__enzuzo-root-tos p, #__enzuzo-root-tos li {
	font-size: 16px !important;
}

@media only screen and (min-width: 381px) and (max-width: 480px) {
	#__enzuzo-root-privacy p, #__enzuzo-root-privacy li, #__enzuzo-root-tos p, #__enzuzo-root-tos li {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 380px) {
	#__enzuzo-root-privacy p, #__enzuzo-root-privacy li, #__enzuzo-root-tos p, #__enzuzo-root-tos li {
		font-size: 12px !important;
	}
}

h3.MuiTypography-root {
	display: none !important;
}

.gform_required_legend {
	display: none !important;
}

.spinneroverlay {
	display: none;
	position: fixed !important;
	z-index: 999999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0,0,0,0.7);
	background-image: url('../../../images/spinner.svg');
	background-repeat: no-repeat;
	background-size: 100px 100px;
	background-position: center center;
}