.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 3000px;
}
body {font-family: 'Montserrat';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {color: #444a54;text-decoration: none;}.ct-link-text:hover {color: #231f20;text-decoration: none;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.button:hover{
}.button:hover{
}
.button {
padding: 10px 16px;
}.button {
 button-hover_color:#444a54;
}
.featured {
 color:#444a54;
 margin-top:10px;
}
.oxy-stock-content-styles {
}
.custom-social-icon {
}
.first-line {
}
.second-line {
}
.header-button {
}
.right-right {
 text-align:right;
}
.cta-link {
}
.cta-link:not(.ct-section):not(.oxy-easy-posts),
.cta-link.oxy-easy-posts .oxy-posts,
.cta-link.ct-section .ct-section-inner-wrap{
display:inline;
}
.full-width-link {
 float:right;
}
.left-column {
 height:100%;
 text-align:center;
}
.left-column:not(.ct-section):not(.oxy-easy-posts),
.left-column.oxy-easy-posts .oxy-posts,
.left-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
}
.right-column {
}
.page-sections {
}
.landing {
}
.home-tagline {
}
.uppercase {
}
.small-type-lighter {
}
.extra-spacing {
 max-width:220px;
 margin-bottom:0px;
}
.small-type {
 width:420px;
}
@media (max-width: 1079px) {
.small-type {
 max-width:80%;
}
}

@media (max-width: 767px) {
.small-type {
}
}

.spacing {
 margin-bottom:30px;
}
.project-link {
 text-align:right;
}
.copyright {
}
.left-aligned-indent {
}
.second-row {
}
.hero-image {
}
.centered-section {
}
.small-margin {
}
.project-1-image {
}
.project-image-containter {
}
.right {
}
.right-border {
}
.landing-text {
}
.scroll-arrow {
}
.left {
}
.reverse {
}
.left-border {
}
.above-the-fold {
}
.dark-bg {
}
.top-type {
}
.text-whitespace {
}
.image-divider {
}
.cta-section {
}
.cta-headline {
 text-align:left;
 color:#ffffff;
}
.subhead-alt {
}
.full-width {
}
.extra-container-padding {
}
.bottom-border {
}
.contact-right {
}
.testimonials-title {
}
.testimonial-divider {
}
.testimonial-section {
}
.stats-right {
}
.stats-left {
}
@media (max-width: 479px) {
.stats-left {
}
}

.case-study-title {
}
.stats-container {
}
.stat-container {
}
@media (max-width: 479px) {
.stat-container {
}
.stat-container:not(.ct-section):not(.oxy-easy-posts),
.stat-container.oxy-easy-posts .oxy-posts,
.stat-container.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.case-study-intro {
}
.case-study-quote {
}
.featured-case-styudy-bottom {
background-size: cover; height:75vh;
 background-position:20% 45%;
}
.above-the-fold-image {
}
.grand {
}
.featured-case-study-bottom {
}
.case-study {
}
.final-container {
}
.final-container:not(.ct-section):not(.oxy-easy-posts),
.final-container.oxy-easy-posts .oxy-posts,
.final-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
.testimonial-link {
 max-width:250px;
 align-self:flex-end;
}
.link-span {
}
.home-button {
}
/* OVERALL */
html{
	overflow-x: hidden;	
}

.ct-section-inner-wrap {
	max-width: 100%;
}

#page-content {
	margin-top: 195px;
	width: 100%;
	position: relative;
	z-index: 1;
}

@media (min-width: 1080px) {
#page-content {
	margin-top: 100px;
}
}


/* ! FONTS & TEXT ! */

html, body { font-size: 16px; }

/**
 * @license
 * MyFonts Webfont Build ID 4190100, 2021-10-04T16:49:40-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BebasNeuePro-Regular by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/bebas-neue-pro/regular/
 * 
 * Webfont: BebasNeuePro-Middle by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/bebas-neue-pro/middle/
 * 
 * 
 * Webfonts copyright: Copyright © 2019 by Ryoichi Tsunekawa. All rights reserved.
 * 
 * © 2021 MyFonts Inc
*/

@font-face {
  font-family: "Bebas Neue Pro";
  font-weight: 500;
  font-style: normal;
  src: url("/wp-content/uploads/Fonts/BebasNeueProRegular.woff2") format("woff2"),
       url("/wp-content/uploads/Fonts/BebasNeueProRegular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Bebas Neue Pro";
  font-weight: 400;
  font-style: normal;
  src: url("/wp-content/uploads/Fonts/BebasNeueProMiddle.woff2") format("woff2"),
       url("/wp-content/uploads/Fonts/BebasNeueProMiddle.woff") format("woff");
	font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  src: url("/wp-content/uploads/Fonts/montserrat-v18-latin-regular.woff2") format("woff2"),
       url("/wp-content/uploads/Fonts/montserrat-v18-latin-regular.woff") format("woff");
	font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url("/wp-content/uploads/Fonts/montserrat-v18-latin-500.woff2") format("woff2"),
       url("/wp-content/uploads/Fonts/montserrat-v18-latin-500.woff") format("woff");
	font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  src: url("/wp-content/uploads/Fonts/montserrat-v18-latin-600.woff2") format("woff2"),
       url("/wp-content/uploads/Fonts/montserrat-v18-latin-600.woff") format("woff");
	font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  src: url("/wp-content/uploads/Fonts/montserrat-v18-latin-900.woff2") format("woff2"),
       url("/wp-content/uploads/Fonts/montserrat-v18-latin-900.woff") format("woff");
	font-display: swap;
}

h1, h2 {
  font-family: "Bebas Neue Pro";
  font-weight: 500;
  font-style: normal;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1em;
}	
	
p {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.065rem;
}

@media (min-width: 1080px) {
h1, h2 {
  font-family: "Bebas Neue Pro";
  font-weight: 500;
  font-style: normal;
  font-size: 4rem;
  text-transform: uppercase;
  line-height: 1em;
}	
	
p {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25rem;
}
}

h3 {
  font-family: "Bebas Neue Pro";
  font-weight: 400;
  font-style: normal;
  font-size: 2.25rem;
  text-transform: uppercase;
  line-height: 2.6875rem;
}

.featured {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}

.small-type, label.wsf-label {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.065rem;
  letter-spacing: 0.05em;
}

.small-type-lighter {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.065rem;
  letter-spacing: 0.05em;
}

.top-type p, .top-type {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.065rem;
  letter-spacing: 0.05em;
}

.heavy {
	font-weight: 600;
}

.subhead {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 900;
    font-size: 0.875rem;
    line-height: 1.065rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #E3DEB3;
}

.subhead-alt {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.065rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.uppercase, label.wsf-label {
  text-transform: uppercase;	
}

.spacing, label.wsf-label  {
	letter-spacing: 0.1em;
}

.extra-spacing {
	letter-spacing: 0.15em;
}

@media (min-width: 1080px) {
	.featured {
  font-size: 1.125rem;
}
}

/* ---------------- HEADER  ----------------  */
#header-row {
	z-index: 1000;
	width: 100vw;
}
#header-left-column {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#logo {
    margin: 22px 10px 5px;
    width: 180px;
}
#logo-bar {
	width: 180px;
	height: 3px;
	background-color: #444A54;
}
#custom-design-unique-builds {
	margin: 10px 0;
}
#custom-design-unique-builds[data-aos^=fade][data-aos^=fade], #logo-bar[data-aos^=fade][data-aos^=fade] {
  	max-height: 100px;
	overflow: hidden;
	opacity: 1;
    transition-property: opacity, max-height, margin;
	transition-duration: 0.8s;
	transition-timing-function: ease-out;
}
#custom-design-unique-builds[data-aos^=fade][data-aos^=fade].aos-animate, #logo-bar[data-aos^=fade][data-aos^=fade].aos-animate {
    max-height: 0;
	opacity: 0;
	margin: 1px 0;
}
#header-right-column {
	border-top: 3px solid #444A54;
}
#desktop-menu {
	display: none;
}

.header-button {
	display: none;
}

#mobile-menu {
    margin: 0;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1080px) {
	.first-line {
	height: 3px;
    width: 100%;
    position: absolute;
    background-color: #444A54;
    top: 99px;
    left: 0;
    right: 0;
    z-index: 2000;
	}
	.second-line {
	height: 100vh;
    width: 3px;
    position: absolute;
    background-color: #444A54;
    top: 0;
    left: calc(20% - 3px);
    bottom: 0;
    z-index: 2000;	
	}
	#header-row {
	border-bottom: none;
	height: 99px;
	}
	#header-left-column, #left-column {
	width: 20%;
	}
	#left-column-dynamic[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transition-property: opacity,transform
	}
	#left-column-dynamic[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 0;
    transform: translateZ(0)
	}
	#header-right-column {
    width: 80%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
	border-top: none;
	}
	#mobile-menu {
		display: none;
	}
	#desktop-menu {
	display: block;
	margin-right: 58px;
	}
	.header-button {
	  border: 2px solid white;
      color: white;
      background-color: #444A54;
      padding: 11px 22px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-family: Montserrat;
      font-style: normal;
      font-weight: 500;
      font-size: 0.8rem;
      line-height: 1.375rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      border-radius: 0;
      margin-right: 50px;
	}
	.header-button:hover {
		border: 2px solid #444A54;
		color: #444A54;
      	background-color: white;
	}
	#logo {
		margin: 22px 10px 10px;
	}
	#logo-bar {
		display: none;
	}
	#custom-design-unique-builds {
		display: none;
		height: 0;
	}
}

#mobile-menu .oxy-pro-menu > .oxy-pro-menu-container {
    height: clamp(260px, 40vh, 360px);
	width: 100vw;
	overflow: hidden;
	margin-top: 90px;
	position: sticky;
}

#mobile-menu .oxy-pro-menu-container {
	width: 100vw;
}
/* ---------------- PAGE CONTENT ---------------- */

#left-column {
	display: none;
}
#right-column {
	width: 100%;
}
#desktop-social-container {
	display: none;
}
@media (min-width: 1080px) {
	#left-column {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 20%;
    justify-content: flex-start;
}
	#tagline-left {
	margin-top: 20px;
	transform: scale(0.8);
	position: fixed;
}
	#right-column {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 80%;
    justify-content: flex-start;
}
	#desktop-social-container {
	display: flex;
}
}
@media (min-width: 1250px) {
	#tagline-left {
	transform: none;
}
}

/* ---------------- FOOTER ---------------- */

#footer-right-column {
    display: flex;
    flex-direction: column;
}

#pre-footer {
    background-color: #444A54;
    padding: 110px 0 140px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	width: 100%;
}

#pre-footer-headline {
	color: white;
	margin: 0 0 20px;
}

#gold-button {
  border: 3px solid #E3DEB3;
  background-color: #E3DEB3;
  color: #444A54;
  padding: 12px 32px;
  margin: 20px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 0;
}

#main-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: white;
    text-align: center;
}

.custom-social-icon {
	transform: scale(1.25);
	padding: 6px 6px;
}

#footer-menu {
	visibility: hidden;
}

.copyright {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin: 0 40px 100px;
}

#mobile-bottom-bar .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#mobile-bottom-bar {
	display: flex;
	width: 100vw;
	background-color: #444A54;
	border-top: 3px solid white;
    color: white;
    height: 60px;
	position: fixed;
	bottom: 0;
	z-index: 1000;
}

#facebook-mobile-bar, #instagram-mobile-bar {
	transform: scale(1.25);
    padding: 7px 12px 0;
}

@media (min-width: 480px){
	#pre-footer {
	padding: 10% 10% 14%;
}
}
@media (min-width: 900px) {
	#footer-menu {
		visibility: visible;
	}
}
@media (min-width: 1080px) {
#footer-left-column {
    width: 20%;
	border-right: 3px solid #444A54;
}
#footer-right-column {
    width: 80%;
}
#pre-footer {
    display: flex;
    flex-direction: row;
	padding: 110px 50px 140px;
}	
#gold-button:hover {
  border: 3px solid #E3DEB3;
  background-color: #444A54;
  color: #E3DEB3;
}
#mobile-bottom-bar {
	display: none;
}

#pre-footer-headline {
	margin: 0 34px;
}

#gold-button {
  margin: 0 34px;
}
.copyright {
margin: 0 40px 40px;
}

}

/* ---------------- HOME  ----------------  */

.hero-image img, .hero-image picture {
    height: clamp(250px, 40vh - 120px, 1200px);
    width: 100vw;
    object-fit: cover;
    object-position: 25% 25%;
}

.centered-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.small-margin {
    margin: 6px;
}

#landing-text {
    height: clamp(230px, 40vh - 235px, 350px);
}

.home-tagline {
    font-family: "Bebas Neue Pro";
    font-weight: 400;
    font-style: normal;
    font-size: 2.75rem;
    text-transform: uppercase;
    line-height: 2.75rem;
}

.dark-background {
    background-color:#444A54;
    color: white;
}

.left-aligned-indent {
    width: 100%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    padding: 20% 12% 28%;
}

.left-aligned-indent .ct-section-inner-wrap {
    width: 100%;
}

#schedule-a-consultation {
    display:flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    width: 210px;
}

#contact-link {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#schedule-a-consultation h2 {
	color: white;
	text-align: left;
}

#double-arrow-desktop {
    display: none;
}

#double-arrow-mobile {
    margin: 0 0 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#double-arrow-mobile a {
	height: 37px;
}

.button, button.wsf-button.wsf-button-primary {
    border: 3px solid #FFFFFF;
    color: #444A54;
	background-color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 16px;
}

.button:hover, button.wsf-button.wsf-button-primary:hover {
    background-color: white;
    border: 3px solid #FFFFFF;
    color: #444A54;
}

.project-container .ct-section-inner-wrap {
    align-items: inherit;
    border-bottom: solid 3px #444A54;
}
.project-image {
	height: auto;
}
.project-text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 50px 50px 80px 50px;
}

.left {
    align-items: flex-start;
    text-align: left;
}

.reverse .ct-section-inner-wrap {
	flex-direction: column-reverse;
}

.right {
    align-items: flex-end;
    text-align: left;
}

.right-right {
    align-items: flex-end;
    text-align: right;
}

.left .project-text-container {
    position: relative
}

.left-border, .right-border {
    border: none;
}

blockquote {
    margin: 0;
}

.project-quote-desktop {
    display: none;
}

.project-quote-mobile {
    width: 90%;
    padding: 20px;
    margin-top: -170px;
    margin-bottom: 10px;
    background-color: white;
	z-index:1;
}

.attribution {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    width: 100%;
    text-align: right;
} 

.project-heading {
    width: 100%
}

.project-link {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #444A54;
    text-transform: uppercase;
    margin-top: 36px;
}
@media (min-width: 481px) {
    .left-aligned-indent {
        padding: 10% 10% 14%;
      }
    .project-quote-mobile {
        width: 50%;
        margin-top: -200px;
        margin-bottom: 50px;
    }
}
@media (min-width: 760px) {
#schedule-a-consultation {
    width: clamp(220px, 90%, 1000px);
	}
}
@media (min-width: 769px) {
    .left-aligned-indent {
      padding: 10% 10% 14%;
    }
	#schedule-a-consultation {
    width: clamp(220px, 90%, 1000px);
	}
    .project-text-container {
        width: 100%;
    }
    .project-quote-mobile {
        display: none;
    }
    .project-quote-desktop {
        display: block;
        background: white;
        padding: 24px;
        width: 65%;
        margin-top: -300px;
        margin-bottom: 100px;
    }
}
@media (min-width: 1080px) {
    @keyframes draw-horizontal {
        0% {width: 180px; margin-left: calc(10% - 90px)}
        30% {width: 180px; margin-left: calc(10% - 90px)}
        35% {width: 20%; margin-left: 0}
        100% {width: 100%}
    }
    
    .first-line {
        width: 100%;
    }
	.page-id-9 .first-line {
        animation-name: draw-horizontal;
        animation-duration: 2s; 
        animation-timing-function: linear;
    }
    
    @keyframes draw-vertical {
        0% {height: 0}
        25% {height: 0}
        100% {height: 100vh}
    }
    
	.second-line {
		height: 100vh;
	}
    .page-id-9 .second-line {
        animation-name: draw-vertical;
        animation-duration: 2.5s;  
        animation-timing-function: linear;
    }
    
    @keyframes fade-in-jb {
        0% {opacity: 0}
        20% {opacity: 0}
        100% {opacity: 100%}
    }
    @keyframes fade-in-menu1 {
        0% {opacity: 0}
        30% {opacity: 0}
        100% {opacity: 100%}
    }
    @keyframes fade-in-menu2 {
        0% {opacity: 0}
        40% {opacity: 0}
        100% {opacity: 100%}
    }
    @keyframes fade-in-menu3 {
        0% {opacity: 0}
        50% {opacity: 0}
        100% {opacity: 100%}
    }
	@keyframes fade-in-menu4 {
        0% {opacity: 0}
        60% {opacity: 0}
        100% {opacity: 100%}
    }
    
    .page-id-9 #menu-item-99, .page-id-9 #menu-item-17, .page-id-9 #menu-item-18, .page-id-9 #menu-item-192, .page-id-9 .header-button {
        animation-timing-function: ease-in;
    }
    .page-id-9 #menu-item-99 {
        animation-name: fade-in-menu1;
        animation-duration: 2s;
    }
    .page-id-9 #menu-item-17 {
        animation-name: fade-in-menu2;
        animation-duration: 2.25s;
    }
	.page-id-9 #menu-item-192 {
        animation-name: fade-in-menu3;
        animation-duration: 2.5s;
    }
    .page-id-9 #menu-item-18 {
        animation-name: fade-in-menu4;
        animation-duration: 2.75s;
    }
	.page-id-9 .header-button {
        animation-name: fade-in-menu4;
        animation-duration: 2.75s;
    }
    .hero-image img, .hero-image picture {
        height: clamp(500px, 100vh - 100px, 1000px);
        object-fit: cover;
        animation-name: fade-in-jb;
        animation-duration: 2.5s;
        animation-timing-function: ease-in;
    }	
    #landing-text {
        display: none;
    }
    .page-id-9 #landing-text-left {
        animation-name: fade-in-menu3;
        animation-duration: 4.5s;
        animation-timing-function: ease-in-out;
    }
	#landing-text-left > .ct-section-inner-wrap {
          align-items: center
    }
    .left-aligned-indent {
        padding: 8% 10% 10%;
    }
    #double-arrow-mobile {
        display: none;
    }
    #double-arrow-desktop {
        display: block;
        margin-left: 20px;
    }
    .button {
        color: white;
        background-color: #444A54;
    }
    .project-container .ct-section-inner-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .left-border {
        border-left: 3px solid #444A54;
    }
    
    .right-border {
        border-right: 3px solid #444A54;
    }
	.reverse {
	flex-direction: row;
	}
    .project-image {
        width: 60%;
        height: 100%;
        object-fit: cover;
    }
    .project-heading {
        margin-top: 20px;
    }
    .project-text-container {
        width: 40%;
        padding: 5%;
    }
    .project-quote-desktop {
        width: 100%;
        padding: 0;
        background-color: none;
        margin: 0;
    }
}

/* ---------------- ABOUT  ----------------  */

.above-the-fold img, .above-the-fold picture {
    height: clamp(250px, 50vh - 100px, 1200px);
    width: 100vw;
    object-fit: cover;
    object-position: 25% 25%;
	border-bottom: solid 3px #444A54;
} 

.above-the-fold h1 {
	margin-bottom: 14px;
	max-width: 320px;
}

#top-text-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#centered-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 25% 15%;
}

.image-divider {
	border-top: solid 3px #444A54;
	border-bottom: solid 3px #444A54;
	width: 100%;
}
.image-divider img, .image-divider picture {
	height: auto;
	width: 100%;
}
.cta-headline {
	color: #444A54;
}
#project-headline {
	color: #fff;
}
.cta-link, #project-text {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 36px;
    display: inline;
    text-decoration: none;
}
.link-span {
	background-image: linear-gradient(120deg, #444A54, #444A54);
	background-size: 100% 1px;
	background-position: 0 1.1em;
    background-repeat: no-repeat;
	color: #444A54;
}
#project-text .link-span {
	color: #fff;
}


@media (min-width: 1080px) {
	.above-the-fold {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.above-the-fold img, .above-the-fold picture {
		height: clamp(500px, 100vh - 100px, 1000px);
		width: 45%;
		border-right: solid 3px #444A54;
	}
	 .above-the-fold .top-type {
      max-width: 375px;
  	}
	#top-text-container {
		height: clamp(500px, 100vh - 100px, 1000px);
		width: 55%;
	}
	#centered-text {
	padding: 10% 24%;
	}
	.image-divider img, .image-divider picture {
	object-fit: cover;
	}
	.cta-headline, #project-headline {
		max-width: 640px;
	}
	
}

/* ---------------- SERVICES  ----------------  */

.page-id-13 .above-the-fold img {
	border-bottom: none;
}
#services-above-the-fold-image {
	object-position: 50% 90%;
}

#services-headline {
	max-width: 650px;
}

#services-text {
	max-width: 510px;
}
.extra-container-padding {
	padding: 20% 12% 28%;
}

.extra-container-padding .project-headline {
	margin-bottom: 20px;
}

.full-width-link {
	width: 100%;
	display: flex;
	align-items: flex-end;
}
#image-201-78 {
  width: 100%;
}
#testimonials-link {
	max-width: 250px;
}

@media (min-width: 481px) {
.extra-container-padding {
	padding: 10% 6%;
	height: unset;
	}
}

@media (min-width: 1080px) {
	#image-201-78 {
  	width: 60%
	}	
}

/* ---------------- CONTACT ----------------  */
.contact-right {
	display: none;
}
#contact-left-top {
	padding: 20% 8% 0;
}
#contact-left-section {
	padding: 20% 8% 10%;
}
#contact-form{
	margin-bottom: 50px;
}
.wsf-form.wsf-form-canvas .wsf-grid .wsf-field {
	border: 1px solid #444a54;
	border-radius: 0;
}
.button, button.wsf-button.wsf-button-primary, .button:hover, button.wsf-button.wsf-button-primary:hover {
	border: 2px solid #444a54;
}
.page-id-15 #pre-footer {
	display: none;
}
.page-id-15 #circular-saw-graphic {
	z-index: 100;
}
#contact-pre-footer {
	width: 100%;
	object-fit: cover;
	height: clamp(350px, 30vh, 1000px)
}
@media (min-width: 481px) {
	#contact-left-top {
	padding: 10% 8% 0;
	}
	#contact-left-section {
	padding: 10% 8% 8%;
	}
}
@media (min-width: 1080px) {
	.bottom-border {
	border-bottom: solid 3px #444A54;
	}
	#contact-left-top {
	padding: 4% 10% 4%;
	}
	#contact-left-section {
	padding: 6% 10% 6%;
	}
	#contact-image {
		width: 100%;
	}
	.contact-right {
	display: flex;
	}
}

/* ---------------- TESTIMONIALS ----------------  */

.above-the-fold h1.testimonials-title {
	max-width: 325px;
}
.testimonial-divider {
      border-top: solid 3px #444A54;
      border-bottom: solid 3px #444A54;
      width: 100%;
}
.testimonial-divider img, .testimonial-divider picture {
      height: auto;
      width: 100%;
}
.testimonial-section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 25% 15%;
  }
@media (min-width: 1080px) {
.testimonial-section {
      padding: 10% 24%;
}
}
/* ---------------- PROJECTS ----------------  */
.link-span-white {
	color: white;
	text-align: right;
}

/* ---------------- CASE STUDIES ----------------  */
.above-the-fold h1.case-study-title {
	max-width: 400px;
}
.above-the-fold .above-the-fold-image {
	object-position: 50% 80%;
}
.above-the-fold .above-the-fold-image.sparrow {
	object-position: 50% 50%;
}
.above-the-fold .above-the-fold-image.grand {
	object-position: 50% 10%;
}
.stats-container {
	margin-top: 10%;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
	overflow-x: hidden;
}
.stat-container {
	width: 100%;
}
.spacing.stats-left, .spacing.stats-right {
	margin-bottom: 1em;
}
.stats-left {
	padding-right: 20px;
	text-transform: uppercase;
	width: 45%;
	line-height: 1.1em;
}
.stats-left span.stats-bold {
	font-weight: 900;
}
.stats-right {
	text-transform: uppercase;
	line-height: 1.1em;
	width: 55%;
}
#case-study-headline {
	max-width: 650px;
}
.case-study-quote {
	max-width: 513px;
}
.case-study-quote.spacing {
	margin-top: 2em;
	margin-bottom: 1em;
}
.case-study-quote.attribution {
	margin-bottom: 2em;
}
.project-image.case-study {
	border-bottom: solid 2px #444A54;
}
.extra-container-padding.final-container.case-study {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
@media (min-width: 480px) {
	.stats-container {
		margin-top: 10%;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 1080px) {
	.project-image.case-study {
	border-bottom: none;
}
}

.home-button {
  border: 3px solid #E3DEB3;
  background-color: #E3DEB3;
  color: #444A54;
  padding: 12px 32px;
  margin: 20px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 0;
}
.oxy-search-form input {
	width: 80%;
	margin: 0 10%;
}
.oxy-search-form input[type=text] {
  background-color: #E3DEB3;
  height: 46px;
}

.oxy-search-form input[type=submit] {
  padding: 12px 32px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

@media (min-width: 600px) {
	.oxy-search-form input {
	margin: 0;
}
	.oxy-search-form input[type=text] {
	max-width: 400px;
	}
	.oxy-search-form input[type=submit] {
	width: unset;	
	}
}

/* ---------------- SPARROW CASE STUDY ----------------  */
#section-206-78.sparrow.featured-case-study-bottom {
	width: 100%;
	height: 80vw;
	object-fit: cover;
}
@media (min-width: 600px) {
.sparrow.featured-case-study-bottom {
	background-position: 46% 50%;
}
}