.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;
}
.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;
}@font-face {
font-family: 'wpxpress';
src:  url(//callmeandy.co/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.eot?9zg56);
src:  url(//callmeandy.co/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.eot?9zg56#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.ttf?9zg56) format('truetype'),
url(//callmeandy.co/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.woff?9zg56) format('woff'),
url(//callmeandy.co/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.svg?9zg56#wpxpress) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="wpx-icon-"], [class*=" wpx-icon-"] { font-family: 'wpxpress' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpx-icon-arrow-up-light:before {
content: "\e900";
}
.wpx-icon-arrow-up-bold:before {
content: "\e911";
}
.wpx-icon-angle-double-up:before {
content: "\e90a";
}
.wpx-icon-angle-up:before {
content: "\e90c";
}
.wpx-icon-arrow-up-black:before {
content: "\e908";
}
.wpx-icon-finger-up:before {
content: "\e904";
}
.wpx-icon-finger-up-o:before {
content: "\e905";
}.progress-wrap {
position: fixed;
display: block;
cursor: pointer;
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
top: 0;
left: 0;
z-index: 1;
display: block;
text-align: center;
position: absolute;
cursor: pointer;
font-family: 'wpxpress';
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} .no-js {
display:block;
}
.mobile-temp {
display: none;
}
.wrapper {
background-color: rgba(255,255,255,.97);
}
html, body { 
height: 100vh; 
background-color: #ffffff;
}
.page-template-page_homeTemp .wrapper, .page-template-page_PortTemp .wrapper{
color: #4C4C4C;
display:block;
background-color: #39a681;
transition: background-image linear .05s;
-webkit-transition: background-image linear .05s;
}
.page-template-page_homeTemp .main-area article {
margin-top:70px;
}
html {
font-size:62.5%;
}
body {
font:400 20px/2.5 'Gotham', Helvetica, Arial, sans-serif;
color:#848484;
background-color: #ffffff;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom; background-color:rgba(0,0,0,.7);
}
button, input, textarea {
line-height: normal; border: .5px solid rgba(0,0,0,0.4);
height: 40px;
padding: 5px 15px 0;
color: #545454;
width: 100%;
font-size: 14px;
font-style: italic;
font-weight: 400;
letter-spacing: .25px;
}
textarea {
height:180px;
padding-top:15px;
}
textarea:focus, input:focus {
color: #4c4c4c;
outline: 1px;
border: 1px solid #21a393;
}
input[type="submit"] {
font-size: 12px;
width: 200px;
text-transform: uppercase;
float: right;
transition: linear .15s all;
-webkit-transition: linear .15s all;
background:#21a393;
color:#ffffff;
border: 1px solid #21a393;
text-decoration: none;
text-decoration-color: #21a393;
line-height: 1.6;
}
input[type="submit"]:hover {
background:#ffffff;
color:#21a393;
} @font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Black.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Black.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Black.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Black.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Black.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Black.svg#Gotham-Black) format('svg');
font-weight: 800;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BlackItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BlackItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BlackItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BlackItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BlackItalic.svg#Gotham-BlackItalic) format('svg');
font-weight: 800;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Bold.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Bold.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Bold.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Bold.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Bold.svg#Gotham-Bold) format('svg');
font-weight: 700;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BoldItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BoldItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BoldItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BoldItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic) format('svg');
font-weight: 700;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Medium.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Medium.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Medium.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Medium.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Medium.svg#Gotham-Medium) format('svg');
font-weight: 500;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-MediumItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-MediumItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-MediumItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-MediumItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-MediumItalic.svg#Gotham-MediumItalic) format('svg');
font-weight: 500;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Book.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Book.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Book.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Book.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Book.svg#Gotham-Book) format('svg');
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BookItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BookItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BookItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BookItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BookItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-BookItalic.svg#Gotham-BookItalic) format('svg');
font-weight: 400;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Light.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Light.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Light.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Light.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Light.svg#Gotham-Light) format('svg');
font-weight: 300;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-LightItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-LightItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-LightItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-LightItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-LightItalic.svg#Gotham-LightItalic) format('svg');
font-weight: 300;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLight.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLight.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLight.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLight.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLight.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight) format('svg');
font-weight: 200;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLightItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLightItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLightItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLightItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLightItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ExtraLightItalic.svg#Gotham-ExtraLightItalic) format('svg');
font-weight: 200;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Thin.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Thin.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Thin.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Thin.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Thin.svg#Gotham-Thin) format('svg');
font-weight: 100;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ThinItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ThinItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ThinItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ThinItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ThinItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-ThinItalic.svg#Gotham-ThinItalic) format('svg');
font-weight: 100;
font-style: italic;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Ultra.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Ultra.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Ultra.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Ultra.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Ultra.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-Ultra.svg#Gotham-Ultra) format('svg');
font-weight: 900;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Gotham';
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-UltraItalic.eot);
src: url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-UltraItalic.eot?#iefix) format('embedded-opentype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-UltraItalic.woff2) format('woff2'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-UltraItalic.woff) format('woff'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-UltraItalic.ttf) format('truetype'),
url(//callmeandy.co/wp-content/themes/dresgarThree/fonts/Gotham-UltraItalic.svg#Gotham-UltraItalic) format('svg');
font-weight: 900;
font-style: italic;
font-display: block;
} p {
margin-bottom: 1.68em;
max-width: 700px;
}
h1,h2,h3,h4,h5 {
font-weight: 300;
}
h1 {
font-size: 44px;
line-height: 1.4;
color: #4c4c4c;
font-family: 'Gotham';
font-weight: 300;
text-transform: capitalize; }
h2 {
line-height: 1.68;
}
.emphatic {
display: inline-block;
line-height: .4;
}
.emphatic:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 174.9 15.1' style='enable-background:new 0 0 174.9 15.1;' preserveAspectRatio='none' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234D4D4D;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M0.5,3c3.7,2.2,8.4,1.9,12.5,2c5.6,0.2,11.2,0.5,16.8,0.5C41.6,5.5,53.3,5,65,4.7c23.5-0.7,46.9-0.7,70.4-0.5 c6.6,0.1,13.2,0.3,19.9,0.5c3.2,0.1,6.3,0.3,9.5,0.4c3,0.1,6-0.1,8.9,0.8V3.7c-4.7,1.2-9.8,1-14.6,0.7c-5.2-0.3-10.4-0.7-15.6-1 c-12-0.7-24-1.5-36-2.2c-24.1-1.6-48.3-1.6-72.4,0C23.8,2,12,2.1,1.5,6.5C0.9,6.7,0.6,7.3,0.8,7.9C0.9,8.2,1,8.4,1.3,8.5 C3.7,10,7,9.8,9.8,9.7c3.4-0.2,6.7-0.6,10.1-0.9c4.6-0.4,9.3-0.3,13.9-0.4c5.4-0.1,10.8-0.2,16.1-0.3c21.3-0.3,42.5,0.4,63.8,1.5 c12,0.6,23.9,1.3,35.9,1.9c1.2,0.1,1.6-2,0.3-2.2C137,7.1,124,7.8,111.1,8.5c-13.7,0.8-27.3,1.6-40.9,2.7c-3.8,0.3-7.5,0.6-11.3,1 c-3.6,0.5-7.2,0.7-10.8,0.5l0.6,2.1c2.9-1.8,6.6-2.4,9.9-2.8c3.6-0.5,7.3-0.9,10.9-1.4c9.8-1.3,19.6-2.1,29.3-4 c1.4-0.3,0.8-2.5-0.6-2.2c-9.8,2-19.8,2.7-29.8,4.1c-3.7,0.5-7.3,0.9-11,1.4c-3.4,0.5-7,1.1-9.9,3c-0.5,0.4-0.6,1.1-0.2,1.6 c0.2,0.2,0.5,0.4,0.8,0.4c6.4,0.6,13-0.7,19.4-1.2c7-0.6,14-1.2,21-1.7c6.6-0.5,13.2-0.7,19.7-1.1c6.4-0.4,12.9-0.8,19.3-0.9 c7.3-0.2,14.6,0.2,21.8,1.4l0.3-2.2c-21-1.1-41.9-2.4-62.9-3.1C65.5,5.5,44.4,6,23.3,6.4C19.6,6.5,16,7,12.4,7.3 c-1.9,0.2-3.9,0.3-5.8,0.2c-1.5,0-2.9-0.3-4.2-0.9L2.1,8.7c9.4-4,19.9-4.3,30-5c11.7-0.8,23.5-1.4,35.2-1.5 C91.6,2,115.7,4,139.9,5.4c6,0.3,11.9,0.7,17.8,1.1c5.4,0.4,11.1,0.7,16.4-0.7c0.6-0.2,0.9-0.8,0.8-1.4c-0.1-0.4-0.4-0.7-0.8-0.8 c-2.4-0.6-5-0.9-7.5-0.8c-2.7,0-5.5-0.2-8.2-0.3c-5.9-0.2-11.7-0.5-17.6-0.6c-11.6-0.2-23.2-0.3-34.7-0.2 c-11.7,0-23.5,0.2-35.2,0.5c-11.6,0.3-23.2,0.8-34.8,1c-6.5,0.1-13,0-19.5-0.3c-2.6-0.1-5.2-0.2-7.8-0.3c-2.4-0.1-5-0.3-7.1-1.6 C0.4,0.3-0.7,2.2,0.5,3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-color: revert;
width: 103%;
height: 12px;
position: relative;
top: 12px;
left: -2%;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(-1deg);
}
.emphatic-light {
display: inline-block;
line-height: .4;
}
.emphatic-light:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 174.9 15.1' style='enable-background:new 0 0 174.9 15.1;' preserveAspectRatio='none' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M0.5,3c3.7,2.2,8.4,1.9,12.5,2c5.6,0.2,11.2,0.5,16.8,0.5C41.6,5.5,53.3,5,65,4.7c23.5-0.7,46.9-0.7,70.4-0.5 c6.6,0.1,13.2,0.3,19.9,0.5c3.2,0.1,6.3,0.3,9.5,0.4c3,0.1,6-0.1,8.9,0.8V3.7c-4.7,1.2-9.8,1-14.6,0.7c-5.2-0.3-10.4-0.7-15.6-1 c-12-0.7-24-1.5-36-2.2c-24.1-1.6-48.3-1.6-72.4,0C23.8,2,12,2.1,1.5,6.5C0.9,6.7,0.6,7.3,0.8,7.9C0.9,8.2,1,8.4,1.3,8.5 C3.7,10,7,9.8,9.8,9.7c3.4-0.2,6.7-0.6,10.1-0.9c4.6-0.4,9.3-0.3,13.9-0.4c5.4-0.1,10.8-0.2,16.1-0.3c21.3-0.3,42.5,0.4,63.8,1.5 c12,0.6,23.9,1.3,35.9,1.9c1.2,0.1,1.6-2,0.3-2.2C137,7.1,124,7.8,111.1,8.5c-13.7,0.8-27.3,1.6-40.9,2.7c-3.8,0.3-7.5,0.6-11.3,1 c-3.6,0.5-7.2,0.7-10.8,0.5l0.6,2.1c2.9-1.8,6.6-2.4,9.9-2.8c3.6-0.5,7.3-0.9,10.9-1.4c9.8-1.3,19.6-2.1,29.3-4 c1.4-0.3,0.8-2.5-0.6-2.2c-9.8,2-19.8,2.7-29.8,4.1c-3.7,0.5-7.3,0.9-11,1.4c-3.4,0.5-7,1.1-9.9,3c-0.5,0.4-0.6,1.1-0.2,1.6 c0.2,0.2,0.5,0.4,0.8,0.4c6.4,0.6,13-0.7,19.4-1.2c7-0.6,14-1.2,21-1.7c6.6-0.5,13.2-0.7,19.7-1.1c6.4-0.4,12.9-0.8,19.3-0.9 c7.3-0.2,14.6,0.2,21.8,1.4l0.3-2.2c-21-1.1-41.9-2.4-62.9-3.1C65.5,5.5,44.4,6,23.3,6.4C19.6,6.5,16,7,12.4,7.3 c-1.9,0.2-3.9,0.3-5.8,0.2c-1.5,0-2.9-0.3-4.2-0.9L2.1,8.7c9.4-4,19.9-4.3,30-5c11.7-0.8,23.5-1.4,35.2-1.5 C91.6,2,115.7,4,139.9,5.4c6,0.3,11.9,0.7,17.8,1.1c5.4,0.4,11.1,0.7,16.4-0.7c0.6-0.2,0.9-0.8,0.8-1.4c-0.1-0.4-0.4-0.7-0.8-0.8 c-2.4-0.6-5-0.9-7.5-0.8c-2.7,0-5.5-0.2-8.2-0.3c-5.9-0.2-11.7-0.5-17.6-0.6c-11.6-0.2-23.2-0.3-34.7-0.2 c-11.7,0-23.5,0.2-35.2,0.5c-11.6,0.3-23.2,0.8-34.8,1c-6.5,0.1-13,0-19.5-0.3c-2.6-0.1-5.2-0.2-7.8-0.3c-2.4-0.1-5-0.3-7.1-1.6 C0.4,0.3-0.7,2.2,0.5,3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-color: revert;
width: 103%;
height: 12px;
position: relative;
top: 12px;
left: -2px;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(-1deg);
}
.sorta-emphatic {
display: inline-block;
line-height: 1.4;
margin-bottom: 0;
width: min-content !important;
white-space: nowrap;
}
.sorta-emphatic:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288.04 21.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234c4c4c;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M8.54,17.62a44,44,0,0,1-7.07.54l.4,2.94c17.26-3.36,34.7-5.8,52.17-7.73,18.55-2,37.15-3.53,55.77-4.72S147.23,6.57,166,5.79C184.48,5,203,4.24,221.56,3.59c19.33-.68,38.74-1,58.05.41,2.32.18,4.63.38,6.94.62l-.39-2.95a10,10,0,0,1-4.57-.33,1.5,1.5,0,0,0-.79,2.89,13.2,13.2,0,0,0,6.15.33c1.79-.32,1.16-2.79-.4-2.94C267.27-.32,247.83-.21,228.48.36c-18.64.55-37.28,1.39-55.91,2.15-18.85.77-37.69,1.62-56.53,2.75-18.68,1.13-37.36,2.53-56,4.46-17.69,1.84-35.34,4.15-52.84,7.33q-3.07.56-6.15,1.16c-1.68.33-1.26,2.94.4,2.95a48.22,48.22,0,0,0,7.87-.65c1.9-.31,1.09-3.2-.8-2.89Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-color: revert;
width: 115%;
height: 34px;
position: relative;
top: -1px;
left: -10px;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(2deg);
}
.sorta-emphatic-light {
display: inline-block;
line-height: 1.4;
margin-bottom: 0;
width: min-content !important;
white-space: nowrap;
}
.sorta-emphatic-light:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' preserveAspectRatio='none' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 288 21.2' style='enable-background:new 0 0 288 21.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M9.8,16.7c-2.3,0.2-4.7,0.3-7,0.2l0.3,2.5c17.6-1.8,55.3-2.5,72.6-3c18.4-0.5,111.3-1.2,131.7-1.1 c19.1,0.1,50.6,0.2,71,0.5c2.3,0.2,4.5,0.3,6.8,0.6l-0.3-2.3c-1.5,0.2-3.1,0-4.6-0.4c-0.8-0.2-1.6,0.2-1.8,0.9 c-0.2,0.6,0.2,1.3,0.9,1.5c1.8,0.4,4,0.5,5.8,0.4c2-0.1,1.4-2.3,0-2.5c-11.4-0.3-52-0.7-71.2-0.8c-24-0.1-113.4,0.4-132.1,0.8 c-18.5,0.4-55.7,1-73.4,2.3c-2.1,0.3-4.1,0.5-6.1,0.8c-1.7,0.2-1.3,2.4,0.3,2.5c2.6,0.1,5.3,0,7.8-0.3C12.4,19,11.7,16.5,9.8,16.7 L9.8,16.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-color: revert;
width: 115%;
height: 34px;
position: relative;
top: -1px;
left: -10px;
background-repeat: no-repeat;
background-size: cover;
transform: rotate(2deg);
}
.small-sorta-emphatic-light {
display: inline-block;
line-height: 1.4;
margin-bottom: 0;
width: min-content !important;
white-space: nowrap;
}
.small-sorta-emphatic-light:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' preserveAspectRatio='none' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 288 21.2' style='enable-background:new 0 0 288 21.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M9.8,16.7c-2.3,0.2-4.7,0.3-7,0.2l0.3,2.5c17.6-1.8,55.3-2.5,72.6-3c18.4-0.5,111.3-1.2,131.7-1.1 c19.1,0.1,50.6,0.2,71,0.5c2.3,0.2,4.5,0.3,6.8,0.6l-0.3-2.3c-1.5,0.2-3.1,0-4.6-0.4c-0.8-0.2-1.6,0.2-1.8,0.9 c-0.2,0.6,0.2,1.3,0.9,1.5c1.8,0.4,4,0.5,5.8,0.4c2-0.1,1.4-2.3,0-2.5c-11.4-0.3-52-0.7-71.2-0.8c-24-0.1-113.4,0.4-132.1,0.8 c-18.5,0.4-55.7,1-73.4,2.3c-2.1,0.3-4.1,0.5-6.1,0.8c-1.7,0.2-1.3,2.4,0.3,2.5c2.6,0.1,5.3,0,7.8-0.3C12.4,19,11.7,16.5,9.8,16.7 L9.8,16.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-color: revert;
width: 115%;
height: 11px;
position: relative;
top: -2px;
left: -14px;
background-repeat: no-repeat;
background-size: cover;
transform: rotate(0deg);
}
h2.subtitle {
line-height: 1.2;
font-size: 24px;
margin-bottom: 60px;
color: #4c4c4c;
}
h3 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: -0.5em;
}
h4 {
font-size: 1.333em;
margin-bottom: -0.5em;
}
h5 {
font-weight: 900;
margin-top: 18px;
font-size: 14px;
margin-bottom: 20px;
color: #7b7b7b;
text-transform: uppercase;
letter-spacing: .035em;
}
h5.faces {
margin-bottom: 1em;
}
h6 {
font-size: 18px;
line-height: 1.68;
text-transform: uppercase;
letter-spacing: .075em;
margin-top: 100px;
margin-bottom: 40px;
font-family: 'Gotham';
font-weight: 900;
color: #4C4C4C;
width: min-content;
white-space: nowrap;
}
h6:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 288 21.2' preserveAspectRatio='none' style='enable-background:new 0 0 288 21.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234D4D4D;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M9.8,16.7c-2.3,0.2-4.7,0.3-7,0.2l0.3,2.5c17.6-1.8,55.3-2.5,72.6-3c18.4-0.5,111.3-1.2,131.7-1.1 c19.1,0.1,50.6,0.2,71,0.5c2.3,0.2,4.5,0.3,6.8,0.6l-0.3-2.3c-1.5,0.2-3.1,0-4.6-0.4c-0.8-0.2-1.6,0.2-1.8,0.9 c-0.2,0.6,0.2,1.3,0.9,1.5c1.8,0.4,4,0.5,5.8,0.4c2-0.1,1.4-2.3,0-2.5c-11.4-0.3-52-0.7-71.2-0.8c-24-0.1-113.4,0.4-132.1,0.8 c-18.5,0.4-55.7,1-73.4,2.3c-2.1,0.3-4.1,0.5-6.1,0.8c-1.7,0.2-1.3,2.4,0.3,2.5c2.6,0.1,5.3,0,7.8-0.3C12.4,19,11.7,16.5,9.8,16.7 L9.8,16.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
height: 25px;
position: relative;
left: -2%;
top: -12px;
width: 108%;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(-1deg);
}
.category .main-area h6:after {
height:35px;
margin-top: -5px;
}
a {
color: #21a393;
text-decoration: underline;
text-decoration-color: #21a393; }
a:hover {
color: #ffffff;
text-decoration: underline;
text-decoration-color: #21a393;
background: #21a393;
outline: #21a393 6px solid;
transition: all .25s ease; }  blockquote {
border-left: 1px solid;
padding-left: 1.5em;
font-size: .875em;
font-style: italic;
letter-spacing: .005em;
margin-left: 2em;
}
ul {
list-style-type: none;
}
li {
line-height: 1.5;
margin-bottom: .85em;
}
.home em {
font-weight: 600;
color: #989898;
}
strong {
color: #7b7b7b;
}
span.diamond {
color: transparent;
}
span.work-areas {
font-size: 10px;
letter-spacing: .1em;
font-weight: 800;
color: #313131;
}
.sublist li {
text-align: center;
color: #4C4C4C;
letter-spacing: .05rem;
margin-bottom: 24px;
}  .flex-container,
.flex-container header,
.flex-container footer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
header{
position:fixed;
justify-content: center;
background: rgba(0,0,0,.9);
z-index: 100000;
-webkit-transform: translateY(-90px);
transform: translateY(-90px);
-webkit-transition: transform linear .2s;
transition: transform linear .2s;
}
header.open {
-webkit-transform: translateY(0px);
transform: translateY(0px);    
}
header nav {
width: 100%;
padding: 0 2%;
}
header nav ul {
list-style: none;
margin: 20px 0;
text-align: right;
}
header nav ul li {
display: inline-block;
margin: 0px 30px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .08em;
padding: 0 25px;
transition: all linear .15s;
-webkit-transition: all linear .15s;
cursor: pointer;
}
header nav ul li:first-of-type {
float: left;
}
header nav ul li:first-of-type a {
font-family: 'Gotham';
text-transform: uppercase;
font-size: 25px;
letter-spacing: .075em;
font-weight: 900 !important;
margin-top: 8px;
transition: all .35s ease;
}
header nav ul li:first-of-type a:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' preserveAspectRatio='none' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 288 21.2' style='enable-background:new 0 0 288 21.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M9.8,16.7c-2.3,0.2-4.7,0.3-7,0.2l0.3,2.5c17.6-1.8,55.3-2.5,72.6-3c18.4-0.5,111.3-1.2,131.7-1.1 c19.1,0.1,50.6,0.2,71,0.5c2.3,0.2,4.5,0.3,6.8,0.6l-0.3-2.3c-1.5,0.2-3.1,0-4.6-0.4c-0.8-0.2-1.6,0.2-1.8,0.9 c-0.2,0.6,0.2,1.3,0.9,1.5c1.8,0.4,4,0.5,5.8,0.4c2-0.1,1.4-2.3,0-2.5c-11.4-0.3-52-0.7-71.2-0.8c-24-0.1-113.4,0.4-132.1,0.8 c-18.5,0.4-55.7,1-73.4,2.3c-2.1,0.3-4.1,0.5-6.1,0.8c-1.7,0.2-1.3,2.4,0.3,2.5c2.6,0.1,5.3,0,7.8-0.3C12.4,19,11.7,16.5,9.8,16.7 L9.8,16.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-color: revert;
width: 0 !important;
height: 34px;
top: -2px;
left: -13px;
background-repeat: no-repeat;
background-size: auto;
transition: width .05s ease; }
header nav ul li:first-of-type:hover a:after {
width: 110% !important; transition:width 0.15s ease;
}
header nav ul li:first-of-type a:hover {
color:#ffffff; }
header nav ul li a {
color: #ddd !important;
font-weight: 600 !important;
position:relative;
display: inline-block;
text-decoration: none;
}
header nav ul li a:hover {
text-decoration: none;
outline: 0;
background: transparent;
}
header nav ul li a:after {
width: 0;
content: '';
position: absolute;
top: 8px;
transform:translateY(50%);
left: -20%;
height: 1px;
background: #21a393;
transition:width 0.25s ease;
}
header nav ul li:hover a:after {
width:140%;
}
header nav ul li.current_page_item a:after {
width:140%;
}
header nav ul li.current_page_item:first-of-type a:after {
width: 110%;
} .flex-container.wrapper {
flex-direction: column;
background-size: cover !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: top center !important;
} article h1 {
width:560px;
}
.page-template-page_homeTemp main.flex-container {
background-color: rgba(19,19,19,0);
height: 100%;
}
.page-template-page_homeTemp .wrapper.flex-container {
height: 100%;
}
section.home.main-area {
flex-basis: 100%;
}
.home-intro {
display: flex;
width: 100%;
flex-direction: column;
background: rgb(255 255 255 / 90%);
padding-bottom: 0;
position: absolute;
bottom: 0;
}
.home-intro .based {
margin-top: 20px;
margin-bottom: 40px;
} .home.main-area article {
flex-basis: 100%;
max-width: unset;
font-size: 16px;
margin-top: 0;
margin-bottom: 2%;
}
.page-template-page_homeTemp h1 {
font-size: 58px;
letter-spacing: -.025em;
color: #313131;
margin: 10px auto 60px;
max-width: 400px;
}
.page-template-page_homeTemp .home-intro h1:first-of-type:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 174.9 15.1' style='enable-background:new 0 0 174.9 15.1;' preserveAspectRatio='none' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234D4D4D;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M0.5,3c3.7,2.2,8.4,1.9,12.5,2c5.6,0.2,11.2,0.5,16.8,0.5C41.6,5.5,53.3,5,65,4.7c23.5-0.7,46.9-0.7,70.4-0.5 c6.6,0.1,13.2,0.3,19.9,0.5c3.2,0.1,6.3,0.3,9.5,0.4c3,0.1,6-0.1,8.9,0.8V3.7c-4.7,1.2-9.8,1-14.6,0.7c-5.2-0.3-10.4-0.7-15.6-1 c-12-0.7-24-1.5-36-2.2c-24.1-1.6-48.3-1.6-72.4,0C23.8,2,12,2.1,1.5,6.5C0.9,6.7,0.6,7.3,0.8,7.9C0.9,8.2,1,8.4,1.3,8.5 C3.7,10,7,9.8,9.8,9.7c3.4-0.2,6.7-0.6,10.1-0.9c4.6-0.4,9.3-0.3,13.9-0.4c5.4-0.1,10.8-0.2,16.1-0.3c21.3-0.3,42.5,0.4,63.8,1.5 c12,0.6,23.9,1.3,35.9,1.9c1.2,0.1,1.6-2,0.3-2.2C137,7.1,124,7.8,111.1,8.5c-13.7,0.8-27.3,1.6-40.9,2.7c-3.8,0.3-7.5,0.6-11.3,1 c-3.6,0.5-7.2,0.7-10.8,0.5l0.6,2.1c2.9-1.8,6.6-2.4,9.9-2.8c3.6-0.5,7.3-0.9,10.9-1.4c9.8-1.3,19.6-2.1,29.3-4 c1.4-0.3,0.8-2.5-0.6-2.2c-9.8,2-19.8,2.7-29.8,4.1c-3.7,0.5-7.3,0.9-11,1.4c-3.4,0.5-7,1.1-9.9,3c-0.5,0.4-0.6,1.1-0.2,1.6 c0.2,0.2,0.5,0.4,0.8,0.4c6.4,0.6,13-0.7,19.4-1.2c7-0.6,14-1.2,21-1.7c6.6-0.5,13.2-0.7,19.7-1.1c6.4-0.4,12.9-0.8,19.3-0.9 c7.3-0.2,14.6,0.2,21.8,1.4l0.3-2.2c-21-1.1-41.9-2.4-62.9-3.1C65.5,5.5,44.4,6,23.3,6.4C19.6,6.5,16,7,12.4,7.3 c-1.9,0.2-3.9,0.3-5.8,0.2c-1.5,0-2.9-0.3-4.2-0.9L2.1,8.7c9.4-4,19.9-4.3,30-5c11.7-0.8,23.5-1.4,35.2-1.5 C91.6,2,115.7,4,139.9,5.4c6,0.3,11.9,0.7,17.8,1.1c5.4,0.4,11.1,0.7,16.4-0.7c0.6-0.2,0.9-0.8,0.8-1.4c-0.1-0.4-0.4-0.7-0.8-0.8 c-2.4-0.6-5-0.9-7.5-0.8c-2.7,0-5.5-0.2-8.2-0.3c-5.9-0.2-11.7-0.5-17.6-0.6c-11.6-0.2-23.2-0.3-34.7-0.2 c-11.7,0-23.5,0.2-35.2,0.5c-11.6,0.3-23.2,0.8-34.8,1c-6.5,0.1-13,0-19.5-0.3c-2.6-0.1-5.2-0.2-7.8-0.3c-2.4-0.1-5-0.3-7.1-1.6 C0.4,0.3-0.7,2.2,0.5,3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-color: revert;
width: 100%;
height: 22px;
position: relative;
top: -10px;
left: 0%;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(-1deg);
filter: contrast(1.5);
}
.home-intro * {
margin: 0 auto;
text-align: center;
line-height: 1.68;
width: 100%;
}
.home-lead-do {
flex-basis: 100%;
text-align: center;
margin-top: 36px;
min-height: 40px;
}
a.home-link {
padding: 16px 10%;
font-family: 'Gotham';
font-size: 24px;
text-decoration: none;
color: #737373;
}
a.home-link:hover {
color: #ffffff;
}
.main-area {
flex-basis: 55%;
min-height:800px;
}
.ibg-bg {
z-index: -999;
position: fixed;
}
.annotations {
flex-basis: 10%;
position:relative;
}
div.head {
position: absolute;
width: 330px;
height: 435px;
top: -5%;
left: 293%;
}
div.body {
width: 721px;
height: 220px;
position: absolute;
top: 62%;
left: 227%;
}
.unicorn {
position: fixed;
bottom: -12px;
right: 0;
text-align: center;
font-size: 10px;
letter-spacing: .075em;
background: #21a393;
color: #ffffff;
font-family: 'Gotham';
font-weight: 500;
text-decoration: none;
padding: 10px 20px 5px;
z-index: 1000;
}
unicorn:hover {
cursor: pointer;
text-decoration: none;
}
.unicorn.sorta-emphatic-light:after {
height: 22px;
position: relative;
top: -10px;
left: -10px;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(1deg);
}
.unicorn:hover:after { }
#unicorn-box p {
font-size: 19px;
text-align: center;
margin: 0 auto;
font-style: italic;
color: #4a4a4a;
line-height: 2;
margin-bottom: 20px;
max-width: 800px;
}
#unicorn-box img {
border: 10px outset #dcdcdc;
border-radius: 7px;
box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.utility {
flex-basis: 35%;
padding-left:5%; }
header,
footer {
width:100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
footer{
font-size: 14px;
font-style: italic;
color: #808080;
background-color: rgba(19,19,19,.97);
}
.footer p {
margin: 20px auto 20px;
}
.utility-container {
margin-top:70px;
font: 400 16px/2.4 'Gotham';
max-width: 290px;
}
article {
max-width: 700px;
}
.annotations {
margin-top:175px;
}
.annotations-container {
padding-right: 25%;
float: right;
}
.annotations-container p {
display:none;
max-width: 330px;
text-align: right;
max-width: 75px;
font-size: 14px;
line-height: 24px;
font-style: italic;
margin-top: 0px;
}
.annotations-container a {
text-decoration: none;
font-weight: bold;
}
.annotations-container a:hover {
color: #21a393;
}
.utility-container ul {
margin-top: 30px;
list-style: none;
padding: 0;
}
.utility-container ul.social li {
margin: 30px 0;
text-align: center;
}
.utility-container ul.social li a {
display: inline-block;
padding: 12px 0px;
margin: 0px;
width: 205px;
height:40px;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
border: 1px solid #21a393;
transition: all linear .15s;
-webkit-transition: all linear .15s;
background-color: #21a393;
}
.utility-container ul.social li a:hover {
background-color: #ffffff;
color: #21a393;
text-decoration: none;
outline:none;
}
.wpcf7-form p:nth-child(2) {
margin-bottom: 30px;
}
.wpcf7-form p:nth-child(3) {
margin-bottom: 30px;
}
.wpcf7-submit {
font-style: normal;
}
div.wpcf7-mail-sent-ok {
border: none;
font-size: 12px;
width: 180px;
}
.scroll-container {
display:block;
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height:100%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.scrollable {
height:110%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.scrollable h1 {
position: absolute;
top: 16%;
left: 5%;
color: #f1f1f1 !important;
}
.scrollable p {
position: absolute;
top: 40%;
left: 5%;
max-width: 600px;
font-weight: 100;
color:#ffffff !important;
}
.scrollable p.capa-excerpt {
width:100%;
max-width: 500px;
}
.scrollable p.skills {
top: 28%;
font-size: 12px;
font-style: italic;
}
.scrollable p.skills span.skill-label {
text-transform: uppercase;
font-style: normal;
display: block;
font-size: 10px;
letter-spacing: .1em;
border-top: solid 1px #ffffff;
width: 28%;
padding-top: 36px;
}
.scrollable p.status {
top: 82%;
font-size: 14px;
font-style: italic;
}
.page-template-page_homeTemp .scroll-container {
cursor:default;
}
.page-template-page_homeTemp .what-i-do h3 {
font-size: 36px;
max-width: 600px;
margin: 0;
line-height: 1.4;
margin-bottom: 40px;
}
.scroll-container.what-i-do {
height: initial;
min-height: 1000px;
}
.page-template-page_PortTemp {
background: transparent;
}
.page-template-page_PortTemp .wrapper.flex-container {
background: transparent !important;
} .inner-shadow {
width: 110%;
height: 105%;
margin: 0 -5%;
box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 90%) inset;
}
.capa-scroll.scroll-container {
background-position: center left 100px;
overflow: hidden;
z-index: -1;
} .capa {
left: 55%;
display: inline-block;
position: relative;
color: #ffffff;
width: 45%;
margin: 80px 0;
}
.capa h6 {
margin-top: 0;
color: #ffffff;
}
.capa h6:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' preserveAspectRatio='none' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 288 21.2' style='enable-background:new 0 0 288 21.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M9.8,16.7c-2.3,0.2-4.7,0.3-7,0.2l0.3,2.5c17.6-1.8,55.3-2.5,72.6-3c18.4-0.5,111.3-1.2,131.7-1.1 c19.1,0.1,50.6,0.2,71,0.5c2.3,0.2,4.5,0.3,6.8,0.6l-0.3-2.3c-1.5,0.2-3.1,0-4.6-0.4c-0.8-0.2-1.6,0.2-1.8,0.9 c-0.2,0.6,0.2,1.3,0.9,1.5c1.8,0.4,4,0.5,5.8,0.4c2-0.1,1.4-2.3,0-2.5c-11.4-0.3-52-0.7-71.2-0.8c-24-0.1-113.4,0.4-132.1,0.8 c-18.5,0.4-55.7,1-73.4,2.3c-2.1,0.3-4.1,0.5-6.1,0.8c-1.7,0.2-1.3,2.4,0.3,2.5c2.6,0.1,5.3,0,7.8-0.3C12.4,19,11.7,16.5,9.8,16.7 L9.8,16.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
height: 25px;
position: relative;
left: -2%;
top: -12px;
width: 108%;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(-1deg);
}
.capa h1 {
position: inherit;
top: initial;
left: initial;
}
.capa p {
position: initial;
top: initial;
left: initial;
}
.capa-excerpt {
margin-bottom:48px;
}
.capa-excerpt p {
font-size: 16px;
font-weight: 400;
line-height: 2.4;
margin-bottom: 1.4em;
}
.capa p.skills {
top:initial;
font-size: inherit;
}
.capa-table {
margin-right:5%;
}
.capa-table table {
width:90%;
}
.capa-table th {
text-align: left;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.25em;
padding-bottom: 4px;
}
.capa-table th:nth-of-type(1) {
width: 31%;
}
.capa-table th:nth-of-type(2) {
width: 36%;
}
.capa-table th:nth-of-type(3) {
width: 33%;
}
.capa-table tbody {
font-size: 14px;
}
.portcapa {
left: 10%;
display: inline-block;
position: relative;
color: #ffffff;
width: 33%;
margin-bottom: 5%;
}
.portcapa h6 {
margin-top: 0;
color: #ffffff;
}
.portcapa h6:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' preserveAspectRatio='none' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 288 21.2' style='enable-background:new 0 0 288 21.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M9.8,16.7c-2.3,0.2-4.7,0.3-7,0.2l0.3,2.5c17.6-1.8,55.3-2.5,72.6-3c18.4-0.5,111.3-1.2,131.7-1.1 c19.1,0.1,50.6,0.2,71,0.5c2.3,0.2,4.5,0.3,6.8,0.6l-0.3-2.3c-1.5,0.2-3.1,0-4.6-0.4c-0.8-0.2-1.6,0.2-1.8,0.9 c-0.2,0.6,0.2,1.3,0.9,1.5c1.8,0.4,4,0.5,5.8,0.4c2-0.1,1.4-2.3,0-2.5c-11.4-0.3-52-0.7-71.2-0.8c-24-0.1-113.4,0.4-132.1,0.8 c-18.5,0.4-55.7,1-73.4,2.3c-2.1,0.3-4.1,0.5-6.1,0.8c-1.7,0.2-1.3,2.4,0.3,2.5c2.6,0.1,5.3,0,7.8-0.3C12.4,19,11.7,16.5,9.8,16.7 L9.8,16.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
height: 25px;
position: relative;
left: -3%;
top: -20px;
width: 108%;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(0deg);
}
.portcapa h6 {
color: #ffffff;
font-size: 32px;
font-weight: 800;
margin-top: 120px;
margin-bottom: 0px;
}
.portcapa p {
position: initial;
top: initial;
left: initial;
font-weight: 300;
max-width: 560px;
font-size: 16px;
line-height: 2.4;
margin: 0px;
}
.portcapa p.medium {
margin: 16px 0 24px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .25em;
max-width: 600px;
}
.portcapa h5 {
margin-bottom: 0;
color: #fff;
}
.portcapa-excerpt {
margin-bottom:48px;
}
.portcapa-excerpt p {
font-size: 16px;
font-weight: 400;
line-height: 2.4;
margin-bottom: 1.4em;
}
.portcapa p.skills {
top: initial;
font-size: 14px;
line-height: 1.6;
font-style: normal;
font-weight: 300;
margin-bottom: 40px;
}
.scrollable .portcapa p.skills span.skill-label {
text-transform: uppercase;
font-style: normal;
font-weight: 900;
display: block;
font-size: 12px;
letter-spacing: .1em;
border-top: none;
width: 28%;
padding: 10px 0 14px;
} .capa-intro {
padding-top: 6%;
display: flex;
width: 100%;
flex-direction: column;
background: #000000;
height: 100%;
}
.capa-intro h1 {
margin: 0 auto;
color: #ffffff;
width: 340px;
}
.capa-intro h1:first-of-type:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 174.9 15.1' style='enable-background:new 0 0 174.9 15.1;' preserveAspectRatio='none' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_2_1_'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M0.5,3c3.7,2.2,8.4,1.9,12.5,2c5.6,0.2,11.2,0.5,16.8,0.5C41.6,5.5,53.3,5,65,4.7c23.5-0.7,46.9-0.7,70.4-0.5 c6.6,0.1,13.2,0.3,19.9,0.5c3.2,0.1,6.3,0.3,9.5,0.4c3,0.1,6-0.1,8.9,0.8V3.7c-4.7,1.2-9.8,1-14.6,0.7c-5.2-0.3-10.4-0.7-15.6-1 c-12-0.7-24-1.5-36-2.2c-24.1-1.6-48.3-1.6-72.4,0C23.8,2,12,2.1,1.5,6.5C0.9,6.7,0.6,7.3,0.8,7.9C0.9,8.2,1,8.4,1.3,8.5 C3.7,10,7,9.8,9.8,9.7c3.4-0.2,6.7-0.6,10.1-0.9c4.6-0.4,9.3-0.3,13.9-0.4c5.4-0.1,10.8-0.2,16.1-0.3c21.3-0.3,42.5,0.4,63.8,1.5 c12,0.6,23.9,1.3,35.9,1.9c1.2,0.1,1.6-2,0.3-2.2C137,7.1,124,7.8,111.1,8.5c-13.7,0.8-27.3,1.6-40.9,2.7c-3.8,0.3-7.5,0.6-11.3,1 c-3.6,0.5-7.2,0.7-10.8,0.5l0.6,2.1c2.9-1.8,6.6-2.4,9.9-2.8c3.6-0.5,7.3-0.9,10.9-1.4c9.8-1.3,19.6-2.1,29.3-4 c1.4-0.3,0.8-2.5-0.6-2.2c-9.8,2-19.8,2.7-29.8,4.1c-3.7,0.5-7.3,0.9-11,1.4c-3.4,0.5-7,1.1-9.9,3c-0.5,0.4-0.6,1.1-0.2,1.6 c0.2,0.2,0.5,0.4,0.8,0.4c6.4,0.6,13-0.7,19.4-1.2c7-0.6,14-1.2,21-1.7c6.6-0.5,13.2-0.7,19.7-1.1c6.4-0.4,12.9-0.8,19.3-0.9 c7.3-0.2,14.6,0.2,21.8,1.4l0.3-2.2c-21-1.1-41.9-2.4-62.9-3.1C65.5,5.5,44.4,6,23.3,6.4C19.6,6.5,16,7,12.4,7.3 c-1.9,0.2-3.9,0.3-5.8,0.2c-1.5,0-2.9-0.3-4.2-0.9L2.1,8.7c9.4-4,19.9-4.3,30-5c11.7-0.8,23.5-1.4,35.2-1.5 C91.6,2,115.7,4,139.9,5.4c6,0.3,11.9,0.7,17.8,1.1c5.4,0.4,11.1,0.7,16.4-0.7c0.6-0.2,0.9-0.8,0.8-1.4c-0.1-0.4-0.4-0.7-0.8-0.8 c-2.4-0.6-5-0.9-7.5-0.8c-2.7,0-5.5-0.2-8.2-0.3c-5.9-0.2-11.7-0.5-17.6-0.6c-11.6-0.2-23.2-0.3-34.7-0.2 c-11.7,0-23.5,0.2-35.2,0.5c-11.6,0.3-23.2,0.8-34.8,1c-6.5,0.1-13,0-19.5-0.3c-2.6-0.1-5.2-0.2-7.8-0.3c-2.4-0.1-5-0.3-7.1-1.6 C0.4,0.3-0.7,2.2,0.5,3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-color: revert;
width: 70%;
height: 22px;
position: relative;
top: -2px;
left: 16%;
background-repeat: no-repeat;
background-size: auto;
transform: rotate(-1deg);
}
.capa-intro article {
margin: 0 auto 2%;
color: #ffffff;
}
.capa.main-area article {
flex-basis: 100%;
max-width: unset;
font-size: 16px;
margin-top: 0;
margin-bottom: 2%;
}
.progress-wrap.btn-right-side {
filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));
}
@media screen and (max-width:1110px){
.page-template-page_homeTemp .scroll-container {
background-size: contain;
}
.capa {
left: 55%;
}
}
.page-template-page_homeTemp .home-foot {
color: #4C4C4C;
background-color: #ffffff;
padding-bottom: 5%;
}
.page-template-page_homeTemp .home-foot h1 {
color: #737373;
}
.home-foot .main-area {
min-height: initial;
}
.home-foot .utility-container {
max-width: 360px;
margin-top:16px;
}
.home-foot .utility-container a {
display: block;
padding: 12px 0px;
margin: 0 auto;
width: 205px;
height: 40px;
font-size: 12px;
line-height:1.4;
text-transform: uppercase;
font-weight: normal;
text-align: center;
text-underline-position: under;
border: 1px solid #21a393;
color: #ffffff;
transition: all linear .15s;
-webkit-transition: all linear .15s;
background-color: #21a393;
text-decoration: none;
}
.home-foot .utility-container a:hover {
background-color: #ffffff;
color: #21a393;
text-decoration: none;
outline: none;
}
.home-foot .utility-container p {
line-height: 2;
}
.home-foot .utility-container p em {
font-size: 14px;
letter-spacing: .015em;
color: #6f6f73;
}
.home-main-foot {
margin-top: 112px;
max-width: 800px;
}
#gallery-1 img {
border: none !important;
width: 100px;
height: initial;
opacity: .5;
background-color:rgba(0,0,0,0);
}
#gallery-1 .gallery-item {
text-align: left !important;
}
dt.gallery-icon.landscape {
text-align: left;
}  .annotations.one {
margin-top: 0px;
}
.main-area.one {
min-height:0px;
}
.main-area.one h6, .utility.one h6 {
margin-top: 100px;
margin-bottom: 40px;
font-family: 'Gotham';
font-weight: 900;
line-height: 1.68;
width: min-content;
white-space: nowrap;
}
.main-area.one p:after, .utility.one p:after {
display: block;
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288.04 21.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234d4d4d;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M8.54,17.62a44,44,0,0,1-7.07.54l.4,2.94c17.26-3.36,34.7-5.8,52.17-7.73,18.55-2,37.15-3.53,55.77-4.72S147.23,6.57,166,5.79C184.48,5,203,4.24,221.56,3.59c19.33-.68,38.74-1,58.05.41,2.32.18,4.63.38,6.94.62l-.39-2.95a10,10,0,0,1-4.57-.33,1.5,1.5,0,0,0-.79,2.89,13.2,13.2,0,0,0,6.15.33c1.79-.32,1.16-2.79-.4-2.94C267.27-.32,247.83-.21,228.48.36c-18.64.55-37.28,1.39-55.91,2.15-18.85.77-37.69,1.62-56.53,2.75-18.68,1.13-37.36,2.53-56,4.46-17.69,1.84-35.34,4.15-52.84,7.33q-3.07.56-6.15,1.16c-1.68.33-1.26,2.94.4,2.95a48.22,48.22,0,0,0,7.87-.65c1.9-.31,1.09-3.2-.8-2.89Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
height: 20px;
width: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.annotations.two {
margin-top:20px;
}
.annotations.two div, .main-area.two div {
display:none;
}
.annotations.two div.current, .main-area.two div.current {
display:inherit;
}
.main-area.two p1 div {
display:inherit;
}
.main-area.two {
margin-top: -32px;
min-height: 0px;
}
.main-area.two > div {
max-width: 700px;
}
.main-area.two h1 {
margin-left:5%;
}
.main-area.two h1:first-of-type {
margin-left:0;
margin-bottom: 1.5em;
}
.utility.two .utility-container {
margin-top:0px;
}
.utility.two .utility-container ul {
margin-top:0px;
}
.utility.two .utility-container li, .utility.one .utility-container li {
text-align: left;
cursor: pointer;
font-size: 16px;
font-weight: 300;
color: #21a393;
}
.utility.two .utility-container li.tab-head {
cursor: default;
font-weight: 600;
margin-top: 48px;
font-size: 10px;
margin-bottom: 5px;
color: #7b7b7b;
text-transform: uppercase;
letter-spacing: .25em;
}
.blog-side .categories .cat-item, .skill-tabs li.tab-link {
margin-top: 12px;
padding: 2px 0px;
}
.categories li a:hover {
text-decoration: none;   
}
.utility.two .utility-container li.current .strikethrough:after, .categories li a:after {
width: 110%;
content: '';
position: absolute;
top: 10px;
transform:translateY(50%);
left: -5%;
height: 2px;
background: #505050;
transition:width 0.25s ease;
}
.strikethrough, .categories li a {
display: inline-block;
position: relative;
text-decoration:none;
}
.utility.two .utility-container li:hover .strikethrough:after, .categories li:hover a:after, .categories .current-cat a:after {
width: 110%;
}
.strikethrough::after, .categories li a:after {
width: 0;
content: '';
position: absolute;
top: 10px;
transform:translateY(50%);
left: -5px;
height: 2px;
background: #505050;
transition:width 0.25s ease;
}
.three {
min-height: 0px;
margin-bottom:40px;
max-width: 800px;
}
.main-area.three p {
margin:0;
} .blog .flex-container.wrapper, .single .flex-container.wrapper, .archive .flex-container.wrapper, .category .flex-container.wrapper {
width:100%;
flex-direction: row;
}
.flex-container.blog-main {
flex-basis:65%;
}
.flex-container.blog-side {
flex-basis:35%;
min-height: 100%;
}
.blog-main .main-area {
flex-basis: 85%;
}
.blog-main .annotations {
flex-basis: 15%;
min-height: 0;
min-width: 0;
}
.flex-container.blog-foot {
flex-basis: 100%;
}
.blog-side .utility.one, .blog-side .utility.two {
flex-basis: 100%;
padding-left: 14%;
}
.blog-side .utility-container {
margin-top: 50px;
}
.categories a:hover {
background: none;
outline: none;
color: #21a393;
}
.blog-main .blog-posts article {
margin-top: 20px;
margin-bottom: 15%;
}
.blog-main .post-area article {
margin-top: 20px;
margin-bottom: 50px;
}
.blog-main .annotations.two div {
display: inherit;
}
.blog-main .annotations-container {
text-align: right;
width: 200px;
font-size: 14px;
line-height: 24px;
font-style: italic;
margin-top: 0px;
}
.blog-main .annotations-container p {
width: 200px;
padding-right: 85px;
}
.top-title { }
.prev-next-posts {
margin-top: 20px;
margin-bottom: 90px;
}
.prev-next-posts h5 {
text-align: center;
}
.prev-next-posts a {
text-decoration:none;
}
.prev-next-posts.second {
margin-top: -30px;
margin-bottom: 90px;
}
.prev-next-posts span {
font-size: 14px;
font-style:italic;
transition: color ease-out .05s;
}
.prev-next-posts span a {
padding: 15px 0px;
transition: color ease-out .05s;
}
.next-posts-link {
float: right;
}
.prev-posts-link {
float: left;
}
.prev-posts-link a:before {
content: '\2190';
font-family: sans-serif;
position: relative;
right: 3px;
top:1px;
font-size: 14px;
transition: right ease-out .2s;
}
.next-posts-link a:after {
content: '\2192';
font-family: sans-serif;
position: relative;
left: 3px;
top:1px;
font-size: 14px;
transition: left ease-out .2s;
}
.prev-next-posts span a:hover {
text-decoration: none;
color: #21a393;
background: none;
outline: none;
}
.prev-posts-link a:hover:before {
right: 5px;
}
.next-posts-link a:hover:after {
left: 5px;
}
.annotations.three .annotations-container {
margin-top: 20px;
}
.view-article {
display:block;
padding: 12px 0px;
margin-top: 30px;
width: 100%;
text-align: center;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
background: #21a393;
color: #ffffff;
border:1px solid #21a393;
transition: all linear .15s;
-webkit-transition: all linear .15s;
}
.view-article:hover {
background-color: #ffffff;
color: #21a393;
text-decoration: none;
outline: none;
}
.categories li a {
font-weight: normal;
text-decoration:none;
}
.main-area.two.comments div {
display: initial;
}  p.think-create {
margin-top: 604px;
}
p.think-smart {
margin-top: 678px;
}
p.think-bridge {
margin-top: 743px;
}
p.think-me {
margin-top: 261px;
}  p.discover {
margin-top: 550px;
}
p.work {
margin-top: 915px;
}
p.goals {
margin-top: 605px;
}
p.define {
margin-top: 1100px;
}
p.blueprint {
margin-top: 820px;
}
p.iterate {
margin-top: 695px;
}
p.design {
margin-top: 245px;
}
p.dstrategy {
margin-top: 1415px;
}
p.dev {
margin-top: 250px;
}
p.optimize {
margin-top: 710px;
}
p.adhd {
margin-top: 535px;
}
p.contact {
margin-top: 405px;
}  p.ux-truth {
margin-top: 785px;
}
p.ux-wait {
margin-top: 515px;
}
p.ux-how {
margin-top: 885px;
}  p.lead-do {
margin-top: 365px;
}
p.lead-truth {
margin-top: 590px;
}
p.lead-viz {
margin-top: 770px;
}  p.ux-robust {
margin-top: 895px;
}
p.ux-process {
margin-top: 610px;
}
p.ux-agile {
margin-top: 220px;
}  p.dt-serve {
margin-top: 380px;
}
p.dt-value {
margin-top: 590px;
}  p.prod-y {
margin-top: 286px;
}
p.prod-x {
margin-top: 490px;
}
p.prod-user {
margin-top: 553px;
}
p.prod-biz {
margin-top: 533px;
}
p.prod-learn {
margin-top: 647px;
}
p.prod-task {
margin-top: 568px;
}
p.prod-converge {
margin-top: 564px;
}
p.prod-focus {
margin-top: 558px;
}
p.prod-strat {
margin-top: 708px;
}
p.prod-gist {
margin-top: 498px;
}  p.cre-disease {
margin-top: 765px;
}
p.crea-cure {
margin-top: 680px;
}
p.crea-truth {
margin-top: 440px;
}  p.vizd-apply {
margin-top: 615px;
}
p.vizd-real {
margin-top: 217px;
}
p.vizd-flat {
margin-top: 253px;
}
p.vizd-time {
margin-top: 720px;
}  p.cd-serve {
margin-top: 695px;
}
p.cd-guide {
margin-top: 620px;
}  .category .main-area.two {
min-height: 540px;
}   @media screen and (max-width:1023px) {
.mobile-temp {
background: rgba(0,0,0,.85);
color: #ffffff;
z-index: 1000000;
display: block;
position: fixed;
height: 100%;
width: 100%;
margin: 0 auto
}
.mobile-temp h1 {
margin: 50px auto;
padding: 45px;
z-index: 100000000000;
color: #fff;
max-width: 80%;
font-size: 2em;
}
.wrapper.flex-container, .header.clear {
display:none;
}
}
@media screen and (max-width:480px) {
header {
transform: translateX(0px);
-webkit-transform: translateX(0px);
justify-content: center;
}
nav ul {
margin-left: 0;
-webkit-padding-start: 0;
}
.header nav ul li {
margin: 0;   
}
.header nav ul li a {
padding: 0px 20px;   
}
.header nav ul li:last-child {
display: none;
}
div.head {
width:300px;
}
.annotations {
flex-basis: 6%;
display: none;
}    
.page-template-page_homeTemp .flex-container { 
height: 100%; 
}
html, body, 
.page-template-page_homeTemp .wrapper, 
.scroll-container { 
height: 120%; 
}
.page-template-page_homeTemp .flex-container.wrapper { background-position: -102% 100% !important;
background-size: 105% !important;
background-repeat: no-repeat !important;
}
.page-template-page_homeTemp .main-area article {
margin-top: 140px;
width:58%;
}
.page-template-page_homeTemp .main-area article h1{
width:240px;
}
.main-area {
flex-basis: 59%;
padding-left: 6%;
}
article.post-61 h1 {
margin-bottom: 148px;
}
article.post-61 p br {
display: none;
}
.scroll-container {
background-size: 170%;
background-position: 96% 2%;
background-attachment: scroll;
height:90%;
}
.scrollable {
height:140%;
}
.scrollable h1 {
top: 30%;
}
.scrollable p {
top:40%;
width:85%
}
.scrollable p.status {
top:65%;
}
.flex-container.home-foot {
flex-direction: column;
height:135%;
}
.flex-container.home-foot .annotations {
display: none;
}
.flex-container.home-foot .main-area {
padding-left: 6%;
}
.home-main-foot {
width:95%;
}
#gallery-1 img {
width: 75px;
}
.home-foot .utility-container {
margin-left: 6%;
width: 85%;
}
footer {
padding-left: 5%;
}
main.flex-container {
background-color: rgba(19,19,19,.9);
flex-direction: column;
}
.main-area article:first-child {
margin-top:140px;
}
.utility {
flex-basis: 20%;
position: inherit;
max-width: 90%;
margin-left: 6%;
}
article {
max-width: 96%;
}
h1 {
font-size:38px;
}
.wrapper.flex-container {
background-position: 30% 0%;
}
}
@media only screen and (min-width:480px) and (max-width:768px) {
header {
transform: translateX(0px);
-webkit-transform: translateX(0px);
justify-content: flex-end;
}
nav ul {
margin-left: 0;
-webkit-padding-start: 0;
}
.header nav ul li {
margin: 0;   
}
.header nav ul li a {
padding: 0px 30px;   
}
.header nav ul li:last-child {
display: none;
}
div.head {
width:300px;
}
.annotations {
flex-basis: 6%;
display: none;
}    
.page-template-page_homeTemp .flex-container { 
height: 100%; 
}
html, body, 
.page-template-page_homeTemp .wrapper, 
.scroll-container { 
height: 105%; 
}
.page-template-page_homeTemp .flex-container.wrapper {
background-color:#39a681 !important;
background-position: -102% 100% !important;
background-size: 105% !important;
background-color: #39a681;
background-repeat: no-repeat !important;
}
.page-template-page_homeTemp .main-area article {
margin-top: 140px;
width:58%;
}
.page-template-page_homeTemp .main-area article h1{
width:330px;
}
.main-area {
flex-basis: 59%;
padding-left: 6%;
}
article.post-61 h1 {
margin-bottom: 148px;
}
article.post-61 p br {
display: none;
}
.scroll-container {
background-size: 170%;
background-position: 96% 2%;
background-attachment: scroll;
height:90%;
}
.scrollable {
height:140%;
}
.scrollable h1 {
top: 40%;
}
.scrollable p {
top:50%;
width:85%
}
.scrollable p.status {
top:65%;
}
.flex-container.home-foot {
flex-direction: column;
}
.flex-container.home-foot .annotations {
display: none;
}
.flex-container.home-foot .main-area {
padding-left: 6%;
max-height: 700px;
}
.home-main-foot {
width:95%;
}
#gallery-1 img {
width: 75px;
}
.home-foot .utility-container {
margin-left: 6%;
width: 85%;
}
footer {
padding-left: 5%;
}
main.flex-container {
background-color: rgba(19,19,19,.9);
flex-direction: column;
}
.main-area article:first-child {
margin-top:140px;
}
.utility {
flex-basis: 20%;
position: inherit;
max-width: 90%;
margin-left: 6%;
}
article {
max-width: 96%;
}
.wrapper.flex-container {
background-position: 30% 0%;
}
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
} ::selection {
background:#21a393;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#21a393;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#21a393;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !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) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}.tipr_content
{
font-family: 'Adobe Caslon Pro', Georgia, Palatino, serif;
font-size: 14px;
font-style: italic;
color: #777;
text-transform:capitalize;
letter-spacing: 1px;
background-color: #f1f1f1;
padding: 7px 14px 8px 14px;
border-radius: 3px;
}
.tipr_container_above, .tipr_container_below
{
display: none;
position: absolute;
z-index: 10000000;
}
.tipr_point_above, .tipr_point_below
{
position: relative;
background: #f1f1f1;
border: 1px solid #f1f1f1;
border-radius: 3px;
}
.tipr_point_above:after, .tipr_point_below:after
{
position: absolute;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
border-width: 7px;
left: 50%;
margin-left: -7px;
}
.tipr_point_above:after
{
top: 100%;
border-top-color: #f1f1f1;
}
.tipr_point_below:after
{
bottom: 100%;
border-bottom-color: #f1f1f1;
}
.tip {
color: #21a393;
}
.tip:hover {
color: #848484;
cursor: n-resize;
}