.has-denim-color {
    color: #152a3f
}

.has-denim-background-color {
    background-color: #152a3f
}

.has-ocean-color {
    color: #2a6c85
}

.has-ocean-background-color {
    background-color: #2a6c85
}

.has-white-color {
    color: #fff
}

.has-white-background-color {
    background-color: #fff
}

.has-orange-color {
    color: #ff4713
}

.has-orange-background-color {
    background-color: #ff4713
}

.has-opaquewhite-color {
    color: rgba(255, 255, 255, .75)
}

.has-opaquewhite-background-color {
    background-color: rgba(255, 255, 255, .75)
}

.has-lightgray-color {
    color: #e9e9e7
}

.has-lightgray-background-color {
    background-color: #e9e9e7
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: "Georgia", Cambria, Times New Roman, Times, serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-family: "din-medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2a6c85
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 90%;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    webkit-text-size-adjust: 100%
}

@media(min-width: 36em) {
    body {
        font-size: 110%
    }
}

@media(min-width: 58em) {
    body {
        font-size: 120%
    }
}

@media(min-width: 72em) {
    body {
        font-size: 130%
    }
}

@media(min-width: 86em) {
    body {
        font-size: 150%
    }
}

@media(min-width: 115em) {
    body {
        font-size: 150%
    }
}

@media(min-width: 125em) {
    body {
        font-size: 180%
    }
}

h1 {
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.2em;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}

h2 {
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.25em;
    color: #fff;
}

h3 {
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.25em;
    color: #fff;
}

h4 {
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

.container {
    max-width: 125em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.btn-pill {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 2.25em;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0);
    padding: .125em 1.5em 0;
    position: relative;
    outline: 0 none;
    white-space: nowrap;
    transition: all .25s ease-in-out
}

@media screen and (min-width: 58em) {
    .btn-pill {
        font-size: .975em
    }
}

.btn-pill:hover {
    color: #fff;
    background-color: #89bf00
}

.btn-pill.btn-carrot {
    color: #e5900e;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #e5900e
}

.btn-pill.btn-carrot:hover {
    color: #fff;
    background-color: #e5900e;
    border: 1px solid #e5900e
}

.btn-pill.btn-mp-orange {
    color: #ff4713;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ff4713
}

.btn-pill.btn-mp-orange:hover {
    color: #fff;
    background-color: #ff4713;
    border: 1px solid #ff4713
}

.btn-pill.btn-mp-blue {
    color: #0a2240;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #0a2240
}

.btn-pill.btn-mp-blue:hover {
    color: #fff;
    background-color: #0a2240;
    border: 1px solid #0a2240
}

/* .btn-pill.btn-gray {
    color: #2a6c85;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #2a6c85
} */

/* .btn-pill.btn-gray:hover {
    color: #fff;
    background-color: #2a6c85;
    border: 1px solid #2a6c85
} */

.btn-pill.btn-gray {
    color: #000000;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #000000;
}

.btn-pill.btn-gray:hover {
    color: #fff;
    background-color: #000000;
    border: 1px solid #000000
}

.btn-pill.btn-wasabi {
    color: #2a6c85;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #2a6c85
}

.btn-pill.btn-wasabi:hover {
    color: #fff;
    background-color: #496a59;
    border: 1px solid #496a59
}

.btn-pill.btn-green {
    color: #fff;
    background-color: #89bf00;
    border: 1px solid #89bf00
}

.btn-pill.btn-green:hover {
    color: #fff;
    background-color: #2a6c85;
    border: 1px solid #2a6c85
}

.btn-pill.btn-white {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #fff
}

.btn-pill.btn-white:hover {
    color: #fff;
    background-color: #2a6c85;
    border: 1px solid #2a6c85
}


[aria-hidden=true] {
    display: none
}

[aria-hidden=false] {
    display: block
}

.mobile-nav-overlay {
    display: grid;
    grid-template-rows: 8em auto;
    grid-template-columns: auto;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    grid-row: 1/4;
    grid-column: 1/3;
    width: 100vw;
    height: 100vh;
    background: rgba(10, 34, 64, .975);
    text-align: center;
    z-index: 20;
    transform: translateX(100%);
    transition: all .25s ease-in-out;
    transition: transform .25s ease-in-out;
    will-change: transform
}

.mobile-nav-overlay.slide {
    transform: translateX(0)
}

.mobile-nav-overlay .mobile-logo {
    grid-row: 1/2;
    grid-column: 1/2;
    align-self: center
}

.mobile-nav-overlay .mobile-logo img {
    width: 5em
}

.hamburger {
    grid-row: 1/2;
    grid-column: 2/3;
    height: 3em;
    z-index: 999;
    display: none
}

@media(max-width: 58em) {
    .hamburger {
        display: inline
    }
}

.hamburger-inner.alternate {
    background-color: #e5900e
}

.hamburger-inner.alternate:before,
.hamburger-inner.alternate:after {
    background-color: #e5900e
}

.hamburger-inner.dark {
    background-color: #000
}

.hamburger-inner.dark:before,
.hamburger-inner.dark:after {
    background-color: #000
}

.hamburger-inner.light {
    background-color: #fff
}

.hamburger-inner.light:before,
.hamburger-inner.light:after {
    background-color: #fff
}

nav[role=mobile-navigation] {
    grid-row: 2/3;
    grid-column: 1/2;
    z-index: 999;
    border: 0;
    visibility: visible;
    text-transform: uppercase;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    align-self: start;
    justify-self: center
}

nav[role=mobile-navigation] ul {
    font-size: 1.4em;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    margin: 0
}

nav[role=mobile-navigation] li.btn a {
    padding: auto;
    border: .1em solid;
    height: auto;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    border-radius: .25em;
    padding: .5em;
    text-transform: uppercase
}

nav[role=mobile-navigation] li {
    padding-top: .75em
}

nav[role=mobile-navigation] li.btn {
    padding-top: 1.5em
}

nav[role=mobile-navigation] li a {
    color: #fff;
    transition: all .25s ease-in-out
}

nav[role=mobile-navigation] li a:hover {
    text-decoration: none;
    color: #ff4713
}

nav[role=mobile-navigation] li a:after,
nav[role=mobile-navigation] li a:before {
    transition: all .25s ease-in-out
}

.leaflet-pane {
    z-index: 0
}

.leaflet-bottom {
    z-index: 0
}

.hero-img {
    background-image: url("../images/background-banner.jpg");
    height: 18.7em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    grid-row: 1/2;
    grid-column: 1/3;
    z-index: 1
}

.hero-callout {
    justify-self: center;
    align-self: center;
    z-index: 1;
    grid-row: 1/2;
    grid-column: 1/3
}

.hero-callout h1,
.hero-callout h2 {
    text-align: center
}

.hero-callout h1:after,
.hero-callout h2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2em;
    padding-top: .25em;
    border-bottom: .075em solid #ff4713
}

.hero-callout h1.light,
.hero-callout h2.light {
    /* color: #fff */
    color: #000000;
    font-weight: bold;
}

.hero-callout h1.light:after,
.hero-callout h2.light:after {
    border-bottom-color: #ff4713
}

.hero-callout h1.dark,
.hero-callout h2.dark {
    color: #000
}

.hero-callout h1.dark:after,
.hero-callout h2.dark:after {
    border-bottom-color: #ff4713
}

.hero-callout h1.alternate,
.hero-callout h2.alternate {
    color: #e5900e
}

.hero-callout h1.alternate:after,
.hero-callout h2.alternate:after {
    border-bottom-color: #152a3f
}

.hero-callout h2 {
    text-align: center
}

.hero-callout h2:after {
    border-bottom: 0
}

.menu-bar-background {
    grid-row: 1/2;
    grid-column: 1/3;
    height: 3.25em;
    z-index: 9
}

.with-side-margins {
    margin-left: 2em;
    margin-right: 2em
}

.parallax::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) scale(2);
    background-size: 100%;
    z-index: -1
}

[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
[type=file],
textarea {
    background-color: #e9e9e7;
    border: 1px solid #edeced
}

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    font-size: 2em;
    color: #110e03;
    text-align: center;
    margin: auto;
    padding-bottom: .2em;
    padding-top: 0;
    text-transform: uppercase;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: .5em
}

label {
    display: block;
    font-weight: 600;
    margin-bottom: .5em
}

input,
select,
textarea {
    display: block;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .85em
}

@media(min-width: 58em) {

    input,
    select,
    textarea {
        font-size: .7em
    }
}

[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
[type=file],
input:not([type]),
textarea {
    appearance: none;
    background-color: #fff;
    border: 1px solid #353535;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 1.2em .25em 1.2em 1em;
    transition: border-color .25s ease-in-out;
    width: 100%
}

[type=color]:hover,
[type=date]:hover,
[type=datetime]:hover,
[type=datetime-local]:hover,
[type=email]:hover,
[type=month]:hover,
[type=number]:hover,
[type=password]:hover,
[type=search]:hover,
[type=tel]:hover,
[type=text]:hover,
[type=time]:hover,
[type=url]:hover,
[type=week]:hover,
input:not([type]):hover,
textarea:hover {
    border-color: #2a2a2a
}

[type=color]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
textarea:focus {
    border-color: #f1241b;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(241, 36, 27, .7);
    outline: none
}

[type=color]:disabled,
[type=date]:disabled,
[type=datetime]:disabled,
[type=datetime-local]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
input:not([type]):disabled,
textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed
}

[type=color]:disabled:hover,
[type=date]:disabled:hover,
[type=datetime]:disabled:hover,
[type=datetime-local]:disabled:hover,
[type=email]:disabled:hover,
[type=month]:disabled:hover,
[type=number]:disabled:hover,
[type=password]:disabled:hover,
[type=search]:disabled:hover,
[type=tel]:disabled:hover,
[type=text]:disabled:hover,
[type=time]:disabled:hover,
[type=url]:disabled:hover,
[type=week]:disabled:hover,
input:not([type]):disabled:hover,
textarea:disabled:hover {
    border: 1px solid #353535
}

[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
input:not([type])::placeholder,
textarea::placeholder {
    color: #868686
}

#braintree-hosted-field-number {
    padding: 0
}

textarea {
    resize: vertical
}

[type=checkbox],
[type=radio] {
    display: inline;
    margin-right: .5em
}

[type=file] {
    margin-bottom: 1em;
    width: 100%
}

select {
    margin-bottom: 1em;
    width: 100%
}

[type=checkbox]:focus,
[type=radio]:focus,
[type=file]:focus,
select:focus {
    outline: 3px solid rgba(0, 0, 255, .1);
    outline-offset: 2px
}

.wpcf7-response-output {
    margin-top: 0;
    grid-area: validation-errors;
    border-color: #f1241b;
    text-align: center
}

.wpcf7-mail-sent-ok {
    border-color: #496a59
}

.wpcf7-submit {
    grid-area: button;
    margin: auto
}

.wpcf7-submit.is-active {
    disabled: true
}

.wpcf7-not-valid-tip {
    color: #f1241b;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

div.wpcf7 .ajax-loader {
    grid-area: ajax-loader;
    background-image: url("/assets/img/ajax-loader.gif");
    width: 24px;
    height: 24px;
    margin: auto
}

div.wpcf7-validation-errors {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 2em
}

@media(min-width: 58em) {
    div.wpcf7-validation-errors {
        width: 50%
    }
}

.wide-call-to-action .wpcf7-validation-errors {
    width: 80%;
    margin: 0px auto;
    color: #fff;
    margin-bottom: 1em;
    margin-top: 1em
}

@media(min-width: 58em) {
    .wide-call-to-action .wpcf7-validation-errors {
        width: 70%
    }
}

.hero-landing-action .wpcf7-validation-errors {
    margin: 0px auto;
    margin-bottom: .5em;
    margin-top: 1em;
    width: 100%;
    color: #fff
}

.gform_wrapper form .gform_body .gform_fields .gfield {
    padding: 0;
    margin: 0
}

.gform_wrapper form .gform_body .gform_fields .gfield.form-recaptcha {
    grid-area: recaptcha
}

.gform_wrapper form .gform_body .gform_fields .gfield label {
    display: none
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container {
    margin: 0
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input,
.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea {
    padding: 1.2em .25em 1.2em 1em !important;
    font-size: .7em !important;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin: 0
}

.gform_wrapper form .gform_body .gform_fields .gfield .gfield_checkbox li label {
    display: inline-block
}

.gform_wrapper form .gform_footer input[type=submit] {
    width: auto !important
}

.gform_confirmation_message {
    text-align: center;
    padding: 1em 0
}

.logo {
    grid-row: 1/2;
    grid-column: 1/2;
    z-index: 10;
    padding-left: .5em;
    padding-top: .5em;
    width: 5em
}

.logo .header-logo {
    width: 5em
}

.post-template-default p,
.post-template-default h2,
.post-template-default h3 {
    margin-left: 2em;
    margin-right: 2em
}

.post-template-default h2 {
    font-size: 1.75em
}

.post-template-default .hero-img {
    height: 28.7em
}

@media(min-width: 58em) {
    .post-template-default .hero-img {
        height: 18.7em
    }
}

.post-template-default .hero-callout ul {
    list-style-type: none;
    padding-left: 2.5em;
    color: red
}

@media(min-width: 58em) {
    .post-template-default .hero-callout ul {
        padding-left: 5.5em
    }
}

.post-template-default .hero-callout .post-meta {
    font-size: 1.2em;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.post-template-default .hero-callout .post-meta img {
    border: 2px solid rgba(100, 100, 100, .2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .9);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 1em
}

.post-template-default .hero-callout .post-meta-byline {
    color: #fff;
    max-width: 17em;
    display: block
}

.post-template-default .hero-callout .post-meta-byline.light {
    color: #fff
}

.post-template-default .hero-callout .post-meta-byline.dark {
    color: #000
}

.post-template-default .hero-callout .post-meta-byline.alternate {
    color: #e5900e
}

.post-template-default .hero-callout a {
    text-decoration: none;
    color: #fff;
    position: relative
}

.post-template-default .hero-callout a.light {
    color: #fff
}

.post-template-default .hero-callout a.dark {
    color: #000
}

.post-template-default .hero-callout a.alternate {
    color: #e5900e
}

.post-template-default .hero-callout h1 {
    font-size: 1.5em;
    margin-top: 3em;
    padding-left: 2em;
    padding-right: 2em;
    text-align: left !important
}

@media(min-width: 58em) {
    .post-template-default .hero-callout h1 {
        padding-left: 4.5em;
        padding-right: 4.5em
    }
}

.post-template-default .hero-callout h1:after {
    border: 0em !important
}

.blog .main {
    background-color: #e9e9e7
}

.blog .sect-pagination {
    margin: auto;
    width: 100%
}

.blog .sect-pagination .pagination {
    margin: auto;
    width: 100%;
    text-align: center
}

.blog .sect-word-list {
    display: grid;
    grid-template-rows: repeat(6, auto);
    grid-template-columns: repeat(1, auto);
    background-color: #e9e9e7;
    grid-gap: 2em;
    padding-top: 1em;
    padding-bottom: 1em
}

@media(min-width: 58em) {
    .blog .sect-word-list {
        grid-template-rows: repeat(3, auto);
        grid-template-columns: repeat(2, auto)
    }
}

@media(min-width: 86em) {
    .blog .sect-word-list {
        grid-template-rows: repeat(2, auto);
        grid-template-columns: repeat(3, auto)
    }
}

.blog .sect-word-list .box {
    min-height: 30em;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.blog .sect-word-list .box:hover>.bg,
.blog .sect-word-list .box:focus>.bg {
    filter: contrast(200%)
}

.blog .sect-word-list .box:hover,
.blog .sect-word-list .box:focus,
.blog .sect-word-list .box:active {
    box-shadow: 0px 0px 1px #353535
}

.blog .sect-word-list .box:hover .content .meta-excerpt,
.blog .sect-word-list .box:focus .content .meta-excerpt,
.blog .sect-word-list .box:active .content .meta-excerpt {
    color: #2a6c85
}

.blog .sect-word-list .box:hover>.content h2,
.blog .sect-word-list .box:focus>.content h2 {
    color: #2a6c85
}

.blog .sect-word-list .box .content {
    width: 100%;
    opacity: 1;
    z-index: 10;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    backface-visibility: hidden;
    padding: 0px 4%;
    position: relative;
    top: 14em;
    bottom: .75em !important;
    transform: none;
    pointer-events: none;
    min-height: 16em
}

.blog .sect-word-list .box .content .small {
    font-size: .9em
}

.blog .sect-word-list .box .content .meta-author {
    color: #496a59;
    position: absolute;
    bottom: 1em
}

.blog .sect-word-list .box .content .meta-excerpt {
    color: #353535;
    transition: all .25s ease-in-out
}

.blog .sect-word-list .box .content .meta-date {
    margin-bottom: 1em;
    color: #999
}

.blog .sect-word-list .box .bg {
    transition: all .25s ease-in-out;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-size: 150%;
    background-position: top;
    max-height: 12em
}

.blog .sect-word-list h2 {
    font-size: 1.25em;
    line-height: 1.125em;
    margin-bottom: .5em;
    font-weight: 600;
    transition: all .25s ease-in-out
}

.blog .sect-word-list article {
    position: relative;
    float: left;
    height: auto;
    text-align: left;
    cursor: pointer;
    min-height: 25em
}

.single-post main {
    grid-template-columns: auto
}

.single-post main .blog-content {
    padding: 0 2rem
}

.single-post main h2 {
    margin-bottom: .5em;
    font-size: 1.85em;
    margin-left: 0;
    margin-right: 0
}

.single-post main h3 {
    margin-bottom: 0em;
    font-size: 1.5em;
    text-transform: none;
    margin-left: 0;
    margin-right: 0
}

.single-post main h4 {
    margin-bottom: 0;
    font-size: 1.25em;
    margin-left: 0;
    margin-right: 0
}

.single-post main p {
    line-height: 1.75em;
    margin-left: 0;
    margin-right: 0
}

.single-post main ul,
.single-post main ol {
    padding-left: 4em;
    padding-right: 2em
}

.single-post main ul li,
.single-post main ol li {
    margin: 0 0 .5em 0
}

.single-post main ul li:last-of-type,
.single-post main ol li:last-of-type {
    margin: 0
}

.single-post main .wp-block-embed .wp-block-embed__wrapper iframe {
    margin: 0 auto;
    display: block;
    width: 100%
}

.single-post main .wp-block-image {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2em
}

.single-post main .wp-block-image img {
    max-width: 100%;
    height: auto
}

.single-post main .wp-block-image figcaption {
    font-size: .8em
}

.single-post main h2+.wp-block-image {
    margin-top: 1em
}

.single-post main h3+.wp-block-image {
    margin-top: 1em
}

.single-post main h4+.wp-block-image {
    margin-top: 1em
}

.single-post main .wp-block-quote {
    padding-left: .5em;
    margin-top: 1.5em
}

.single-post main .wp-block-quote p {
    margin: 0;
    position: relative
}

.single-post main .wp-block-quote p:first-of-type:before {
    display: block;
    content: "“";
    font-size: 5em;
    position: absolute;
    left: -30px;
    top: 5px;
    color: #edeced
}

.single-post main pre {
    font-size: 90%;
    min-width: 0
}

.single-post main .wp-block-media-text {
    margin: 1rem 0;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: "media-text-content" "media-text-media"
}

.single-post main .wp-block-media-text .wp-block-media-text__content {
    padding: 0
}

.single-post main .wp-block-media-text .wp-block-media-text__content p {
    margin: 0
}

.single-post main .wp-block-media-text .wp-block-media-text__media {
    margin: 1rem 0
}

.single-post main .wp-block-media-text .wp-block-media-text__media img {
    height: auto
}

.single-post main .wp-block-yoast-faq-block {
    margin: 1rem 2rem
}

.single-post main .wp-block-yoast-faq-block .schema-faq-section {
    border: 1px solid #edeced;
    padding: 1em;
    margin-bottom: 1.5em
}

.single-post main .wp-block-yoast-faq-block .schema-faq-section:last-of-type {
    margin-bottom: 0
}

.single-post main .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question {
    font-size: 1.5em
}

.single-post main .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question:after {
    content: "";
    display: block;
    width: 2em;
    padding-top: .25em;
    border-bottom: .075em solid #ff4713
}

.single-post main .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer {
    margin: .75em 0 0 0
}

.single-post main .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer img {
    display: block;
    width: 100% !important;
    margin: 1em 0 !important
}

.single-post main .work-together {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1/-1;
    padding: 3em 0;
    background-color: #fff;
    grid-template-areas: "work-title" "work-btn"
}

.single-post main .work-together .work-title {
    text-align: center;
    margin: 0 auto .5em auto;
    font-size: 1.5em;
    padding: 0;
    text-transform: uppercase;
    color: #353535;
    align-self: center;
    justify-self: center;
    grid-area: work-title
}

.single-post main .work-together .work-title:after {
    display: none
}

.single-post main .work-together .work-btn {
    font-size: 1em;
    align-self: center;
    justify-self: center;
    grid-area: work-btn
}

@media screen and (min-width: 58em) {
    .single-post main .work-together .work-title {
        font-size: 1.75em
    }
}

.single-post main .next-prev {
    grid-column: 1/-1;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    background-color: #edeced;
    padding: 2em 0;
    text-align: center;
    grid-template-areas: "nav-next" "nav-previous"
}

@media screen and (min-width: 58em) {
    .single-post main .next-prev {
        grid-template-areas: "nav-previous nav-next";
        padding: 2em 0;
        grid-template-columns: 1fr 1fr
    }
}

.single-post main .next-prev div {
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 0em;
    padding-bottom: 0em
}

.single-post main .next-prev .nav-next {
    grid-column: 2/3;
    grid-row: 1/2;
    grid-area: nav-next
}

.single-post main .next-prev .nav-previous {
    grid-column: 1/2;
    grid-row: 1/2;
    grid-area: nav-previous
}

.single-post main .next-prev .nav-previous,
.single-post main .next-prev .nav-next {
    padding-left: 0%;
    padding-right: 0%
}

.single-post main .next-prev .nav-previous a,
.single-post main .next-prev .nav-next a {
    border: 1px solid #353535;
    color: #353535;
    display: inline-block;
    font-size: 1em;
    line-height: 4em;
    margin: 1em 0;
    padding: 1em 0;
    text-transform: uppercase;
    padding: 0 1em;
    width: 70%;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.single-post main .next-prev .nav-previous a:hover,
.single-post main .next-prev .nav-next a:hover {
    background-color: #3c99bb;
    border: 1px solid #3c99bb;
    color: #fff
}

.single-post main .work-together {
    background-color: #fff !important
}

@media screen and (min-width: 58em) {
    .single-post main {
        padding-top: 1em;
        display: grid;
        grid-template-columns: 5em 2fr 5em
    }

    .single-post main * {
        grid-column: 2/3
    }

    .single-post main p {
        margin-bottom: 0
    }

    .single-post main p:last-of-type {
        margin-bottom: 2em
    }

    .single-post main .wp-block-image {
        grid-column: 1/4
    }

    .single-post main .wp-block-embed .wp-block-embed__wrapper iframe {
        max-width: 20em
    }

    .single-post main .wp-block-quote {
        margin-top: 1em;
        padding-left: 1.5em
    }

    .single-post main .wp-block-quote p:first-of-type:before {
        left: -50px;
        top: 5px
    }

    .single-post main .wp-block-yoast-faq-block {
        margin: 2rem 2rem 0 2rem
    }

    .single-post main .wp-block-media-text {
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        grid-template-areas: "media-text-media media-text-content"
    }

    .single-post main .wp-block-media-text .wp-block-media-text__media {
        padding-right: 1em
    }

    .single-post main .wp-block-media-text.has-media-on-the-right {
        grid-template-areas: "media-text-content media-text-media"
    }

    .single-post main .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
        padding-left: 1em
    }

    .single-post main h2 {
        font-size: 2em;
        margin-bottom: 0
    }

    .single-post main h3 {
        font-size: 1.75em
    }

    .single-post main ul,
    .single-post main ol {
        padding-left: 3em;
        padding-right: 0
    }
}

@media screen and (min-width: 86em) {
    .single-post main {
        grid-template-columns: 10em auto 10em
    }
}

.archive.author .hero-callout img,
.archive.category .hero-callout img {
    border: 2px solid rgba(100, 100, 100, .2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .9);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
    display: block;
    width: 3em;
    height: 3em
}

.archive.author main .sect-word-list,
.archive.category main .sect-word-list {
    display: grid;
    grid-template-columns: 1 auto;
    background-color: #e9e9e7;
    grid-gap: 2em;
    padding: 1em 2em
}

.archive.author main .sect-word-list .box,
.archive.category main .sect-word-list .box {
    min-height: 30em;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.archive.author main .sect-word-list .box:hover>.bg,
.archive.author main .sect-word-list .box:focus>.bg,
.archive.category main .sect-word-list .box:hover>.bg,
.archive.category main .sect-word-list .box:focus>.bg {
    filter: contrast(200%)
}

.archive.author main .sect-word-list .box:hover,
.archive.author main .sect-word-list .box:focus,
.archive.category main .sect-word-list .box:hover,
.archive.category main .sect-word-list .box:focus {
    box-shadow: 0px 0px 1px #353535
}

.archive.author main .sect-word-list .box:hover>.content h2,
.archive.author main .sect-word-list .box:focus>.content h2,
.archive.category main .sect-word-list .box:hover>.content h2,
.archive.category main .sect-word-list .box:focus>.content h2 {
    color: #c5a47e
}

.archive.author main .sect-word-list .box .content,
.archive.category main .sect-word-list .box .content {
    width: 100%;
    opacity: 1;
    z-index: 10;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    backface-visibility: hidden;
    padding: 0px 4%;
    position: relative;
    top: 14em;
    bottom: .75em !important;
    transform: none;
    pointer-events: none;
    min-height: 16em
}

.archive.author main .sect-word-list .box .content .small,
.archive.category main .sect-word-list .box .content .small {
    font-size: .9em
}

.archive.author main .sect-word-list .box .content .meta-author,
.archive.category main .sect-word-list .box .content .meta-author {
    color: #496a59;
    position: absolute;
    bottom: 1em
}

.archive.author main .sect-word-list .box .content .meta-date,
.archive.category main .sect-word-list .box .content .meta-date {
    margin-bottom: 1em;
    color: #999
}

.archive.author main .sect-word-list .box .bg,
.archive.category main .sect-word-list .box .bg {
    transition: all .25s ease-in-out;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-position: top;
    max-height: 12em;
    background-size: cover
}

.archive.author main .sect-word-list h2,
.archive.category main .sect-word-list h2 {
    font-size: 1.25em;
    margin-bottom: .5em;
    font-weight: 600;
    transition: all .25s ease-in-out
}

@media screen and (min-width: 72em) {

    .archive.author main .sect-word-list h2,
    .archive.category main .sect-word-list h2 {
        font-size: 1em
    }
}

.archive.author main .sect-word-list article,
.archive.category main .sect-word-list article {
    position: relative;
    float: left;
    height: auto;
    text-align: left;
    cursor: pointer;
    min-height: 25em
}

@media screen and (min-width: 58em) {

    .archive.author main .sect-word-list,
    .archive.category main .sect-word-list {
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto
    }
}

@media screen and (min-width: 72em) {

    .archive.author main .sect-word-list,
    .archive.category main .sect-word-list {
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto
    }
}

.archive.author main .sect-pagination,
.archive.category main .sect-pagination {
    border-bottom: none;
    background-color: #e9e9e7
}

.archive.author main .sect-pagination .pagination,
.archive.category main .sect-pagination .pagination {
    padding: 1em 0
}

.archive.author main .sect-pagination .pagination .page-numbers,
.archive.category main .sect-pagination .pagination .page-numbers {
    margin: 0;
    text-align: center
}

.page-template-page-front .hero-video {
    grid-row: 1/2;
    grid-column: 1/3;
    height: 100vh;
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto auto auto;
    justify-items: center;
    align-items: center;
    z-index: 1;
    background-image: url(https://a.mpcdn.io/mpx/2019/05/mobile-home-portrait.jpg?auto=compress%2Cformat&ixlib=php-1.2.1);
    background-repeat: no-repeat;
    background-size: 100%
}

@media screen and (min-width: 22em) {
    .page-template-page-front .hero-video {
        background-size: 120%
    }
}

@media screen and (min-width: 36em) {
    .page-template-page-front .hero-video {
        background-size: 100%
    }
}

@media screen and (min-width: 58em) {
    .page-template-page-front .hero-video {
        background-image: none
    }
}

.page-template-page-front .hero-video .vid-overlay {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    grid-row: 1/4;
    grid-column: 1/4;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.page-template-page-front .hero-video .bg-img {
    grid-row: 1/4;
    grid-column: 1/4;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center
}

.page-template-page-front .hero-video .bg-vid {
    display: none;
    grid-row: 1/4;
    grid-column: 1/4;
    height: 100vh;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1 !important
}

.page-template-page-front .hero-video .hero-callout {
    grid-row: 2;
    grid-column: 2;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    width: 90%
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@media screen and (min-width: 22em) {
    .page-template-page-front .hero-video .hero-callout {
        width: 90%
    }
}

@media screen and (min-width: 36em) {
    .page-template-page-front .hero-video .hero-callout {
        width: 95%
    }
}

@media screen and (min-width: 58em) {
    .page-template-page-front .hero-video .hero-callout {
        width: 100%
    }
}

.page-template-page-front .hero-video .hero-callout img {
    max-width: 10em;
    justify-self: center;
    align-self: center;
    animation: 2s ease .5s normal forwards 1 fadeIn
}

.page-template-page-front .hero-video .hero-callout h1 {
    font-size: 1.975em;
    letter-spacing: -0.01em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    animation: 7s ease 1s normal forwards 1 fadeIn;
    color: #fff;
    line-height: 1.1em;
    margin-bottom: .25em;
    font-family: "din-medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -0.02em;
    text-shadow: 1px 1px 1px #474747
}

@media screen and (min-width: 58em) {
    .page-template-page-front .hero-video .hero-callout h1 {
        margin-top: 1em
    }
}

.page-template-page-front .hero-video .hero-callout h1:after {
    border-bottom: none;
    padding: 0;
    width: 0
}

@media screen and (min-width: 36em) {
    .page-template-page-front .hero-video .hero-callout h1 {
        font-size: 1.575em
    }
}

@media screen and (min-width: 58em) {
    .page-template-page-front .hero-video .hero-callout h1 {
        font-size: 1.975em
    }
}

.page-template-page-front .hero-video .hero-callout h2 {
    font-size: 1.425em;
    letter-spacing: -0.01em;
    line-height: 1.1em;
    margin-top: 0em;
    padding-top: 0;
    text-transform: uppercase;
    color: #fff;
    animation: 7s ease 1s normal forwards 1 fadeIn;
    text-shadow: 1px 1px 1px #474747
}

.page-template-page-front .hero-video .hero-callout h2 .pipe {
    color: #2a6c85
}

.page-template-page-front .hero-video .hero-callout .fade-in {
    opacity: 0
}

@media screen and (min-width: 115em) {
    .page-template-page-front .hero-video .bg-vid video {
        width: 100%
    }
}

@media screen and (min-width: 58em) {
    .page-template-page-front .hero-video .bg-vid {
        display: block
    }

    .page-template-page-front .hero-video .bg-img {
        display: none
    }
}

.page-template-page-front main {
    grid-row: 2/3;
    grid-column: 1/3
}

.page-template-page-front main .home-intro {
    padding: 3em 0;
    text-align: center
}

.page-template-page-front main .home-intro h2 {
    font-size: 1.925em;
    line-height: 1.125em;
    margin: 0 auto;
    width: 90%
}

.page-template-page-front main .home-intro hr {
    border: 1px solid #89bf00;
    width: 10%;
    margin: 1em auto
}

.page-template-page-front main .home-intro p {
    font-size: 1.375em;
    margin: 0 auto .75em auto;
    padding: 0;
    width: 90%
}

.page-template-page-front main .sect-portfolio {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto
}

.page-template-page-front main .sect-portfolio .portfolio-piece {
    min-height: 25em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.page-template-page-front main .sect-portfolio .portfolio-piece .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: cover
}

.page-template-page-front main .sect-portfolio .portfolio-piece .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: .5s
}

.page-template-page-front main .sect-portfolio .portfolio-piece .content {
    z-index: 2;
    transition: .5s;
    pointer-events: none
}

.page-template-page-front main .sect-portfolio .portfolio-piece .content h3 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 1.6em
}

@media screen and (min-width: 58em) {
    .page-template-page-front main .sect-portfolio .portfolio-piece .content h3 {
        font-size: 1.5em
    }
}

.page-template-page-front main .sect-portfolio .portfolio-piece .content h3:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2em;
    padding-top: .25em;
    border-bottom: .075em solid #fff
}

.page-template-page-front main .sect-portfolio .portfolio-piece .content p {
    text-align: center;
    color: #fff;
    margin-top: 1em;
    width: 100%
}

.page-template-page-front main .sect-portfolio .portfolio-piece:hover .content {
    margin-top: 2em
}

.page-template-page-front main .more-work {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1/-1;
    padding: 2em 0
}

.page-template-page-front main .more-work .work-btn {
    font-size: 1.2em;
    align-self: center;
    justify-self: center
}

@media screen and (min-width: 58em) {
    .page-template-page-front main .more-work .work-btn {
        font-size: 1em
    }
}

.page-template-page-front main .sect-icons {
    background-color: #0a2a3b;
    padding: 2em 0 4em 0;
    text-align: center
}

.page-template-page-front main .sect-icons h2 {
    text-align: center;
    color: #fff;
    font-size: 2em;
    margin-bottom: .5em
}

.page-template-page-front main .sect-icons h2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 3em;
    padding-top: .25em;
    border-bottom: 1px solid #ff4713
}

.page-template-page-front main .sect-icons p {
    color: #fff;
    width: 85%;
    margin: 0 auto 1.5em auto;
    text-align: center
}

@media screen and (min-width: 58em) {
    .page-template-page-front main .sect-icons p {
        width: 75%
    }
}

@media screen and (min-width: 86em) {
    .page-template-page-front main .sect-icons p {
        width: 75%
    }
}

@media screen and (min-width: 115em) {
    .page-template-page-front main .sect-icons p {
        width: 65%
    }
}

.page-template-page-front main .sect-icons .icons .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 3em
}

.page-template-page-front main .sect-icons .icons .icon img {
    width: 50%;
    margin: 0 auto
}

.page-template-page-front main .sect-icons .icons .icon h3 {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap
}

.page-template-page-front main .sect-icons .icons .icon h3:after {
    display: none
}

.page-template-page-front main .sect-icons .icons .icon h3 .num {
    border-radius: 50%;
    border: 2px solid #89bf00;
    padding: .25em .55em;
    font-size: .9em;
    margin-right: .25em;
    color: #89bf00
}

.page-template-page-front main .sect-icons .icons .icon:first-of-type h3 .num {
    padding: .25em .6em
}

@media screen and (min-width: 22em) {
    .page-template-page-front main .sect-icons .icons .icon img {
        width: 40%
    }
}

@media screen and (min-width: 36em) {
    .page-template-page-front main .home-intro h2 {
        width: 70%
    }

    .page-template-page-front main .sect-icons .icons .icon img {
        width: 35%
    }
}

@media screen and (min-width: 58em) {
    .page-template-page-front main .home-intro {
        padding: 3.5em 0
    }

    .page-template-page-front main .home-intro p {
        width: 70%
    }

    .page-template-page-front main .sect-portfolio {
        grid-template-columns: auto auto;
        grid-template-rows: auto auto
    }

    .page-template-page-front main .sect-icons {
        padding: 2em 3em
    }

    .page-template-page-front main .sect-icons .icons {
        display: flex;
        flex-wrap: wrap
    }

    .page-template-page-front main .sect-icons .icons .icon {
        flex: 1 25%;
        flex-grow: 0;
        margin: 0 auto 3em auto
    }

    .page-template-page-front main .sect-icons .icons .icon img {
        width: 65%
    }

    .page-template-page-front main .sect-icons .btn-pill {
        margin-bottom: 1em
    }
}

@media screen and (min-width: 72em) {
    .page-template-page-front main .home-intro {
        padding: 3.5em 0
    }

    .page-template-page-front main .home-intro p {
        width: 70%
    }

    .page-template-page-front main .sect-portfolio {
        grid-template-columns: auto auto;
        grid-template-rows: auto auto
    }

    .page-template-page-front main .sect-icons {
        padding: 2em 5em
    }

    .page-template-page-front main .sect-icons .icons {
        display: flex;
        flex-wrap: wrap
    }

    .page-template-page-front main .sect-icons .icons .icon {
        flex: 1 25%;
        flex-grow: 0;
        margin: 0 auto 3em auto
    }

    .page-template-page-front main .sect-icons .icons .icon img {
        width: 65%
    }

    .page-template-page-front main .sect-icons .btn-pill {
        margin-bottom: 1em
    }
}

@media screen and (min-width: 86em) {
    .page-template-page-front main .home-intro h2 {
        width: 55%
    }

    .page-template-page-front main .sect-blog .blogs {
        width: 75%
    }

    .page-template-page-front main .sect-icons {
        padding: 2em 8em
    }
}

@media screen and (min-width: 115em) {
    .page-template-page-front main .sect-icons {
        padding: 2em 10em
    }

    .page-template-page-front main .sect-icons .icons .icon.training {
        margin-left: 5em
    }

    .page-template-page-front main .sect-icons .icons .icon.aftercare {
        margin-right: 7em
    }
}

.page-template-page-seo-landing .grid-container,
.page-template-page-web-design-landing .grid-container,
.page-template-page-digital-marketing-landing .grid-container,
.page-template-page-web-design-landing-v2 .grid-container {
    display: grid;
    grid-template-rows: 5.25em auto auto auto auto;
    grid-template-columns: 1fr auto
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .grid-container,
    .page-template-page-web-design-landing .grid-container,
    .page-template-page-digital-marketing-landing .grid-container,
    .page-template-page-web-design-landing-v2 .grid-container {
        grid-template-rows: 5.5em auto auto auto auto
    }
}

.page-template-page-seo-landing .footer,
.page-template-page-web-design-landing .footer,
.page-template-page-digital-marketing-landing .footer,
.page-template-page-web-design-landing-v2 .footer {
    grid-row: 5/6
}

.page-template-page-seo-landing .hero-landing,
.page-template-page-web-design-landing .hero-landing,
.page-template-page-digital-marketing-landing .hero-landing,
.page-template-page-web-design-landing-v2 .hero-landing {
    grid-row: 1/4;
    grid-column: 1/3;
    z-index: 1;
    color: #fff;
    padding-top: 5.75rem;
    margin-bottom: 0;
    display: grid;
    grid-template-areas: "hero-landing-callout" "hero-landing-action";
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing,
    .page-template-page-web-design-landing .hero-landing,
    .page-template-page-digital-marketing-landing .hero-landing,
    .page-template-page-web-design-landing-v2 .hero-landing {
        padding-top: 7.25rem
    }
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing,
    .page-template-page-web-design-landing .hero-landing,
    .page-template-page-digital-marketing-landing .hero-landing,
    .page-template-page-web-design-landing-v2 .hero-landing {
        grid-template-areas: "hero-landing-callout hero-landing-action";
        grid-template-columns: 3fr 2fr
    }
}

.page-template-page-seo-landing .hero-landing h1,
.page-template-page-web-design-landing .hero-landing h1,
.page-template-page-digital-marketing-landing .hero-landing h1,
.page-template-page-web-design-landing-v2 .hero-landing h1 {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    letter-spacing: 0em;
    margin-bottom: 0em;
    line-height: .9em;
    font-size: 3.1em;
    font-weight: 500;
    padding: .6666666667em .6666666667em 0
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing h1,
    .page-template-page-web-design-landing .hero-landing h1,
    .page-template-page-digital-marketing-landing .hero-landing h1,
    .page-template-page-web-design-landing-v2 .hero-landing h1 {
        padding-top: 2em
    }
}

@media(min-width: 72em) {

    .page-template-page-seo-landing .hero-landing h1,
    .page-template-page-web-design-landing .hero-landing h1,
    .page-template-page-digital-marketing-landing .hero-landing h1,
    .page-template-page-web-design-landing-v2 .hero-landing h1 {
        font-size: 3.25em
    }
}

.page-template-page-seo-landing .hero-landing h1 span,
.page-template-page-web-design-landing .hero-landing h1 span,
.page-template-page-digital-marketing-landing .hero-landing h1 span,
.page-template-page-web-design-landing-v2 .hero-landing h1 span {
    color: #ff4713
}

.page-template-page-seo-landing .hero-landing h2,
.page-template-page-seo-landing .hero-landing p,
.page-template-page-web-design-landing .hero-landing h2,
.page-template-page-web-design-landing .hero-landing p,
.page-template-page-digital-marketing-landing .hero-landing h2,
.page-template-page-digital-marketing-landing .hero-landing p,
.page-template-page-web-design-landing-v2 .hero-landing h2,
.page-template-page-web-design-landing-v2 .hero-landing p {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    margin-top: .25em;
    letter-spacing: 0em;
    margin-bottom: 0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    line-height: 1em;
    text-transform: none;
    padding: 0 .6666666667em
}

.page-template-page-seo-landing .hero-landing h3,
.page-template-page-web-design-landing .hero-landing h3,
.page-template-page-digital-marketing-landing .hero-landing h3,
.page-template-page-web-design-landing-v2 .hero-landing h3 {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    margin-top: .25em;
    letter-spacing: 0em;
    margin-bottom: 0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    line-height: 1em;
    text-transform: none
}

.page-template-page-seo-landing .hero-landing h3:after,
.page-template-page-web-design-landing .hero-landing h3:after,
.page-template-page-digital-marketing-landing .hero-landing h3:after,
.page-template-page-web-design-landing-v2 .hero-landing h3:after {
    border: 0em
}

.page-template-page-seo-landing .hero-landing-callout,
.page-template-page-web-design-landing .hero-landing-callout,
.page-template-page-digital-marketing-landing .hero-landing-callout,
.page-template-page-web-design-landing-v2 .hero-landing-callout {
    grid-area: hero-landing-callout;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 3em 2em
}

@media(min-width: 36em) {

    .page-template-page-seo-landing .hero-landing-callout,
    .page-template-page-web-design-landing .hero-landing-callout,
    .page-template-page-digital-marketing-landing .hero-landing-callout,
    .page-template-page-web-design-landing-v2 .hero-landing-callout {
        padding: 4em 2em
    }
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing-callout,
    .page-template-page-web-design-landing .hero-landing-callout,
    .page-template-page-digital-marketing-landing .hero-landing-callout,
    .page-template-page-web-design-landing-v2 .hero-landing-callout {
        padding: 2em 2em
    }
}

@media(min-width: 72em) {

    .page-template-page-seo-landing .hero-landing-callout,
    .page-template-page-web-design-landing .hero-landing-callout,
    .page-template-page-digital-marketing-landing .hero-landing-callout,
    .page-template-page-web-design-landing-v2 .hero-landing-callout {
        padding: 4em 4em 4em 3em
    }
}

@media(min-width: 115em) {

    .page-template-page-seo-landing .hero-landing-callout,
    .page-template-page-web-design-landing .hero-landing-callout,
    .page-template-page-digital-marketing-landing .hero-landing-callout,
    .page-template-page-web-design-landing-v2 .hero-landing-callout {
        padding: 6em 8em 6em 3em
    }
}

.page-template-page-seo-landing .hero-landing-callout img,
.page-template-page-web-design-landing .hero-landing-callout img,
.page-template-page-digital-marketing-landing .hero-landing-callout img,
.page-template-page-web-design-landing-v2 .hero-landing-callout img {
    height: 2.5em;
    margin: 0 .4em
}

.page-template-page-seo-landing .hero-landing-callout .logo-wrap,
.page-template-page-web-design-landing .hero-landing-callout .logo-wrap,
.page-template-page-digital-marketing-landing .hero-landing-callout .logo-wrap,
.page-template-page-web-design-landing-v2 .hero-landing-callout .logo-wrap {
    padding-top: 1em
}

.page-template-page-seo-landing .hero-landing-callout .design-logo,
.page-template-page-web-design-landing .hero-landing-callout .design-logo,
.page-template-page-digital-marketing-landing .hero-landing-callout .design-logo,
.page-template-page-web-design-landing-v2 .hero-landing-callout .design-logo {
    height: 3em;
    margin: 0 .8em
}

@media(min-width: 36em) {

    .page-template-page-seo-landing .hero-landing-callout .design-logo,
    .page-template-page-web-design-landing .hero-landing-callout .design-logo,
    .page-template-page-digital-marketing-landing .hero-landing-callout .design-logo,
    .page-template-page-web-design-landing-v2 .hero-landing-callout .design-logo {
        height: 2.75em;
        margin: 0 .4em
    }
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing-callout .design-logo,
    .page-template-page-web-design-landing .hero-landing-callout .design-logo,
    .page-template-page-digital-marketing-landing .hero-landing-callout .design-logo,
    .page-template-page-web-design-landing-v2 .hero-landing-callout .design-logo {
        height: 2.75em;
        margin: 0 .4em
    }
}

.page-template-page-seo-landing .hero-landing-action,
.page-template-page-web-design-landing .hero-landing-action,
.page-template-page-digital-marketing-landing .hero-landing-action,
.page-template-page-web-design-landing-v2 .hero-landing-action {
    grid-area: hero-landing-action;
    background-color: #110e03;
    padding: 2em
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing-action,
    .page-template-page-web-design-landing .hero-landing-action,
    .page-template-page-digital-marketing-landing .hero-landing-action,
    .page-template-page-web-design-landing-v2 .hero-landing-action {
        padding: 2em 2em 2em 2em
    }
}

@media(min-width: 72em) {

    .page-template-page-seo-landing .hero-landing-action,
    .page-template-page-web-design-landing .hero-landing-action,
    .page-template-page-digital-marketing-landing .hero-landing-action,
    .page-template-page-web-design-landing-v2 .hero-landing-action {
        padding: 5em 3em 3em 3em
    }
}

@media(min-width: 115em) {

    .page-template-page-seo-landing .hero-landing-action,
    .page-template-page-web-design-landing .hero-landing-action,
    .page-template-page-digital-marketing-landing .hero-landing-action,
    .page-template-page-web-design-landing-v2 .hero-landing-action {
        padding: 5em 6em 3em 5em
    }
}

.page-template-page-seo-landing .hero-landing-action .recaptcha-badge,
.page-template-page-web-design-landing .hero-landing-action .recaptcha-badge,
.page-template-page-digital-marketing-landing .hero-landing-action .recaptcha-badge,
.page-template-page-web-design-landing-v2 .hero-landing-action .recaptcha-badge {
    color: #fff;
    font-size: .75em;
    font-family: "din-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-seo-landing .hero-landing-action .recaptcha-badge a,
.page-template-page-web-design-landing .hero-landing-action .recaptcha-badge a,
.page-template-page-digital-marketing-landing .hero-landing-action .recaptcha-badge a,
.page-template-page-web-design-landing-v2 .hero-landing-action .recaptcha-badge a {
    color: #fff
}

.page-template-page-seo-landing .hero-landing-action .recaptcha-badge a:hover,
.page-template-page-web-design-landing .hero-landing-action .recaptcha-badge a:hover,
.page-template-page-digital-marketing-landing .hero-landing-action .recaptcha-badge a:hover,
.page-template-page-web-design-landing-v2 .hero-landing-action .recaptcha-badge a:hover {
    color: #ff4713
}

.page-template-page-seo-landing .hero-landing-action h2,
.page-template-page-web-design-landing .hero-landing-action h2,
.page-template-page-digital-marketing-landing .hero-landing-action h2,
.page-template-page-web-design-landing-v2 .hero-landing-action h2 {
    color: #89bf00;
    font-size: 2.475em;
    padding: .6666666667em .6666666667em 0 0;
    text-transform: uppercase
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing-action h2,
    .page-template-page-web-design-landing .hero-landing-action h2,
    .page-template-page-digital-marketing-landing .hero-landing-action h2,
    .page-template-page-web-design-landing-v2 .hero-landing-action h2 {
        font-size: 1.925em
    }
}

.page-template-page-seo-landing .hero-landing-action h3,
.page-template-page-web-design-landing .hero-landing-action h3,
.page-template-page-digital-marketing-landing .hero-landing-action h3,
.page-template-page-web-design-landing-v2 .hero-landing-action h3 {
    font-size: 1.925em;
    margin-top: 0;
    padding: 0 .6666666667em 0 0;
    text-transform: uppercase
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .hero-landing-action h3,
    .page-template-page-web-design-landing .hero-landing-action h3,
    .page-template-page-digital-marketing-landing .hero-landing-action h3,
    .page-template-page-web-design-landing-v2 .hero-landing-action h3 {
        font-size: 1.725em
    }
}

.page-template-page-seo-landing .hero-landing-action .btn-call-to-action,
.page-template-page-web-design-landing .hero-landing-action .btn-call-to-action,
.page-template-page-digital-marketing-landing .hero-landing-action .btn-call-to-action,
.page-template-page-web-design-landing-v2 .hero-landing-action .btn-call-to-action {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    font-size: 1.5em !important;
    line-height: 1em;
    padding: .25em .625em
}

.page-template-page-seo-landing .hero-landing-action .wpcf7-submit,
.page-template-page-web-design-landing .hero-landing-action .wpcf7-submit,
.page-template-page-digital-marketing-landing .hero-landing-action .wpcf7-submit,
.page-template-page-web-design-landing-v2 .hero-landing-action .wpcf7-submit {
    margin: 0
}

.page-template-page-seo-landing .menu-bar-background-bottom,
.page-template-page-web-design-landing .menu-bar-background-bottom,
.page-template-page-digital-marketing-landing .menu-bar-background-bottom,
.page-template-page-web-design-landing-v2 .menu-bar-background-bottom {
    background-color: #2a6c85;
    grid-row: 2/3;
    grid-column: 1/3;
    height: 1.75em;
    z-index: 9;
    display: grid;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-seo-landing .menu-bar-background-bottom .contact-info,
.page-template-page-web-design-landing .menu-bar-background-bottom .contact-info,
.page-template-page-digital-marketing-landing .menu-bar-background-bottom .contact-info,
.page-template-page-web-design-landing-v2 .menu-bar-background-bottom .contact-info {
    margin: auto
}

.page-template-page-seo-landing .menu-bar-background-bottom .telephone-number,
.page-template-page-web-design-landing .menu-bar-background-bottom .telephone-number,
.page-template-page-digital-marketing-landing .menu-bar-background-bottom .telephone-number,
.page-template-page-web-design-landing-v2 .menu-bar-background-bottom .telephone-number {
    padding-right: 1em
}

.page-template-page-seo-landing .menu-bar-background-bottom .telephone-number a,
.page-template-page-web-design-landing .menu-bar-background-bottom .telephone-number a,
.page-template-page-digital-marketing-landing .menu-bar-background-bottom .telephone-number a,
.page-template-page-web-design-landing-v2 .menu-bar-background-bottom .telephone-number a {
    color: #fff
}

.page-template-page-seo-landing .menu-bar-background-bottom .email-address,
.page-template-page-web-design-landing .menu-bar-background-bottom .email-address,
.page-template-page-digital-marketing-landing .menu-bar-background-bottom .email-address,
.page-template-page-web-design-landing-v2 .menu-bar-background-bottom .email-address {
    padding-left: 1em
}

.page-template-page-seo-landing .menu-bar-background-bottom .email-address a,
.page-template-page-web-design-landing .menu-bar-background-bottom .email-address a,
.page-template-page-digital-marketing-landing .menu-bar-background-bottom .email-address a,
.page-template-page-web-design-landing-v2 .menu-bar-background-bottom .email-address a {
    color: #fff
}

.page-template-page-seo-landing .menu-bar-background,
.page-template-page-web-design-landing .menu-bar-background,
.page-template-page-digital-marketing-landing .menu-bar-background,
.page-template-page-web-design-landing-v2 .menu-bar-background {
    background-color: #fff;
    height: 5.7em
}

.page-template-page-seo-landing .logo,
.page-template-page-web-design-landing .logo,
.page-template-page-digital-marketing-landing .logo,
.page-template-page-web-design-landing-v2 .logo {
    margin-top: 0;
    padding-top: .25em
}

.page-template-page-seo-landing .logo .header-logo,
.page-template-page-web-design-landing .logo .header-logo,
.page-template-page-digital-marketing-landing .logo .header-logo,
.page-template-page-web-design-landing-v2 .logo .header-logo {
    width: 4em
}

.page-template-page-seo-landing nav[role=navigation],
.page-template-page-web-design-landing nav[role=navigation],
.page-template-page-digital-marketing-landing nav[role=navigation],
.page-template-page-web-design-landing-v2 nav[role=navigation] {
    height: 3em;
    font-size: 1.25em;
    z-index: 10;
    padding-right: .5em;
    padding-top: .75em
}

.page-template-page-seo-landing nav[role=navigation].light li a,
.page-template-page-web-design-landing nav[role=navigation].light li a,
.page-template-page-digital-marketing-landing nav[role=navigation].light li a,
.page-template-page-web-design-landing-v2 nav[role=navigation].light li a {
    color: #152a3f
}

.page-template-page-seo-landing .hamburger-inner.light,
.page-template-page-web-design-landing .hamburger-inner.light,
.page-template-page-digital-marketing-landing .hamburger-inner.light,
.page-template-page-web-design-landing-v2 .hamburger-inner.light {
    background-color: #000
}

.page-template-page-seo-landing .hamburger-inner.light:before,
.page-template-page-seo-landing .hamburger-inner.light:after,
.page-template-page-web-design-landing .hamburger-inner.light:before,
.page-template-page-web-design-landing .hamburger-inner.light:after,
.page-template-page-digital-marketing-landing .hamburger-inner.light:before,
.page-template-page-digital-marketing-landing .hamburger-inner.light:after,
.page-template-page-web-design-landing-v2 .hamburger-inner.light:before,
.page-template-page-web-design-landing-v2 .hamburger-inner.light:after {
    background-color: #000
}

.page-template-page-seo-landing .hamburger.is-active .hamburger-inner.light,
.page-template-page-web-design-landing .hamburger.is-active .hamburger-inner.light,
.page-template-page-digital-marketing-landing .hamburger.is-active .hamburger-inner.light,
.page-template-page-web-design-landing-v2 .hamburger.is-active .hamburger-inner.light {
    background-color: #fff
}

.page-template-page-seo-landing .hamburger.is-active .hamburger-inner.light:before,
.page-template-page-seo-landing .hamburger.is-active .hamburger-inner.light:after,
.page-template-page-web-design-landing .hamburger.is-active .hamburger-inner.light:before,
.page-template-page-web-design-landing .hamburger.is-active .hamburger-inner.light:after,
.page-template-page-digital-marketing-landing .hamburger.is-active .hamburger-inner.light:before,
.page-template-page-digital-marketing-landing .hamburger.is-active .hamburger-inner.light:after,
.page-template-page-web-design-landing-v2 .hamburger.is-active .hamburger-inner.light:before,
.page-template-page-web-design-landing-v2 .hamburger.is-active .hamburger-inner.light:after {
    background-color: #fff
}

.page-template-page-seo-landing .call,
.page-template-page-web-design-landing .call,
.page-template-page-digital-marketing-landing .call,
.page-template-page-web-design-landing-v2 .call {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #89bf00;
    font-size: 1.375em;
    margin-top: .5em
}

.page-template-page-seo-landing .call a,
.page-template-page-web-design-landing .call a,
.page-template-page-digital-marketing-landing .call a,
.page-template-page-web-design-landing-v2 .call a {
    color: #fff
}

.page-template-page-seo-landing .main,
.page-template-page-digital-marketing-landing .main {
    grid-row: 4/5;
    grid-column: 1/3;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "intro" "first-header" "first-p" "second-header" "second-p" "quote-block" "services-table" "wide-call-to-action"
}

.page-template-page-seo-landing .main .intro,
.page-template-page-digital-marketing-landing .main .intro {
    font-size: 1.575em;
    grid-area: intro;
    width: 100%;
    padding: 2em 2em 2em 2em;
    text-align: center
}

.page-template-page-seo-landing .main .first-header,
.page-template-page-digital-marketing-landing .main .first-header {
    grid-area: first-header
}

.page-template-page-seo-landing .main .first-p,
.page-template-page-digital-marketing-landing .main .first-p {
    grid-area: first-p;
    width: 85%;
    margin: .5rem auto 0 auto
}

.page-template-page-seo-landing .main .first-p img,
.page-template-page-digital-marketing-landing .main .first-p img {
    border-radius: 50%;
    width: 10rem;
    height: 10rem;
    float: right;
    margin-bottom: 1rem;
    margin-top: 2em
}

.page-template-page-seo-landing .main .second-header,
.page-template-page-digital-marketing-landing .main .second-header {
    grid-area: second-header
}

.page-template-page-seo-landing .main .second-p,
.page-template-page-digital-marketing-landing .main .second-p {
    grid-area: second-p;
    list-style-type: none;
    width: 85%;
    margin: .5rem auto .25rem auto;
    padding-left: 0;
    padding-bottom: 2em
}

.page-template-page-seo-landing .main .quote-block,
.page-template-page-digital-marketing-landing .main .quote-block {
    grid-area: quote-block;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "media-text-content" "media-text-media";
    z-index: 2;
    font-size: .925em;
    padding: 2em 2em
}

.page-template-page-seo-landing .main .quote-block figure,
.page-template-page-digital-marketing-landing .main .quote-block figure {
    width: 85%;
    margin: 1em auto
}

.page-template-page-seo-landing .main .quote-block .wp-block-media-text__content,
.page-template-page-digital-marketing-landing .main .quote-block .wp-block-media-text__content {
    padding: 0
}

.page-template-page-seo-landing .main .quote-block .wp-block-media-text__content h3,
.page-template-page-seo-landing .main .quote-block .wp-block-media-text__content p,
.page-template-page-digital-marketing-landing .main .quote-block .wp-block-media-text__content h3,
.page-template-page-digital-marketing-landing .main .quote-block .wp-block-media-text__content p {
    margin-left: 0;
    margin-right: 0
}

.page-template-page-seo-landing .main .quote-block span,
.page-template-page-digital-marketing-landing .main .quote-block span {
    float: left;
    color: #ff4713;
    font-family: "din-medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-seo-landing .main .quote-block img,
.page-template-page-digital-marketing-landing .main .quote-block img {
    border-radius: 50%;
    width: 10em;
    float: left
}

.page-template-page-seo-landing .main .services-table,
.page-template-page-digital-marketing-landing .main .services-table {
    grid-area: services-table;
    grid-column: 1/2;
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    width: 85%;
    margin: 2em auto 2em auto;
    grid-gap: .25rem
}

.page-template-page-seo-landing .main .services-table li,
.page-template-page-digital-marketing-landing .main .services-table li {
    list-style-type: none;
    margin: .5rem auto .25rem auto;
    padding-left: 0;
    font-size: 1.125em
}

.page-template-page-seo-landing .main .services-table li:after,
.page-template-page-digital-marketing-landing .main .services-table li:after {
    content: "";
    display: block;
    padding-top: .25em;
    border-bottom: .075em solid #e9e9e7;
    width: 2em;
    width: 50%
}

.page-template-page-seo-landing .main .services-table ul,
.page-template-page-digital-marketing-landing .main .services-table ul {
    padding-left: 0
}

.page-template-page-seo-landing .main .services-table h3,
.page-template-page-digital-marketing-landing .main .services-table h3 {
    margin-left: 0;
    margin-top: 0;
    font-size: 1.5em;
    color: #2a6c85
}

.page-template-page-seo-landing .main .services-table h3:after,
.page-template-page-digital-marketing-landing .main .services-table h3:after {
    content: "";
    display: block;
    padding-top: .25em;
    border-bottom: .075em solid #999;
    width: 2em
}

.page-template-page-seo-landing .main .services-table div,
.page-template-page-digital-marketing-landing .main .services-table div {
    width: 100%
}

.page-template-page-seo-landing .main .bottom-call-bg,
.page-template-page-digital-marketing-landing .main .bottom-call-bg {
    background-color: #110e03;
    grid-row: wide-call-to-action-start/wide-call-to-action-end;
    grid-columns: wide-call-to-action-start/wide-call-to-action-end;
    grid-column: 1/2
}

.page-template-page-seo-landing .main .bottom-call-bg .btn-call-to-action,
.page-template-page-digital-marketing-landing .main .bottom-call-bg .btn-call-to-action {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.125em !important
}

.page-template-page-seo-landing .main .bottom-call-bg .gform_footer,
.page-template-page-digital-marketing-landing .main .bottom-call-bg .gform_footer {
    text-align: center
}

.page-template-page-seo-landing .main .wide-call-to-action,
.page-template-page-digital-marketing-landing .main .wide-call-to-action {
    grid-area: wide-call-to-action;
    width: 85%;
    margin: 3em auto 3em auto;
    grid-gap: .25rem;
    grid-column: 1/2
}

.page-template-page-seo-landing .main .wide-call-to-action .wpcf7-submit,
.page-template-page-digital-marketing-landing .main .wide-call-to-action .wpcf7-submit {
    display: block;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    margin: 2em auto 0 auto
}

.page-template-page-seo-landing .main .wide-call-to-action .recaptcha-badge,
.page-template-page-digital-marketing-landing .main .wide-call-to-action .recaptcha-badge {
    text-align: center;
    color: #fff;
    font-size: .8em;
    font-family: "din-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-seo-landing .main .wide-call-to-action .recaptcha-badge a,
.page-template-page-digital-marketing-landing .main .wide-call-to-action .recaptcha-badge a {
    color: #fff
}

.page-template-page-seo-landing .main .wide-call-to-action .recaptcha-badge a:hover,
.page-template-page-digital-marketing-landing .main .wide-call-to-action .recaptcha-badge a:hover {
    color: #ff4713
}

.page-template-page-seo-landing .main .wide-call-to-action .call,
.page-template-page-digital-marketing-landing .main .wide-call-to-action .call {
    text-align: center
}

.page-template-page-seo-landing .main .wide-call-to-action h3,
.page-template-page-digital-marketing-landing .main .wide-call-to-action h3 {
    width: 100%;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    margin-top: .25em;
    letter-spacing: 0em;
    margin-bottom: 0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 2em;
    text-align: center
}

.page-template-page-seo-landing .main .wide-call-to-action h3:after,
.page-template-page-digital-marketing-landing .main .wide-call-to-action h3:after {
    margin: .25em auto;
    width: 15%
}

.page-template-page-seo-landing .main .wide-call-to-action h3 span,
.page-template-page-digital-marketing-landing .main .wide-call-to-action h3 span {
    color: #89bf00
}

.page-template-page-seo-landing .main p,
.page-template-page-seo-landing .main li,
.page-template-page-digital-marketing-landing .main p,
.page-template-page-digital-marketing-landing .main li {
    font-size: 1.125em;
    line-height: 1.625em;
    margin-bottom: 0;
    margin-top: 0
}

.page-template-page-seo-landing .main h3,
.page-template-page-digital-marketing-landing .main h3 {
    width: 85%;
    margin: 2em auto .25rem auto;
    font-size: 1.825em
}

.page-template-page-seo-landing .main .seo-landing-bg-gray,
.page-template-page-digital-marketing-landing .main .seo-landing-bg-gray {
    grid-row: intro-start/intro-end;
    grid-column: intro-start/intro-end;
    background-color: #e9e9e7;
    z-index: -1
}

.page-template-page-seo-landing .main .seo-landing-bg-gray-2,
.page-template-page-digital-marketing-landing .main .seo-landing-bg-gray-2 {
    grid-row: quote-block-start/quote-block-end;
    grid-column: quote-block-start/quote-block-end;
    background-color: #e9e9e7;
    z-index: -1
}

@media(min-width: 36em) {

    .page-template-page-seo-landing .main .intro,
    .page-template-page-digital-marketing-landing .main .intro {
        font-size: 1.375em;
        padding: 2em 3em 3em 3em
    }

    .page-template-page-seo-landing .main .quote-block,
    .page-template-page-digital-marketing-landing .main .quote-block {
        padding: 3em 4em
    }

    .page-template-page-seo-landing .main .services-table,
    .page-template-page-digital-marketing-landing .main .services-table {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }

    .page-template-page-seo-landing .main .services-table li:after,
    .page-template-page-digital-marketing-landing .main .services-table li:after {
        width: 85%
    }

    .page-template-page-seo-landing .main .services-table h3:after,
    .page-template-page-digital-marketing-landing .main .services-table h3:after {
        width: 100%
    }
}

@media(min-width: 58em) {

    .page-template-page-seo-landing .main,
    .page-template-page-digital-marketing-landing .main {
        grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1fr 1rem;
        grid-template-areas: "intro intro intro intro intro intro intro" "first-header first-header first-header first-header second-header second-header second-header" "first-p first-p first-p first-p second-p second-p second-p" "quote-block quote-block quote-block quote-block quote-block quote-block quote-block" "services-table services-table services-table services-table services-table services-table services-table" "wide-call-to-action wide-call-to-action wide-call-to-action wide-call-to-action wide-call-to-action wide-call-to-action wide-call-to-action"
    }

    .page-template-page-seo-landing .main .intro,
    .page-template-page-digital-marketing-landing .main .intro {
        grid-column: 2/7;
        padding: 2em 2em 3em 2em
    }

    .page-template-page-seo-landing .main h3,
    .page-template-page-digital-marketing-landing .main h3 {
        font-size: 1.425em
    }

    .page-template-page-seo-landing .main .first-p,
    .page-template-page-digital-marketing-landing .main .first-p {
        padding-bottom: 4em;
        grid-column: 2/5
    }

    .page-template-page-seo-landing .main .first-p img,
    .page-template-page-digital-marketing-landing .main .first-p img {
        border-radius: 50%;
        height: 10em;
        width: 10em;
        float: right
    }

    .page-template-page-seo-landing .main .first-header,
    .page-template-page-digital-marketing-landing .main .first-header {
        grid-column: 2/5
    }

    .page-template-page-seo-landing .main .second-header,
    .page-template-page-digital-marketing-landing .main .second-header {
        grid-column: 5/7
    }

    .page-template-page-seo-landing .main .second-p,
    .page-template-page-digital-marketing-landing .main .second-p {
        grid-column: 5/7
    }

    .page-template-page-seo-landing .main .second-p p,
    .page-template-page-digital-marketing-landing .main .second-p p {
        width: 30em
    }

    .page-template-page-seo-landing .main .quote-block,
    .page-template-page-digital-marketing-landing .main .quote-block {
        grid-template-rows: 1fr;
        grid-template-columns: auto auto;
        grid-template-areas: "media-text-media media-text-content";
        grid-column: 2/7;
        padding: 3em 3em
    }

    .page-template-page-seo-landing .main .quote-block span,
    .page-template-page-digital-marketing-landing .main .quote-block span {
        float: right
    }

    .page-template-page-seo-landing .main .quote-block figure,
    .page-template-page-digital-marketing-landing .main .quote-block figure {
        width: 100%
    }

    .page-template-page-seo-landing .main .quote-block .wp-block-media-text__content,
    .page-template-page-digital-marketing-landing .main .quote-block .wp-block-media-text__content {
        padding: 0 0 0 2em
    }

    .page-template-page-seo-landing .main .services-table,
    .page-template-page-digital-marketing-landing .main .services-table {
        grid-column: 2/7;
        grid-gap: 2em;
        grid-gap: 2em
    }

    .page-template-page-seo-landing .main .services-table li,
    .page-template-page-digital-marketing-landing .main .services-table li {
        font-size: 1.125em
    }

    .page-template-page-seo-landing .main .services-table li:after,
    .page-template-page-digital-marketing-landing .main .services-table li:after {
        width: 100%
    }

    .page-template-page-seo-landing .main .services-table h3,
    .page-template-page-digital-marketing-landing .main .services-table h3 {
        width: 100%;
        font-size: 1.325em
    }

    .page-template-page-seo-landing .main .bottom-call-bg,
    .page-template-page-digital-marketing-landing .main .bottom-call-bg {
        grid-column: 1/8
    }

    .page-template-page-seo-landing .main .wide-call-to-action,
    .page-template-page-digital-marketing-landing .main .wide-call-to-action {
        width: 60%
    }
}

@media(min-width: 72em) {

    .page-template-page-seo-landing .main,
    .page-template-page-digital-marketing-landing .main {
        grid-template-columns: 4em 1fr 1fr 1fr 1fr 1fr 4em
    }

    .page-template-page-seo-landing .main p,
    .page-template-page-seo-landing .main li,
    .page-template-page-digital-marketing-landing .main p,
    .page-template-page-digital-marketing-landing .main li {
        font-size: .975em;
        line-height: 1.625em
    }

    .page-template-page-seo-landing .main .services-table,
    .page-template-page-digital-marketing-landing .main .services-table {
        grid-column: 2/7;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 1rem
    }

    .page-template-page-seo-landing .main .services-table li,
    .page-template-page-digital-marketing-landing .main .services-table li {
        font-size: .825em
    }

    .page-template-page-seo-landing .main .services-table h3,
    .page-template-page-digital-marketing-landing .main .services-table h3 {
        font-size: 1em
    }
}

@media(min-width: 86em) {

    .page-template-page-seo-landing .main,
    .page-template-page-digital-marketing-landing .main {
        grid-template-columns: 6em 1fr 1fr 1fr 1fr 1fr 6em
    }
}

.page-template-page-web-design-landing .main {
    grid-row: 4/5;
    grid-column: 1/3
}

.page-template-page-web-design-landing .main .intro {
    font-size: 1.375em;
    grid-area: intro;
    width: 100%;
    padding: 0 2em 2em 2em;
    text-align: center
}

.page-template-page-web-design-landing .main .geo-overview-block {
    z-index: 2;
    font-size: .8em;
    padding: 2em
}

.page-template-page-web-design-landing .main .geo-overview-block figure {
    width: 85%;
    margin: 1em auto
}

.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content {
    padding: 0
}

.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content h3,
.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content p {
    margin-left: 0;
    margin-right: 0
}

.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content h3 a,
.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content p a {
    color: #ff4713
}

.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content h3 a:hover,
.page-template-page-web-design-landing .main .geo-overview-block .wp-block-media-text__content p a:hover {
    color: #152a3f
}

.page-template-page-web-design-landing .main .geo-overview-block span {
    float: left;
    color: #ff4713
}

.page-template-page-web-design-landing .main .wp-block-media-text {
    display: block
}

.page-template-page-web-design-landing .main .quote-block {
    grid-area: quote-block;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "media-text-content" "media-text-media";
    z-index: 2;
    font-size: .925em;
    padding: 2em 2em
}

.page-template-page-web-design-landing .main .quote-block figure {
    width: 85%;
    margin: 1em auto
}

.page-template-page-web-design-landing .main .quote-block .wp-block-media-text__content {
    padding: 0
}

.page-template-page-web-design-landing .main .quote-block .wp-block-media-text__content h3,
.page-template-page-web-design-landing .main .quote-block .wp-block-media-text__content p {
    margin-left: 0;
    margin-right: 0
}

.page-template-page-web-design-landing .main .quote-block span {
    float: left;
    color: #ff4713;
    font-family: "din-medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-web-design-landing .main .quote-block img {
    border-radius: 50%;
    width: 10em
}

.page-template-page-web-design-landing .main .we-value {
    grid-area: we-value;
    grid-column: 1/2;
    width: 85%;
    margin: 2em auto 2em auto;
    grid-gap: .25rem;
    text-align: center
}

.page-template-page-web-design-landing .main .we-value p {
    font-size: .825em
}

.page-template-page-web-design-landing .main .we-value div {
    width: 100%
}

.page-template-page-web-design-landing .main .bottom-call-bg {
    background-color: #110e03;
    grid-row: wide-call-to-action-start/wide-call-to-action-end;
    grid-columns: wide-call-to-action-start/wide-call-to-action-end;
    grid-column: 1/2
}

.page-template-page-web-design-landing .main .bottom-call-bg .btn-call-to-action {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.125em !important
}

.page-template-page-web-design-landing .main .bottom-call-bg .gform_footer {
    text-align: center
}

.page-template-page-web-design-landing .main .wide-call-to-action {
    grid-area: wide-call-to-action;
    width: 85%;
    margin: 3em auto 3em auto;
    grid-gap: .25rem;
    grid-column: 1/2
}

.page-template-page-web-design-landing .main .wide-call-to-action .wpcf7-submit {
    display: block;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    margin: 2em auto 0 auto
}

.page-template-page-web-design-landing .main .wide-call-to-action .recaptcha-badge {
    text-align: center;
    color: #fff;
    font-size: .8em;
    font-family: "din-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-web-design-landing .main .wide-call-to-action .recaptcha-badge a {
    color: #fff
}

.page-template-page-web-design-landing .main .wide-call-to-action .recaptcha-badge a:hover {
    color: #ff4713
}

.page-template-page-web-design-landing .main .wide-call-to-action .call {
    text-align: center
}

.page-template-page-web-design-landing .main .wide-call-to-action h3 {
    width: 100%;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    margin-top: .25em;
    letter-spacing: 0em;
    margin-bottom: 0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 2em;
    text-align: center
}

.page-template-page-web-design-landing .main .wide-call-to-action h3:after {
    margin: .25em auto;
    width: 15%
}

.page-template-page-web-design-landing .main .wide-call-to-action h3 span {
    color: #89bf00
}

.page-template-page-web-design-landing .main p,
.page-template-page-web-design-landing .main li {
    font-size: 1.25em;
    margin-bottom: 0
}

.page-template-page-web-design-landing .main h3 {
    width: 85%;
    margin: 2em auto .25rem auto;
    font-size: 1.5em
}

.page-template-page-web-design-landing .main .seo-landing-bg-gray {
    grid-row: intro-start/intro-end;
    grid-column: intro-start/intro-end;
    background-color: #e9e9e7;
    z-index: -1
}

.page-template-page-web-design-landing .main .seo-landing-bg-gray-2 {
    grid-row: quote-block-start/quote-block-end;
    grid-column: quote-block-start/quote-block-end;
    background-color: #e9e9e7;
    z-index: -1
}

@media(min-width: 36em) {
    .page-template-page-web-design-landing .main .intro {
        font-size: 1.375em;
        padding: 0 3em 3em 3em
    }

    .page-template-page-web-design-landing .main .quote-block {
        padding: 3em 4em
    }

    .page-template-page-web-design-landing .main .we-value {
        font-size: 1.125em
    }
}

@media(min-width: 58em) {
    .page-template-page-web-design-landing .main .wp-block-media-text {
        display: grid
    }

    .page-template-page-web-design-landing .main h3 {
        font-size: 1.425em
    }

    .page-template-page-web-design-landing .main .quote-block {
        grid-template-rows: 1fr;
        grid-template-columns: auto auto;
        grid-template-areas: "media-text-media media-text-content";
        grid-column: 2/7;
        padding: 3em 3em
    }

    .page-template-page-web-design-landing .main .quote-block span {
        float: right
    }

    .page-template-page-web-design-landing .main .quote-block figure {
        width: 100%
    }

    .page-template-page-web-design-landing .main .quote-block .wp-block-media-text__content {
        padding: 0 0 0 2em
    }

    .page-template-page-web-design-landing .main .we-value {
        grid-column: 2/7;
        grid-gap: 2em
    }

    .page-template-page-web-design-landing .main .bottom-call-bg {
        grid-column: 1/8
    }

    .page-template-page-web-design-landing .main .wide-call-to-action {
        width: 60%
    }
}

@media(min-width: 72em) {
    .page-template-page-web-design-landing .main {
        grid-template-columns: 4em 1fr 1fr 1fr 1fr 1fr 4em
    }

    .page-template-page-web-design-landing .main p,
    .page-template-page-web-design-landing .main li {
        font-size: .975em;
        line-height: 1.625em
    }

    .page-template-page-web-design-landing .main .we-value {
        grid-column: 2/7;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 1rem
    }
}

@media(min-width: 86em) {
    .page-template-page-web-design-landing .main {
        grid-template-columns: 6em 1fr 1fr 1fr 1fr 1fr 6em
    }
}

.page-template-page-web-design-landing-v2 .hero-landing .hero-landing-callout {
    display: flex;
    align-items: center
}

.page-template-page-web-design-landing-v2 .hero-landing .text-wrap h1 {
    margin: 0;
    padding: 0
}

.page-template-page-web-design-landing-v2 .hero-landing .text-wrap p {
    padding: 0
}

.page-template-page-web-design-landing-v2 .main {
    grid-column: 1/-1
}

.page-template-page-web-design-landing-v2 .main .sect-intro {
    text-align: center;
    font-size: 1.375em;
    padding: 2em
}

.page-template-page-web-design-landing-v2 .main .sect-intro p {
    margin: 0 0 .5em 0
}

.page-template-page-web-design-landing-v2 .main .sect-intro p:last-of-type {
    margin: 0
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box {
    min-height: 18em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: cover
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .5s
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .content {
    z-index: 3;
    pointer-events: none
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .content h2 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 1.65em
}

@media screen and (min-width: 58em) {
    .page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .content h2 {
        font-size: 1.5em
    }
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .content h2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2em;
    padding-top: .25em;
    border-bottom: .075em solid #fff
}

.page-template-page-web-design-landing-v2 .main .portfolio-pieces .box .content p {
    text-align: center;
    color: #fff;
    margin-top: 1em;
    width: 100%
}

@media screen and (min-width: 58em) {
    .page-template-page-web-design-landing-v2 .main .portfolio-pieces {
        grid-template-columns: repeat(3, 1fr)
    }
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials {
    padding: 3em 2em 2em 2em
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial {
    padding: 2em 2em 8rem 2em;
    border-radius: .25em;
    text-align: center;
    position: relative;
    margin-bottom: 6rem
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial:last-of-type {
    margin-bottom: 5rem
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial.has-orange-background-color {
    padding: 2em;
    margin-bottom: 3rem
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial.has-orange-background-color .about {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0 0 1em 0
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial.has-orange-background-color .about .author {
    margin: .25em 0 0 0
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .stars {
    display: flex;
    justify-content: center;
    margin-bottom: 1em
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .stars [aria-hidden=true] {
    display: block;
    font-size: 1.75em;
    margin: 0 .25em
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .quote {
    margin: 0;
    font-size: 1.15em
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .author {
    margin: 1.5em 0 0 0;
    font-family: "din", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: .9em
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .about {
    position: absolute;
    bottom: -4rem;
    margin: auto;
    left: 0;
    right: 0
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .about .author {
    margin-bottom: .25em
}

.page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .about img {
    border-radius: 50%;
    width: 8rem;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action {
    background-color: #110e03;
    padding: 2rem
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .wpcf7-submit {
    display: block;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    margin: 2em auto 0 auto
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .recaptcha-badge {
    text-align: center;
    color: #fff;
    font-size: .8em;
    font-family: "din-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .recaptcha-badge a {
    color: #fff
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .recaptcha-badge a:hover {
    color: #ff4713
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .call {
    text-align: center
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action h3 {
    width: 100%;
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    margin-top: .25em;
    letter-spacing: 0em;
    margin-bottom: 0em;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action h3:after {
    margin: .25em auto;
    width: 15%
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action h3 span {
    color: #89bf00
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .gform_footer {
    text-align: center
}

.page-template-page-web-design-landing-v2 .main .wide-call-to-action .gform_wrapper,
.page-template-page-web-design-landing-v2 .main .wide-call-to-action .call {
    margin: 0
}

@media screen and (min-width: 58em) {
    .page-template-page-web-design-landing-v2 .hero-landing-callout {
        padding: 0 5rem
    }

    .page-template-page-web-design-landing-v2 .main {
        grid-row: 4/5;
        grid-column: 1/3
    }

    .page-template-page-web-design-landing-v2 .main .sect-intro {
        padding: 2em 5em
    }

    .page-template-page-web-design-landing-v2 .main .sect-testimonials {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 1em;
        padding: 3em 2em 5em 2em
    }

    .page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial {
        margin: 0;
        padding: 2em 2em 0 2em;
        height: 100%
    }

    .page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial.has-orange-background-color {
        padding-top: 1em;
        padding-bottom: 0
    }

    .page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial.has-orange-background-color .about {
        margin-bottom: 1em
    }

    .page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .quote {
        font-size: .9em
    }

    .page-template-page-web-design-landing-v2 .main .sect-testimonials .testimonial .author {
        font-size: .65em
    }

    .page-template-page-web-design-landing-v2 .main .bottom-call-bg .wide-call-to-action .gform_wrapper {
        margin: 0 auto
    }
}

@media screen and (min-width: 86em) {
    .page-template-page-web-design-landing-v2 .hero-landing-callout .text-wrap h1 {
        width: 95%
    }

    .page-template-page-web-design-landing-v2 .main .sect-intro {
        padding: 2em 12.5em
    }
}

@media screen and (min-width: 115em) {
    .page-template-page-web-design-landing-v2 .hero-landing-callout {
        padding: 0 10rem
    }
}

.hero-landing-callout .featured-first h1,
.hero-landing-callout .featured-first h2 {
    margin-left: 0;
    padding-left: 0
}

.hero-landing-callout .featured-first h1 {
    padding-top: 1em
}

.hero-landing-action {
    text-align: left;
    padding: 0;
    display: flex;
    align-items: center
}

.hero-landing-action div.gform_body {
    margin: 0 !important;
    width: 100% !important
}

.hero-landing-action div.gform_body li {
    font-size: 1.15rem
}

.hero-landing-action div.gform_body li .ginput_container input {
    line-height: 0 !important
}

.hero-landing-action div.gform_body .recaptcha-badge {
    font-size: 1rem !important;
    text-align: left;
    padding-left: 0
}

.hero-landing-action div#gform_wrapper_2 {
    margin-bottom: 0 !important
}

.hero-landing-action .gform_footer {
    text-align: left
}

.hero-landing-action .gform_footer .btn-call-to-action {
    font-family: "din-condensed-bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.125em !important
}

@media screen and (min-width: 36em) {
    .hero-landing-action div.gform_body {
        margin: 0 !important;
        width: 80% !important
    }

    .hero-landing-action .gform_footer {
        text-align: left
    }

    .hero-landing-action .gform_footer .btn-call-to-action {
        font-size: 1em !important;
        padding: .75rem 1.2rem
    }
}

@media screen and (min-width: 72em) {
    .hero-landing-action div.gform_body {
        margin: 0 !important;
        width: 100% !important
    }
}

.center {
    text-align: center
}

img.wp-image-5348 {
    object-fit: cover
}

.page-template-default .grid-container,
.post-template-default .grid-container,
.blog .grid-container,
.portfolio-template-default .grid-container,
.post-type-archive-portfolio .grid-container,
.page-template-page-video .grid-container,
.page-template-page-front .grid-container,
.archive .grid-container,
.error404 .grid-container,
.page-template-page-about-video .grid-container {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr auto
}

.page-template-default .main,
.post-template-default .main,
.blog .main,
.portfolio-template-default .main,
.post-type-archive-portfolio .main,
.page-template-page-video .main,
.page-template-page-front .main,
.archive .main,
.error404 .main,
.page-template-page-about-video .main {
    grid-row: 2/3;
    grid-column: 1/3
}

.page-template-default .main .wp-block-embed-vimeo.aligncenter,
.post-template-default .main .wp-block-embed-vimeo.aligncenter,
.blog .main .wp-block-embed-vimeo.aligncenter,
.portfolio-template-default .main .wp-block-embed-vimeo.aligncenter,
.post-type-archive-portfolio .main .wp-block-embed-vimeo.aligncenter,
.page-template-page-video .main .wp-block-embed-vimeo.aligncenter,
.page-template-page-front .main .wp-block-embed-vimeo.aligncenter,
.archive .main .wp-block-embed-vimeo.aligncenter,
.error404 .main .wp-block-embed-vimeo.aligncenter,
.page-template-page-about-video .main .wp-block-embed-vimeo.aligncenter {
    text-align: center
}

.page-template-default .main .portfolio-pieces,
.post-template-default .main .portfolio-pieces,
.blog .main .portfolio-pieces,
.portfolio-template-default .main .portfolio-pieces,
.post-type-archive-portfolio .main .portfolio-pieces,
.page-template-page-video .main .portfolio-pieces,
.page-template-page-front .main .portfolio-pieces,
.archive .main .portfolio-pieces,
.error404 .main .portfolio-pieces,
.page-template-page-about-video .main .portfolio-pieces {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr
}

.page-template-default .main .portfolio-pieces .box,
.post-template-default .main .portfolio-pieces .box,
.blog .main .portfolio-pieces .box,
.portfolio-template-default .main .portfolio-pieces .box,
.post-type-archive-portfolio .main .portfolio-pieces .box,
.page-template-page-video .main .portfolio-pieces .box,
.page-template-page-front .main .portfolio-pieces .box,
.archive .main .portfolio-pieces .box,
.error404 .main .portfolio-pieces .box,
.page-template-page-about-video .main .portfolio-pieces .box {
    min-height: 18em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.page-template-default .main .portfolio-pieces .box .bg,
.post-template-default .main .portfolio-pieces .box .bg,
.blog .main .portfolio-pieces .box .bg,
.portfolio-template-default .main .portfolio-pieces .box .bg,
.post-type-archive-portfolio .main .portfolio-pieces .box .bg,
.page-template-page-video .main .portfolio-pieces .box .bg,
.page-template-page-front .main .portfolio-pieces .box .bg,
.archive .main .portfolio-pieces .box .bg,
.error404 .main .portfolio-pieces .box .bg,
.page-template-page-about-video .main .portfolio-pieces .box .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: cover
}

.page-template-default .main .portfolio-pieces .box .overlay,
.post-template-default .main .portfolio-pieces .box .overlay,
.blog .main .portfolio-pieces .box .overlay,
.portfolio-template-default .main .portfolio-pieces .box .overlay,
.post-type-archive-portfolio .main .portfolio-pieces .box .overlay,
.page-template-page-video .main .portfolio-pieces .box .overlay,
.page-template-page-front .main .portfolio-pieces .box .overlay,
.archive .main .portfolio-pieces .box .overlay,
.error404 .main .portfolio-pieces .box .overlay,
.page-template-page-about-video .main .portfolio-pieces .box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .5s
}

.page-template-default .main .portfolio-pieces .box .content,
.post-template-default .main .portfolio-pieces .box .content,
.blog .main .portfolio-pieces .box .content,
.portfolio-template-default .main .portfolio-pieces .box .content,
.post-type-archive-portfolio .main .portfolio-pieces .box .content,
.page-template-page-video .main .portfolio-pieces .box .content,
.page-template-page-front .main .portfolio-pieces .box .content,
.archive .main .portfolio-pieces .box .content,
.error404 .main .portfolio-pieces .box .content,
.page-template-page-about-video .main .portfolio-pieces .box .content {
    z-index: 3;
    pointer-events: none
}

.page-template-default .main .portfolio-pieces .box .content h2,
.post-template-default .main .portfolio-pieces .box .content h2,
.blog .main .portfolio-pieces .box .content h2,
.portfolio-template-default .main .portfolio-pieces .box .content h2,
.post-type-archive-portfolio .main .portfolio-pieces .box .content h2,
.page-template-page-video .main .portfolio-pieces .box .content h2,
.page-template-page-front .main .portfolio-pieces .box .content h2,
.archive .main .portfolio-pieces .box .content h2,
.error404 .main .portfolio-pieces .box .content h2,
.page-template-page-about-video .main .portfolio-pieces .box .content h2 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 1.65em
}

@media screen and (min-width: 58em) {

    .page-template-default .main .portfolio-pieces .box .content h2,
    .post-template-default .main .portfolio-pieces .box .content h2,
    .blog .main .portfolio-pieces .box .content h2,
    .portfolio-template-default .main .portfolio-pieces .box .content h2,
    .post-type-archive-portfolio .main .portfolio-pieces .box .content h2,
    .page-template-page-video .main .portfolio-pieces .box .content h2,
    .page-template-page-front .main .portfolio-pieces .box .content h2,
    .archive .main .portfolio-pieces .box .content h2,
    .error404 .main .portfolio-pieces .box .content h2,
    .page-template-page-about-video .main .portfolio-pieces .box .content h2 {
        font-size: 1.5em
    }
}

.page-template-default .main .portfolio-pieces .box .content h2:after,
.post-template-default .main .portfolio-pieces .box .content h2:after,
.blog .main .portfolio-pieces .box .content h2:after,
.portfolio-template-default .main .portfolio-pieces .box .content h2:after,
.post-type-archive-portfolio .main .portfolio-pieces .box .content h2:after,
.page-template-page-video .main .portfolio-pieces .box .content h2:after,
.page-template-page-front .main .portfolio-pieces .box .content h2:after,
.archive .main .portfolio-pieces .box .content h2:after,
.error404 .main .portfolio-pieces .box .content h2:after,
.page-template-page-about-video .main .portfolio-pieces .box .content h2:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2em;
    padding-top: .25em;
    border-bottom: .075em solid #fff
}

.page-template-default .main .portfolio-pieces .box .content p,
.post-template-default .main .portfolio-pieces .box .content p,
.blog .main .portfolio-pieces .box .content p,
.portfolio-template-default .main .portfolio-pieces .box .content p,
.post-type-archive-portfolio .main .portfolio-pieces .box .content p,
.page-template-page-video .main .portfolio-pieces .box .content p,
.page-template-page-front .main .portfolio-pieces .box .content p,
.archive .main .portfolio-pieces .box .content p,
.error404 .main .portfolio-pieces .box .content p,
.page-template-page-about-video .main .portfolio-pieces .box .content p {
    text-align: center;
    color: #fff;
    margin-top: 1em;
    width: 100%
}

@media screen and (min-width: 58em) {

    .page-template-default .main .portfolio-pieces,
    .post-template-default .main .portfolio-pieces,
    .blog .main .portfolio-pieces,
    .portfolio-template-default .main .portfolio-pieces,
    .post-type-archive-portfolio .main .portfolio-pieces,
    .page-template-page-video .main .portfolio-pieces,
    .page-template-page-front .main .portfolio-pieces,
    .archive .main .portfolio-pieces,
    .error404 .main .portfolio-pieces,
    .page-template-page-about-video .main .portfolio-pieces {
        grid-template-columns: repeat(3, 1fr)
    }
}

.page-template-default .main .work-together,
.post-template-default .main .work-together,
.blog .main .work-together,
.portfolio-template-default .main .work-together,
.post-type-archive-portfolio .main .work-together,
.page-template-page-video .main .work-together,
.page-template-page-front .main .work-together,
.archive .main .work-together,
.error404 .main .work-together,
.page-template-page-about-video .main .work-together {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1/-1;
    padding: 3em 0;
    background-color: #edeced
}

.page-template-default .main .work-together .work-title,
.post-template-default .main .work-together .work-title,
.blog .main .work-together .work-title,
.portfolio-template-default .main .work-together .work-title,
.post-type-archive-portfolio .main .work-together .work-title,
.page-template-page-video .main .work-together .work-title,
.page-template-page-front .main .work-together .work-title,
.archive .main .work-together .work-title,
.error404 .main .work-together .work-title,
.page-template-page-about-video .main .work-together .work-title {
    text-align: center;
    margin: 0 auto .5em auto;
    font-size: 1.5em;
    padding: 0;
    color: #353535;
    align-self: center;
    justify-self: center
}

.page-template-default .main .work-together .work-title:after,
.post-template-default .main .work-together .work-title:after,
.blog .main .work-together .work-title:after,
.portfolio-template-default .main .work-together .work-title:after,
.post-type-archive-portfolio .main .work-together .work-title:after,
.page-template-page-video .main .work-together .work-title:after,
.page-template-page-front .main .work-together .work-title:after,
.archive .main .work-together .work-title:after,
.error404 .main .work-together .work-title:after,
.page-template-page-about-video .main .work-together .work-title:after {
    display: none
}

.page-template-default .main .work-together .work-btn,
.post-template-default .main .work-together .work-btn,
.blog .main .work-together .work-btn,
.portfolio-template-default .main .work-together .work-btn,
.post-type-archive-portfolio .main .work-together .work-btn,
.page-template-page-video .main .work-together .work-btn,
.page-template-page-front .main .work-together .work-btn,
.archive .main .work-together .work-btn,
.error404 .main .work-together .work-btn,
.page-template-page-about-video .main .work-together .work-btn {
    font-size: 1.2em;
    align-self: center;
    justify-self: center
}

@media screen and (min-width: 58em) {

    .page-template-default .main .work-together .work-btn,
    .post-template-default .main .work-together .work-btn,
    .blog .main .work-together .work-btn,
    .portfolio-template-default .main .work-together .work-btn,
    .post-type-archive-portfolio .main .work-together .work-btn,
    .page-template-page-video .main .work-together .work-btn,
    .page-template-page-front .main .work-together .work-btn,
    .archive .main .work-together .work-btn,
    .error404 .main .work-together .work-btn,
    .page-template-page-about-video .main .work-together .work-btn {
        font-size: 1em
    }
}

@media screen and (min-width: 58em) {

    .page-template-default .main .work-together .work-title,
    .post-template-default .main .work-together .work-title,
    .blog .main .work-together .work-title,
    .portfolio-template-default .main .work-together .work-title,
    .post-type-archive-portfolio .main .work-together .work-title,
    .page-template-page-video .main .work-together .work-title,
    .page-template-page-front .main .work-together .work-title,
    .archive .main .work-together .work-title,
    .error404 .main .work-together .work-title,
    .page-template-page-about-video .main .work-together .work-title {
        font-size: 1.75em
    }
}

.morroni-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #152a3f;
    z-index: 15;
    border-top: 3px solid #fff;
    opacity: .95
}

.morroni-banner:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: -8px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 5px solid #ff4713
}

.morroni-banner .morroni {
    text-align: center;
    color: #fff;
    font-family: "din-med", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: .75em 0;
    margin: 0 auto;
    width: 75%
}

.morroni-banner .morroni .orange {
    color: #ff4713
}

.morroni-banner .morroni a {
    color: #fff;
    font-family: "din-med", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    padding: .5em .75em;
    border-radius: .25em;
    margin-top: .5em;
    font-size: 1em
}

.morroni-banner .morroni a:hover {
    color: #ff4713;
    border-color: #ff4713;
    background-color: rgba(0, 0, 0, 0)
}

.morroni-banner #close-banner {
    position: absolute;
    left: 1em;
    top: 1em;
    bottom: 0;
    z-index: 5;
    cursor: pointer;
    transition: .2s;
    padding: 0;
    color: #fff;
    font-family: "din-med", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    font-size: 1.25em
}

.morroni-banner #close-banner:hover {
    color: #ff4713
}

@media screen and (min-width: 22em) {
    .morroni-banner .morroni {
        width: 95%;
        padding: 1.75em 0 .75em 0
    }

    .morroni-banner #close-banner {
        top: .5em;
        font-size: 1em;
        left: .75em;
        top: .25em
    }
}

@media screen and (min-width: 36em) {
    .morroni-banner .morroni {
        width: 85%;
        padding: .75em 0
    }

    .morroni-banner #close-banner {
        top: .5em;
        font-size: 1.25em;
        left: 1em
    }
}


.page-template-default .main .main-content .intro {
    font-size: 1.2em
}

.page-template-default .main .main-content .intro:first-of-type {
    margin-top: 0
}

.page-template-default .main .main-content h2 {
    margin: 0 0 .25em 0;
    font-size: 1.75em
}

.page-template-default .main .main-content h3 {
    font-size: 1.7em;
    margin: 0 0 .25em 0
}

.page-template-default .main .main-content h3:after {
    display: none
}

.page-template-default .main .main-content h3.intro {
    text-transform: uppercase;
    font-size: 1.25em;
    margin-bottom: 0
}

.page-template-default .main .main-content h3.intro a {
    color: #89bf00
}

.page-template-default .main .main-content h3.intro a:hover {
    color: #ff4713
}

.page-template-default .main .main-content .btn {
    margin-top: 1em
}

.page-template-default .main .main-content .wp-block-separator {
    width: 3.75em;
    border: none;
    border-bottom: .075em solid #ff4713
}

.page-template-default .main .main-content .wp-block-group {
    padding: 2em 1em
}

.page-template-default .main .main-content .wp-block-image {
    margin: 0
}

.page-template-default .main .main-content .wp-block-media-text {
    grid-template-columns: 1fr;
    grid-template-areas: "img" "content"
}

.page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__media {
    grid-area: img;
    overflow: hidden
}

.page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__media img {
    max-width: 100%
}

.page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    grid-area: content
}

.page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__content p:last-of-type {
    margin-bottom: 0
}

.page-template-default .main .main-content .wp-block-columns {
    display: block
}

.page-template-default .main .main-content .wp-block-columns .wp-block-column {
    padding: 0 1em;
    margin: 0 0 2em 0
}

.page-template-default .main .main-content .wp-block-columns .wp-block-column:last-of-type {
    margin-bottom: 0
}

.page-template-default .main .main-content .gform_wrapper h3 {
    font-size: 1.5em;
    text-align: center;
    margin: auto;
    padding-bottom: .2em;
    padding-top: 2em;
    text-transform: uppercase;
    color: #496a59
}

.page-template-default .main .main-content .gform_wrapper h3:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2em;
    padding-top: .25em;
    border-bottom: .075em solid #ff4713
}

.page-template-default .main .main-content .location-block {
    display: -ms-grid;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "location-img" "location-content";
    padding: 1em 0;
    z-index: 2
}

.page-template-default .main .main-content .location-block:first-of-type {
    margin-top: 3em
}

.page-template-default .main .main-content .location-block:last-of-type {
    margin-bottom: 3em
}

.page-template-default .main .main-content .location-block .location-img {
    text-align: center;
    margin-bottom: 0;
    grid-area: location-img
}

.page-template-default .main .main-content .location-block .location-img img {
    border-radius: 50%;
    margin: 0 auto;
    width: 9em;
    height: 9em
}

.page-template-default .main .main-content .location-block .location-content {
    grid-area: location-content
}

.page-template-default .main .main-content .location-block .location-content .area-name {
    color: #2a6c85;
    font-size: 1.375em;
    font-weight: 400;
    margin-bottom: .325em;
    margin-top: .325em;
    text-transform: uppercase;
    text-align: center;
    align-self: center;
    padding-bottom: 0em
}

.page-template-default .main .main-content .location-block .location-content .area-name:after {
    display: none
}

.page-template-default .main .main-content .location-block .location-content .area-description {
    text-align: center;
    width: 100%;
    margin: 0 0 1em 0;
    padding-left: 10%;
    padding-right: 10%;
    color: #353535
}

@media screen and (min-width: 58em) {
    .page-template-default .main .main-content .intro {
        font-size: 1.05em;
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }

    .page-template-default .main .main-content h3.intro {
        font-size: 1.25em;
        padding: 0;
        width: 50%
    }

    .page-template-default .main .main-content .wp-block-group {
        padding: 2em 6em
    }

    .page-template-default .main .main-content .wp-block-columns {
        display: flex
    }

    .page-template-default .main .main-content .wp-block-columns .wp-block-column {
        padding: auto
    }

    .page-template-default .main .main-content .wp-block-media-text {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "img content";
        grid-gap: 0;
        margin: 2em 0
    }

    .page-template-default .main .main-content .wp-block-media-text.has-media-on-the-right {
        grid-template-areas: "content img"
    }

    .page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__media {
        height: 100%;
        display: flex
    }

    .page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__media img {
        width: 100%;
        object-fit: cover
    }

    .page-template-default .main .main-content .wp-block-media-text .wp-block-media-text__content {
        padding: 3rem
    }

    .page-template-default .main .main-content .location-block {
        grid-column: 1/-1;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "location-img location-content location-content" "location-img location-content location-content";
        padding: 1em 0;
        margin-bottom: 1em
    }

    .page-template-default .main .main-content .location-block .location-img {
        text-align: right
    }

    .page-template-default .main .main-content .location-block .location-img img {
        margin-right: 2em
    }

    .page-template-default .main .main-content .location-block .location-content {
        padding-right: 0;
        padding-left: 0em;
        padding-top: .5em
    }

    .page-template-default .main .main-content .location-block .location-content .area-name {
        text-align: left;
        font-size: 1.5em;
        margin: 0
    }

    .page-template-default .main .main-content .location-block .location-content .area-description {
        text-align: left;
        width: 85%;
        margin-top: .25em;
        margin-bottom: 0;
        padding-left: 0em;
        padding-right: 0em
    }
}

@media screen and (min-width: 72em) {
    .page-template-default .main .main-content .location-block .location-img {
        text-align: right
    }

    .page-template-default .main .main-content .location-block .location-img img {
        margin-right: 0em
    }

    .page-template-default .main .main-content .location-block .location-content {
        padding-right: 0;
        padding-left: 2em;
        padding-top: 0em
    }

    .page-template-default .main .main-content .location-block .location-content .area-name {
        text-align: left;
        font-size: 1.5em;
        margin: 0
    }

    .page-template-default .main .main-content .location-block .location-content .area-description {
        text-align: left;
        width: 70%;
        margin-top: .25em;
        margin-bottom: 0
    }
}

@media screen and (min-width: 86em) {
    .page-template-default .main .main-content .location-block .location-content {
        padding-top: .25em
    }
}

@media screen and (min-width: 115em) {
    .page-template-default .main .main-content .location-block .location-content {
        padding-top: .7em
    }
}

.svg-img1 {
    max-width: 70%
}

.svg-img2 {
    margin-top: 3%;
    margin-bottom: 5%;
    max-width: 50%
}

img {
    height: auto
}

@media screen and (min-width: 36em) {
    .page-template-default.refresh form .gform_body {
        margin-left: 10% !important;
        margin-right: 0 !important;
        width: auto !important
    }
}

.page-template-default.refresh #field_6_4 div {
    height: 99%
}

@media screen and (max-width: 36em) {
    .page-template-default.refresh #field_6_4 div {
        text-align: center
    }
}

.page-template-default.refresh button.btn-pill.btn-mp-orange.care-btn {
    height: 100% !important
}

.page-template-default.refresh #gform_confirmation_message_6 {
    color: #ff4713 !important
}

.page-template-default.refresh svg.pointer path {
    fill: #152a3f;
    stroke: #152a3f;
    stroke-width: 2
}

.page-template-default.refresh .spacer {
    height: 30px
}

.page-template-default.refresh .spacer[aria-hidden=true] {
    display: block
}

.page-template-default.refresh .wp-block-columns {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.page-template-default.refresh .wp-block-columns .wp-block-column {
    padding: 0 !important;
    margin: 0 !important
}

.page-template-default.refresh .wp-block-columns .wp-block-column:first-of-type {
    margin-bottom: 10px !important
}

@media screen and (min-width: 36em) {
    .page-template-default.refresh .wp-block-columns .wp-block-column:first-of-type {
        margin-bottom: 0px !important
    }
}

.page-template-default.refresh .wp-block-columns .refresh-win-col {
    flex-basis: 30%;
    box-sizing: border-box;
    background-color: #e9e9e7
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win {
    padding: 10% 15% 5% 15%
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win h3 {
    font-size: 1.25em
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win h3:before {
    content: "";
    display: inline-block;
    background: url("https://mediaproper.com/wp-content/uploads/mpx/2022/03/windows-logo.png") no-repeat;
    width: 25px;
    height: 24px;
    float: left;
    margin: 5px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win h4 {
    font-size: .9em
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win h4.chrome:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/chrome-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 34px;
    height: 34px;
    float: left;
    margin: 0px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win h4.moz:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/firefox-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 33px;
    height: 34px;
    float: left;
    margin: 0px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-win-col .refresh-win h4.micro:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/microsoft-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 34px;
    height: 34px;
    float: left;
    margin: 0px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col {
    flex-basis: 30%;
    box-sizing: border-box;
    background-color: #e9e9e7
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac {
    padding: 10% 15% 5% 15%
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac h3 {
    font-size: 1.25em
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac h3:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/mac-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 21px;
    height: 25px;
    float: left;
    margin: 5px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac h4 {
    font-size: .9em
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac h4.chrome:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/chrome-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 34px;
    height: 34px;
    float: left;
    margin: 0px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac h4.moz:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/firefox-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 33px;
    height: 34px;
    float: left;
    margin: 0px 20px 0 0
}

.page-template-default.refresh .wp-block-columns .refresh-mac-col .refresh-mac h4.safari:before {
    content: "";
    display: inline-block;
    background: url("https://a.mpcdn.io/mpx/2022/03/safari-logo.png?auto=compress%2Cformat&ixlib=php-3.3.1") no-repeat;
    width: 33px;
    height: 34px;
    float: left;
    margin: 0px 20px 0 0
}

.page-template-default.refresh #refreshing {
    text-align: center
}

.page-template-default.refresh .taste-container {
    text-align: center
}

@media screen and (min-width: 36em) {
    .page-template-default.refresh .taste-container {
        text-align: left
    }
}

.gform_body {
    margin-left: 10% !important;
    margin-right: 10% !important;
    width: auto !important
}

@media screen and (min-width: 58em) {
    .gform_body {
        margin-left: 20% !important;
        margin-right: 20% !important
    }
}

.gform_footer {
    text-align: center;
    margin: 0;
    padding-top: 0
}

main {
    padding-left: 0;
    padding-right: 0
}

main .arrow-base {
    background-color: #2a6c85
}

svg.pointer {
    height: 4em !important;
    margin-bottom: 1em
}

svg.pointer path {
    fill: #2a6c85;
    stroke: #2a6c85;
    stroke-width: 2
}

legend {
    grid-area: legend
}

.first-name {
    grid-area: first-name
}

.last-name {
    grid-area: last-name
}

.email {
    grid-area: email
}

.phone {
    grid-area: phone
}

.website {
    grid-area: website
}

.company {
    grid-area: company
}

.message {
    grid-area: message
}

.address {
    grid-area: address
}

.fileupload {
    grid-area: fileupload;
}

.RackQuantity {
    grid-area: RackQuantity;
}

.recaptcha-badge {
    grid-area: recaptcha;
    text-align: center;
    font-family: "din-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8em
}

.grecaptcha-badge {
    display: none !important
}

.contact-us .gform_wrapper form .gform_footer {
    text-align: center
}

.contact-us .contact-fieldset-1,
.contact-us .gform_wrapper .gform_body .gform_fields {
    display: grid;
    margin-left: 5% !important;
    margin-right: 5% !important;
    margin-bottom: 0 !important;
    margin-top: 2% !important;
    grid-gap: .75em 1em;
    grid-template-areas: "first-name first-name" "last-name last-name" "address address" "email email" "phone phone" "company company" "website website" "RackQuantity RackQuantity" "fileupload fileupload" "message message";
}

.contact-us .contact-fieldset-1 li,
.contact-us .gform_wrapper .gform_body .gform_fields li {
    padding: 0;
    margin: 0
}

.contact-us main {
    padding-left: 0;
    padding-right: 0
}

.contact-us main div.wpcf7-validation-errors {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 2em;
    margin-top: -1.5em
}

@media(min-width: 58em) {
    .contact-us main div.wpcf7-validation-errors {
        width: 50%;
        margin-top: -1.5em
    }
}

.contact-us main .arrow-base {
    background-color: #2a6c85
}

.contact-us .first-name,
.contact-us .form-first {
    grid-area: first-name
}

.contact-us .last-name,
.contact-us .form-last {
    grid-area: last-name
}

.contact-us .email,
.contact-us .form-email {
    grid-area: email
}

.contact-us .phone,
.contact-us .form-phone {
    grid-area: phone
}

.contact-us .website,
.contact-us .form-website {
    grid-area: website
}

.contact-us .company,
.contact-us .form-company {
    grid-area: company
}

.contact-us .message,
.contact-us .form-para {
    grid-area: message
}

.contact-us .address,
.contact-us .form-address {
    grid-area: address;
}

.contact-us .fileupload,
.contact-us .form-fileupload {
    grid-area: fileupload;
}

.contact-us .RackQuantity,
.contact-us .form-RackQuantity {
    grid-area: RackQuantity;
}

.contact-us .recaptcha-badge {
    grid-area: recaptcha;
    text-align: center;
    font-family: "din-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8em
}

.contact-us svg.pointer {
    height: 4em !important;
    margin-bottom: 1em
}

.contact-us svg.pointer path {
    fill: #2a6c85;
    stroke: #2a6c85;
    stroke-width: 2
}

@media(min-width: 58em) {

    .contact-us .contact-fieldset-1,
    .contact-us .gform_wrapper .gform_body .gform_fields {
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: "first-name last-name" "address address" "email phone" "company RackQuantity" "fileupload fileupload" "message message";
        margin-left: 20% !important;
        margin-right: 20% !important;
        margin-top: 2% !important
    }
}


.logo {
    grid-row: 1/2;
    grid-column: 1/2;
    z-index: 10;
    padding-left: .5em;
    padding-top: .5em;
    width: 5em
}

.logo .header-logo {
    /* width: 5em */
    width: 10em;

}

/* nayan */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Banner heading */
h1.light {
    text-align: center;
    position: relative;
    top: 30%;
}