@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } 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;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[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 {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
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-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
                 @import url(https://fonts.cdnfonts.com/css/acumin-pro);
@import url(https://fonts.cdnfonts.com/css/bankgothic-md-bt);
@import url(https://fonts.cdnfonts.com/css/franklin-gothic);
:root { --main-font-family: sans-serif;
--main-font-size: 16px;
--main-font-color: #323335;
--body-background: #f2f3f5;
--hover-color: #0056b3; --container-width: 1440px;
--container-pad: min(8vw, 100px); } @media only screen and (max-width: 500px) {
:root {
--container-pad: 20px;
}
}                   .text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.position-static {
position: static;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.d-flex {
display: flex;
}
.d-inline-flex {
display: inline-flex;
}
.d-none {
display: none;
}
@media screen and (max-width: 1366px) {
.text-xl-center {
text-align: center;
}
.text-xl-left {
text-align: left;
}
.text-xl-right {
text-align: right;
}
.float-xl-left {
float: left;
}
.float-xl-right {
float: right;
}
.overflow-xl-hidden {
overflow: hidden;
}
.overflow-xl-visible {
overflow: visible;
}
.position-xl-static {
position: static;
}
.position-xl-relative {
position: relative;
}
.position-xl-absolute {
position: absolute;
}
.d-xl-block {
display: block;
}
.d-xl-inline-block {
display: inline-block;
}
.d-xl-flex {
display: flex;
}
.d-xl-inline-flex {
display: inline-flex;
}
.d-xl-none {
display: none;
}
}
@media screen and (max-width: 1024px) {
.text-lg-center {
text-align: center;
}
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.float-lg-left {
float: left;
}
.float-lg-right {
float: right;
}
.overflow-lg-hidden {
overflow: hidden;
}
.overflow-lg-visible {
overflow: visible;
}
.position-lg-static {
position: static;
}
.position-lg-relative {
position: relative;
}
.position-lg-absolute {
position: absolute;
}
.d-lg-block {
display: block;
}
.d-lg-inline-block {
display: inline-block;
}
.d-lg-flex {
display: flex;
}
.d-lg-inline-flex {
display: inline-flex;
}
.d-lg-none {
display: none;
}
}
@media screen and (max-width: 768px) {
.text-md-center {
text-align: center;
}
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.float-md-left {
float: left;
}
.float-md-right {
float: right;
}
.overflow-md-hidden {
overflow: hidden;
}
.overflow-md-visible {
overflow: visible;
}
.position-md-static {
position: static;
}
.position-md-relative {
position: relative;
}
.position-md-absolute {
position: absolute;
}
.d-md-block {
display: block;
}
.d-md-inline-block {
display: inline-block;
}
.d-md-flex {
display: flex;
}
.d-md-inline-flex {
display: inline-flex;
}
.d-md-none {
display: none;
}
}
@media screen and (max-width: 500px) {
.text-sm-center {
text-align: center;
}
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.float-sm-left {
float: left;
}
.float-sm-right {
float: right;
}
.overflow-sm-hidden {
overflow: hidden;
}
.overflow-sm-visible {
overflow: visible;
}
.position-sm-static {
position: static;
}
.position-sm-relative {
position: relative;
}
.position-sm-absolute {
position: absolute;
}
.d-sm-block {
display: block;
}
.d-sm-inline-block {
display: inline-block;
}
.d-sm-flex {
display: flex;
}
.d-sm-inline-flex {
display: inline-flex;
}
.d-sm-none {
display: none;
}
} .row {
display: flex;
flex-wrap: wrap;
}
.row--hcenter {
justify-content: center;
}
.row--vcenter {
align-items: center;
}   .col {
flex: 1;
max-width: 100%;
}
.col-auto {
flex: auto;
max-width: 100%;
width: auto;
} .col-1 {
flex: 8.3333333333%;
max-width: 8.3333333333%;
}
.off-1 {
margin-left: 8.3333333333%;
}
.col-2 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
}
.off-2 {
margin-left: 16.6666666667%;
}
.col-3 {
flex: 25%;
max-width: 25%;
}
.off-3 {
margin-left: 25%;
}
.col-4 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
}
.off-4 {
margin-left: 33.3333333333%;
}
.col-5 {
flex: 41.6666666667%;
max-width: 41.6666666667%;
}
.off-5 {
margin-left: 41.6666666667%;
}
.col-6 {
flex: 50%;
max-width: 50%;
}
.off-6 {
margin-left: 50%;
}
.col-7 {
flex: 58.3333333333%;
max-width: 58.3333333333%;
}
.off-7 {
margin-left: 58.3333333333%;
}
.col-8 {
flex: 66.6666666667%;
max-width: 66.6666666667%;
}
.off-8 {
margin-left: 66.6666666667%;
}
.col-9 {
flex: 75%;
max-width: 75%;
}
.off-9 {
margin-left: 75%;
}
.col-10 {
flex: 83.3333333333%;
max-width: 83.3333333333%;
}
.off-10 {
margin-left: 83.3333333333%;
}
.col-11 {
flex: 91.6666666667%;
max-width: 91.6666666667%;
}
.off-11 {
margin-left: 91.6666666667%;
}
.col-12 {
flex: 100%;
max-width: 100%;
}
.off-12 {
margin-left: 100%;
} .col-20 {
flex: 20%;
max-width: 20%;
} .gap-0,
.gap-0-x {
margin-left: 0;
}
.gap-0 > *,
.gap-0-x > * {
padding-left: 0;
}
.gap-0,
.gap-0-y {
margin-top: 0;
}
.gap-0 > *,
.gap-0-y > * {
padding-top: 0;
}
.gap-12,
.gap-12-x {
margin-left: -12px;
}
.gap-12 > *,
.gap-12-x > * {
padding-left: 12px;
}
.gap-12,
.gap-12-y {
margin-top: -12px;
}
.gap-12 > *,
.gap-12-y > * {
padding-top: 12px;
}
.gap-24,
.gap-24-x {
margin-left: -24px;
}
.gap-24 > *,
.gap-24-x > * {
padding-left: 24px;
}
.gap-24,
.gap-24-y {
margin-top: -24px;
}
.gap-24 > *,
.gap-24-y > * {
padding-top: 24px;
} @media screen and (max-width: 1366px) {
.col-xl {
flex: 1;
max-width: 100%;
}
.col-xl-auto {
flex: auto;
max-width: 100%;
width: auto;
} .col-xl-1 {
flex: 8.3333333333%;
max-width: 8.3333333333%;
}
.off-xl-1 {
margin-left: 8.3333333333%;
}
.col-xl-2 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
}
.off-xl-2 {
margin-left: 16.6666666667%;
}
.col-xl-3 {
flex: 25%;
max-width: 25%;
}
.off-xl-3 {
margin-left: 25%;
}
.col-xl-4 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
}
.off-xl-4 {
margin-left: 33.3333333333%;
}
.col-xl-5 {
flex: 41.6666666667%;
max-width: 41.6666666667%;
}
.off-xl-5 {
margin-left: 41.6666666667%;
}
.col-xl-6 {
flex: 50%;
max-width: 50%;
}
.off-xl-6 {
margin-left: 50%;
}
.col-xl-7 {
flex: 58.3333333333%;
max-width: 58.3333333333%;
}
.off-xl-7 {
margin-left: 58.3333333333%;
}
.col-xl-8 {
flex: 66.6666666667%;
max-width: 66.6666666667%;
}
.off-xl-8 {
margin-left: 66.6666666667%;
}
.col-xl-9 {
flex: 75%;
max-width: 75%;
}
.off-xl-9 {
margin-left: 75%;
}
.col-xl-10 {
flex: 83.3333333333%;
max-width: 83.3333333333%;
}
.off-xl-10 {
margin-left: 83.3333333333%;
}
.col-xl-11 {
flex: 91.6666666667%;
max-width: 91.6666666667%;
}
.off-xl-11 {
margin-left: 91.6666666667%;
}
.col-xl-12 {
flex: 100%;
max-width: 100%;
}
.off-xl-12 {
margin-left: 100%;
} .col-xl-20 {
flex: 20%;
max-width: 20%;
} .gap-xl-0,
.gap-xl-0-x {
margin-left: 0;
}
.gap-xl-0 > *,
.gap-xl-0-x > * {
padding-left: 0;
}
.gap-xl-0,
.gap-xl-0-y {
margin-top: 0;
}
.gap-xl-0 > *,
.gap-xl-0-y > * {
padding-top: 0;
}
.gap-xl-12,
.gap-xl-12-x {
margin-left: -12px;
}
.gap-xl-12 > *,
.gap-xl-12-x > * {
padding-left: 12px;
}
.gap-xl-12,
.gap-xl-12-y {
margin-top: -12px;
}
.gap-xl-12 > *,
.gap-xl-12-y > * {
padding-top: 12px;
}
.gap-xl-24,
.gap-xl-24-x {
margin-left: -24px;
}
.gap-xl-24 > *,
.gap-xl-24-x > * {
padding-left: 24px;
}
.gap-xl-24,
.gap-xl-24-y {
margin-top: -24px;
}
.gap-xl-24 > *,
.gap-xl-24-y > * {
padding-top: 24px;
}
.reset-xl {
margin-left: 0;
}
}
@media screen and (max-width: 1024px) {
.col-lg {
flex: 1;
max-width: 100%;
}
.col-lg-auto {
flex: auto;
max-width: 100%;
width: auto;
} .col-lg-1 {
flex: 8.3333333333%;
max-width: 8.3333333333%;
}
.off-lg-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
}
.off-lg-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
flex: 25%;
max-width: 25%;
}
.off-lg-3 {
margin-left: 25%;
}
.col-lg-4 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
}
.off-lg-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
flex: 41.6666666667%;
max-width: 41.6666666667%;
}
.off-lg-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
flex: 50%;
max-width: 50%;
}
.off-lg-6 {
margin-left: 50%;
}
.col-lg-7 {
flex: 58.3333333333%;
max-width: 58.3333333333%;
}
.off-lg-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
flex: 66.6666666667%;
max-width: 66.6666666667%;
}
.off-lg-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
flex: 75%;
max-width: 75%;
}
.off-lg-9 {
margin-left: 75%;
}
.col-lg-10 {
flex: 83.3333333333%;
max-width: 83.3333333333%;
}
.off-lg-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
flex: 91.6666666667%;
max-width: 91.6666666667%;
}
.off-lg-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
flex: 100%;
max-width: 100%;
}
.off-lg-12 {
margin-left: 100%;
} .col-lg-20 {
flex: 20%;
max-width: 20%;
} .gap-lg-0,
.gap-lg-0-x {
margin-left: 0;
}
.gap-lg-0 > *,
.gap-lg-0-x > * {
padding-left: 0;
}
.gap-lg-0,
.gap-lg-0-y {
margin-top: 0;
}
.gap-lg-0 > *,
.gap-lg-0-y > * {
padding-top: 0;
}
.gap-lg-12,
.gap-lg-12-x {
margin-left: -12px;
}
.gap-lg-12 > *,
.gap-lg-12-x > * {
padding-left: 12px;
}
.gap-lg-12,
.gap-lg-12-y {
margin-top: -12px;
}
.gap-lg-12 > *,
.gap-lg-12-y > * {
padding-top: 12px;
}
.gap-lg-24,
.gap-lg-24-x {
margin-left: -24px;
}
.gap-lg-24 > *,
.gap-lg-24-x > * {
padding-left: 24px;
}
.gap-lg-24,
.gap-lg-24-y {
margin-top: -24px;
}
.gap-lg-24 > *,
.gap-lg-24-y > * {
padding-top: 24px;
}
.reset-lg {
margin-left: 0;
}
}
@media screen and (max-width: 768px) {
.col-md {
flex: 1;
max-width: 100%;
}
.col-md-auto {
flex: auto;
max-width: 100%;
width: auto;
} .col-md-1 {
flex: 8.3333333333%;
max-width: 8.3333333333%;
}
.off-md-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
}
.off-md-2 {
margin-left: 16.6666666667%;
}
.col-md-3 {
flex: 25%;
max-width: 25%;
}
.off-md-3 {
margin-left: 25%;
}
.col-md-4 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
}
.off-md-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
flex: 41.6666666667%;
max-width: 41.6666666667%;
}
.off-md-5 {
margin-left: 41.6666666667%;
}
.col-md-6 {
flex: 50%;
max-width: 50%;
}
.off-md-6 {
margin-left: 50%;
}
.col-md-7 {
flex: 58.3333333333%;
max-width: 58.3333333333%;
}
.off-md-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
flex: 66.6666666667%;
max-width: 66.6666666667%;
}
.off-md-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
flex: 75%;
max-width: 75%;
}
.off-md-9 {
margin-left: 75%;
}
.col-md-10 {
flex: 83.3333333333%;
max-width: 83.3333333333%;
}
.off-md-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
flex: 91.6666666667%;
max-width: 91.6666666667%;
}
.off-md-11 {
margin-left: 91.6666666667%;
}
.col-md-12 {
flex: 100%;
max-width: 100%;
}
.off-md-12 {
margin-left: 100%;
} .col-md-20 {
flex: 20%;
max-width: 20%;
} .gap-md-0,
.gap-md-0-x {
margin-left: 0;
}
.gap-md-0 > *,
.gap-md-0-x > * {
padding-left: 0;
}
.gap-md-0,
.gap-md-0-y {
margin-top: 0;
}
.gap-md-0 > *,
.gap-md-0-y > * {
padding-top: 0;
}
.gap-md-12,
.gap-md-12-x {
margin-left: -12px;
}
.gap-md-12 > *,
.gap-md-12-x > * {
padding-left: 12px;
}
.gap-md-12,
.gap-md-12-y {
margin-top: -12px;
}
.gap-md-12 > *,
.gap-md-12-y > * {
padding-top: 12px;
}
.gap-md-24,
.gap-md-24-x {
margin-left: -24px;
}
.gap-md-24 > *,
.gap-md-24-x > * {
padding-left: 24px;
}
.gap-md-24,
.gap-md-24-y {
margin-top: -24px;
}
.gap-md-24 > *,
.gap-md-24-y > * {
padding-top: 24px;
}
.reset-md {
margin-left: 0;
}
}
@media screen and (max-width: 500px) {
.col-sm {
flex: 1;
max-width: 100%;
}
.col-sm-auto {
flex: auto;
max-width: 100%;
width: auto;
} .col-sm-1 {
flex: 8.3333333333%;
max-width: 8.3333333333%;
}
.off-sm-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
}
.off-sm-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
flex: 25%;
max-width: 25%;
}
.off-sm-3 {
margin-left: 25%;
}
.col-sm-4 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
}
.off-sm-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
flex: 41.6666666667%;
max-width: 41.6666666667%;
}
.off-sm-5 {
margin-left: 41.6666666667%;
}
.col-sm-6 {
flex: 50%;
max-width: 50%;
}
.off-sm-6 {
margin-left: 50%;
}
.col-sm-7 {
flex: 58.3333333333%;
max-width: 58.3333333333%;
}
.off-sm-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
flex: 66.6666666667%;
max-width: 66.6666666667%;
}
.off-sm-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
flex: 75%;
max-width: 75%;
}
.off-sm-9 {
margin-left: 75%;
}
.col-sm-10 {
flex: 83.3333333333%;
max-width: 83.3333333333%;
}
.off-sm-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
flex: 91.6666666667%;
max-width: 91.6666666667%;
}
.off-sm-11 {
margin-left: 91.6666666667%;
}
.col-sm-12 {
flex: 100%;
max-width: 100%;
}
.off-sm-12 {
margin-left: 100%;
} .col-sm-20 {
flex: 20%;
max-width: 20%;
} .gap-sm-0,
.gap-sm-0-x {
margin-left: 0;
}
.gap-sm-0 > *,
.gap-sm-0-x > * {
padding-left: 0;
}
.gap-sm-0,
.gap-sm-0-y {
margin-top: 0;
}
.gap-sm-0 > *,
.gap-sm-0-y > * {
padding-top: 0;
}
.gap-sm-12,
.gap-sm-12-x {
margin-left: -12px;
}
.gap-sm-12 > *,
.gap-sm-12-x > * {
padding-left: 12px;
}
.gap-sm-12,
.gap-sm-12-y {
margin-top: -12px;
}
.gap-sm-12 > *,
.gap-sm-12-y > * {
padding-top: 12px;
}
.gap-sm-24,
.gap-sm-24-x {
margin-left: -24px;
}
.gap-sm-24 > *,
.gap-sm-24-x > * {
padding-left: 24px;
}
.gap-sm-24,
.gap-sm-24-y {
margin-top: -24px;
}
.gap-sm-24 > *,
.gap-sm-24-y > * {
padding-top: 24px;
}
.reset-sm {
margin-left: 0;
}
} ::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
picture,
img {
max-width: 100%;
height: auto;
}
input,
button,
textarea,
select {
font: inherit;
}
a {
text-decoration: none;
color: inherit;
} .clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
} .container {
width: 100%;
max-width: var(--container-width);
padding: 0 var(--container-pad);
margin: 0 auto;
}
.container--fluid {
max-width: 100%;
}
.container--large {
max-width: 1620px;
} * {
margin: 0;
padding: 0;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
color: var(--main-font-color);
font-family: var(--main-font-family);
font-size: var(--main-font-size);
font-weight: 400;
line-height: 1.5;
}
body {
font-size: 1rem;
line-height: 1.5;
background-color: var(--body-background);
}
h1, h2, h3, h4, h5, h6 {
margin: 1rem 0;
font-weight: 600;
line-height: 1.2;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.17rem;
}
h4 {
font-size: 1rem;
}
h5 {
font-size: 0.83rem;
}
h6 {
font-size: 0.67rem;
}
p {
margin: 1rem 0;
}
ul, ol {
margin: 1rem;
}
ul li, ol li {
margin: 0.5rem 0;
}
a {
color: #007bff;
}
a:hover {
color: var(--hover-color);
text-decoration: underline;
}
blockquote {
margin: 1rem 0;
padding: 0 1rem;
color: #6c757d;
border-left: 0.25rem solid #dee2e6;
}
code {
font-family: "Courier New", Courier, monospace;
}
pre {
margin: 1rem 0;
padding: 1rem;
background-color: #f8f9fa;
border: 1px solid #ddd;
border-radius: 4px;
font-family: "Courier New", Courier, monospace;
font-size: 0.9rem;
line-height: 1.5;
overflow: auto;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "BankGothic Md BT", sans-serif;
}
p,
a,
span {
font-family: "Acumin Pro", serif;
}
.no-js {
margin-top: 0 !important;
}
.site-header {
font-family: "Acumin Pro", serif;
position: relative;
z-index: 999;
}
.site-header .row-header {
align-items: center;
justify-content: start;
}
.site-header .row-header .header-menu {
display: flex;
justify-content: space-between;
align-items: center;
margin-left: 50px;
}
@media only screen and (max-width: 1024px) {
.site-header .row-header .header-menu {
display: none;
}
}
.site-header .row-header .header-menu ul {
list-style: none;
padding: 0;
width: 100%;
display: flex;
margin: 0 20px;
justify-content: space-between;
}
.site-header .row-header .header-menu li {
font-size: 16px;
position: relative;
}
.site-header .row-header .header-menu a {
text-decoration: none;
color: #000;
text-transform: uppercase;
}
.site-header .row-header .mobile--overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.site-header .row-header .mobile--menu {
display: none;
}
@media only screen and (max-width: 1024px) {
.site-header .row-header .mobile--menu {
display: flex;
flex-direction: row;
justify-content: end;
}
}
.site-header .row-header .mobile--header-menu {
position: fixed;
top: 0;
right: -70%;
bottom: 0;
background-color: #8b9d9d;
z-index: 1000;
width: 70%;
transition: right 0.3s ease;
}
.site-header .row-header .mobile--header-menu .close-button {
display: block;
position: relative;
z-index: 10000;
float: right;
margin: 20px;
width: 20px;
}
.site-header .row-header .mobile--header-menu ul {
list-style: none;
margin: 0;
padding: 0;
gap: 20px;
display: flex;
margin: 0 20px;
flex-direction: column;
}
@media only screen and (max-width: 1024px) {
.site-header .row-header .mobile--header-menu ul {
padding: 40px 20px;
padding-top: 60px;
}
}
.site-header .row-header .mobile--header-menu li {
font-size: 21px;
}
.site-header .row-header .mobile--header-menu a {
text-decoration: none;
color: #fff;
}
.site-header .phone-email {
font-size: 16px;
text-align: right;
}
@media only screen and (max-width: 1024px) {
.site-header .phone-email {
text-align: center;
margin: 30px 0;
}
}
.site-header .phone-email img {
display: inline-block;
}
.site-header .phone-email p {
font-family: "BankGothic Md BT", sans-serif;
display: inline-block;
margin: 0;
margin-left: 5px;
letter-spacing: 0;
}
.site-header .phone-email .orange {
font-family: "BankGothic Md BT", sans-serif;
color: #e37b00;
}  .site-footer {
background-image: linear-gradient(38deg, rgba(34, 56, 70, 0.1098039216) 0%, #ffffff 50%, rgba(34, 56, 70, 0.1098039216) 100%);
}
.site-footer .row-footer {
padding: 40px 0;
align-items: center;
justify-content: start;
}
@media only screen and (max-width: 1024px) {
.site-footer .row-footer {
justify-content: center;
gap: 20px;
}
}
.site-footer .row-footer .footer-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.site-footer .row-footer .footer-menu {
display: block;
}
}
.site-footer .row-footer .footer-menu ul {
list-style: none;
padding: 0;
width: 100%;
display: flex;
justify-content: space-between;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.site-footer .row-footer .footer-menu ul {
display: block;
justify-content: space-between;
flex-direction: column;
text-align: center;
margin: auto;
}
}
.site-footer .row-footer .footer-menu li {
font-size: 16px;
}
@media only screen and (max-width: 1024px) {
.site-footer .row-footer .footer-menu li {
margin: 5px 0;
}
}
.site-footer .row-footer .footer-menu a {
text-decoration: none;
color: #000;
text-transform: uppercase;
}
.site-footer .row-footer .descr-socials {
margin-top: 20px;
color: #949494;
}
.site-footer .row-footer .descr-socials p {
margin: 0;
}
@media only screen and (max-width: 1024px) {
.site-footer .row-footer .descr-socials {
flex-direction: column;
gap: 20px;
text-align: center;
justify-content: center;
align-items: center;
}
}
.site-footer .row-footer .social-icons {
text-align: right;
}
@media only screen and (max-width: 1024px) {
.site-footer .row-footer .social-icons {
text-align: center;
}
}
.site-footer .row-footer .social-icons img:first-of-type {
margin-right: 10px;
}
.section--hero {
margin-top: -40px;
position: relative;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1024px) {
.section--hero {
margin-top: 10px;
}
}
.section--hero .overlay {
content: "";
background-color: rgba(50, 50, 50, 0.2);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.section--hero .stripes-hero {
position: absolute;
bottom: 0;
right: 0;
content: "";
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/stripes-hero.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 30%;
height: 30%;
}
.section--hero .bg-image {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.section--hero .hero-banner {
position: relative;
height: 90vh;
max-height: 100%;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.section--hero .hero-banner {
height: 60vh;
}
}
.section--hero .hero-banner__text {
display: flex;
flex-direction: column;
padding-top: 150px;
}
@media only screen and (max-width: 1024px) {
.section--hero .hero-banner__text {
width: 100%;
padding: unset;
}
}
.section--hero .hero-banner__text h2 {
font-size: 45px;
color: #e37400;
text-transform: uppercase;
margin: 0;
margin-bottom: 20px;
font-weight: 100;
}
@media only screen and (max-width: 1024px) {
.section--hero .hero-banner__text h2 {
font-size: 35px;
}
}
.section--hero .hero-banner__text h3 {
font-family: "franklin-gothic-medium-cond-regular", sans-serif;
font-size: 35px;
color: #37aef0;
text-transform: uppercase;
margin-left: 20px;
margin-top: 10px;
font-weight: 200;
}
@media only screen and (max-width: 1024px) {
.section--hero .hero-banner__text h3 {
font-size: 20px;
}
}
.section--hero .hero-banner__text p {
font-family: "franklin-gothic-medium-cond-regular", sans-serif;
font-size: 35px;
color: #535690;
text-transform: uppercase;
margin-left: 20px;
margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
.section--hero .hero-banner__text p {
font-size: 20px;
}
}
.section--services {
background: rgb(0, 0, 0);
background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgb(136, 132, 132) 100%);
padding: 100px 0;
}
.section--services .row {
justify-content: space-between;
}
.section--services .row .servicetile {
height: 300px;
display: flex;
align-items: flex-end;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-right: -20px;
}
.section--services .row .servicetile .stripes {
position: absolute;
bottom: 0;
left: -20%;
content: "";
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/stripes.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 20%;
}
@media only screen and (max-width: 500px) {
.section--services .row .servicetile {
width: 100%;
margin-top: 10px;
}
}
.section--services .row .servicetile a {
padding: 0 85px 25px 15px;
font-size: 25px;
font-weight: 400;
color: #fff;
z-index: 1;
text-transform: uppercase;
line-height: 1.2;
text-decoration: none;
text-shadow: 3px 9px 6px rgb(0, 0, 0);
}
.section--services .row .servicetile a:hover::before {
background-color: rgba(0, 0, 0, 0.3);
}
.section--services .row .servicetile a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: 0.3s ease;
}
.section--services .row .servicetile a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: -1;
transition: 0.3s ease;
}
.section--customers .logos-wrapper {
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/logos/bg-logos.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
}
.section--customers .logos-wrapper h2 {
padding-bottom: 50px;
text-align: center;
font-size: 30px;
color: #e37400;
background: rgb(255, 255, 255);
background: radial-gradient(circle, rgb(255, 255, 255) 32%, rgba(0, 0, 0, 0) 100%);
}
.section--customers .logos-wrapper .logo-carousel {
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.section--customers .logos-wrapper .logo-carousel {
flex-direction: column;
align-items: center;
}
}
.section--customers .logos-wrapper .logo-item {
background: rgb(255, 255, 255);
background: radial-gradient(circle, rgb(255, 255, 255) 32%, rgba(0, 0, 0, 0) 100%);
margin: 20px;
}
.section--customers .logos-wrapper .logo-item img {
height: 90px;
width: auto;
margin: auto;
}
.section--about {
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/about/bg-about.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section--about .about-wrapper {
margin-left: -100px;
margin-right: 150px;
padding: 200px 0;
background: rgb(18, 35, 53);
background: radial-gradient(circle, rgb(18, 35, 53) 30%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 1024px) {
.section--about .about-wrapper {
margin: auto;
}
}
.section--about .about-wrapper h2 {
font-size: 30px;
color: #fff;
text-transform: uppercase;
}
.section--about .about-wrapper p {
font-size: 20px;
font-weight: 400;
color: #fff;
}
.section--about .stripes {
position: absolute;
bottom: -10%;
right: -25%;
content: "";
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/stripes2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 50%;
}
.section--offices {
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/offices/bg-offices.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding-top: 100px;
padding-bottom: 60px;
}
.section--offices .overlay {
content: "";
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.section--offices .offices-wrapper {
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1024px) {
.section--offices .offices-wrapper {
text-align: center;
}
}
.section--offices .offices-wrapper h3 {
font-size: 30px;
color: #000;
text-transform: uppercase;
}
.section--offices .offices-wrapper .orange-bullet-list {
list-style-type: none;
padding: 0;
}
.section--offices .offices-wrapper .orange-bullet-list li:first-of-type {
color: #e27c00;
}
.section--offices .offices-wrapper .orange-bullet-list li:last-child {
color: #199ee7;
}
.section--offices .offices-wrapper .orange-bullet-list li {
font-family: "BankGothic Md BT", sans-serif;
font-size: 20px;
text-transform: uppercase;
}
.section--offices .offices-wrapper .orange-bullet-list li::before {
content: "■";
color: orange;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
.section--offices .offices-wrapper .phone-email {
font-size: 20px;
font-weight: bold;
text-align: left;
}
@media only screen and (max-width: 1024px) {
.section--offices .offices-wrapper .phone-email {
text-align: center;
}
}
.section--offices .offices-wrapper .phone-email img {
display: inline-block;
}
.section--offices .offices-wrapper .phone-email p {
display: inline-block;
margin: 0;
margin-left: 5px;
letter-spacing: 1;
}
.section--offices .offices-wrapper .phone-email .orange {
color: #e37b00;
}
.section--partners {
background-color: #fff;
padding: 100px 0;
}
.section--partners h2 {
font-size: 30px;
color: #e37400;
text-transform: uppercase;
text-align: center;
}
.section--partners .partners-gallery {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.section--partners .partners-gallery {
flex-direction: column;
gap: 20px;
}
}
.section--partners .partners-gallery__item {
height: 90px;
width: auto;
max-width: 100%;
}
.section--contact {
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/contact-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 2;
padding: 30px 0;
overflow: hidden;
}
.section--contact .stripes-up {
position: absolute;
top: -6%;
left: -40%;
content: "";
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/stripes4.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 40%;
}
.section--contact .stripes-down {
position: absolute;
bottom: -10%;
right: -25%;
content: "";
background-image: url(//www.eiutah.com/wp-content/themes/enterprise-integration/public/images/stripes2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 40%;
}
.section--contact .overlay {
position: absolute;
display: block;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.section--contact::before {
position: absolute;
content: "";
background-color: #e37400;
background-position: center;
width: 100%;
height: 80px;
top: 50%;
left: 0;
z-index: 1;
}
.section--contact .row {
justify-content: center;
}
.section--contact .formarea {
display: flex;
flex-direction: column;
justify-content: space-around;
text-align: left;
gap: 20px;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 1366px) {
.section--contact .formarea {
margin: 10px;
}
}
.section--contact .formarea__header {
background-color: #5a85b6;
text-align: center;
color: #fff;
padding: 20px 0;
}
.section--contact .formarea__header h3 {
font-family: "Acumin Pro", serif !important;
margin: auto;
padding-top: 10px;
color: #fff;
font-size: 19px !important;
text-transform: uppercase;
text-align: center;
}
.section--contact .formarea__header p {
text-align: center;
padding: 10px 20px;
margin: 0;
color: #fff;
font-size: 30px !important;
letter-spacing: 5px;
font-weight: 300;
font-family: "Acumin Pro", serif;
text-transform: uppercase;
line-height: normal;
}
.section--contact .wpcf7 form.invalid .wpcf7-response-output {
background-color: #fff;
position: absolute;
width: 50%;
bottom: 5px;
right: 0;
}
.section--contact .form {
padding: 20px 30px;
background-color: #fff;
}
.section--contact .form .subject,
.section--contact .form .content {
width: 100%;
margin: 0 auto;
}
.section--contact .form .subject label,
.section--contact .form .content label {
display: block;
padding: 0;
margin: 0;
}
.section--contact .form .name-email #name,
.section--contact .form .name-email #email {
display: block;
width: 100%;
}
.section--contact .form .name-email label {
display: block;
padding: 0;
margin-bottom: -20px;
}
.section--contact .form .name-email input[name=your-email],
.section--contact .form .name-email input[name=fullname] {
width: 100%;
height: 40px;
border-radius: 5px;
border: 1px solid gray;
padding-left: 10px;
}
.section--contact .subject input[name=subject] {
width: 100%;
height: 40px;
border-radius: 5px;
border: 1px solid gray;
padding-left: 10px;
}
.section--contact .subject label {
display: block;
padding: 0;
margin-bottom: -20px !important;
}
.section--contact .content textarea {
width: 100%;
resize: none;
border-radius: 5px;
border: 1px solid gray;
resize: vertical;
}
.section--contact .content label {
display: block;
padding: 0;
margin-bottom: -20px !important;
}
.section--contact .content a {
margin: 0;
float: left;
background: #64b450;
padding: 8px 77px;
border: 1px solid #64b450;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
transition: all 0.3;
text-decoration: none;
color: white;
cursor: pointer;
}
.section--contact .content a:hover {
background: #529441;
border: 1px solid #529441;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}
.section--contact .content #submit {
margin: 0;
float: left;
background: #64b450;
padding: 8px 77px;
border: 1px solid #64b450;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
transition: all 0.3;
text-decoration: none;
color: white;
cursor: pointer;
}
.section--contact .content #submit:hover {
background: #529441;
border: 1px solid #529441;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}  @media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
} a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}  .search-form {
padding: 20px;
}
.search-form__input {
margin-right: 10px;
}