/*
    Theme Name: Crafted Custom Theme
    Version: 1.0.2
*/
@font-face {
	font-family: 'Libre Baskerville';
	font-display: swap;

	src: url('../fonts/libre.eot');
	src: url('../fonts/libre.eot?#iefix') format('embedded-opentype'),
		url('../fonts/libre.woff') format('woff'),
		url('../fonts/libre.ttf') format('truetype'),
		url('../fonts/libre.svg#libre') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Futura Bold';
	font-display: swap;

	src: url('../fonts/futurabold.eot');
	src: url('../fonts/futurabold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futurabold.woff') format('woff'),
		url('../fonts/futurabold.ttf') format('truetype'),
		url('../fonts/futurabold.svg#libre') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'flexslider-icon';
	src: url('../fonts/fa-regular-400.eot');
	src: url('../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fa-regular-400.woff') format('woff'),
		url('../fonts/fa-regular-400.ttf') format('truetype'),
		url('../fonts/fa-regular-400.svg#fa-light-300') format('svg');
	font-weight: normal;
	font-style: normal;

}

:root {
	--primary-font: 'Libre Baskerville';
	--secondary-font: "Futura Bold";
	--tertiary-font: "Noto Sans";
	--primary-color: hsl(210, 26%, 13%);
	--primary-color-02: hsl(210, 26%, 20%);
	--primary-color-03: hsl(210, 26%, 15%);
	--primary-color-04: hsl(210, 26%, 10%);

	--secondary-color: hsl(17, 94%, 51%);
	--secondary-color-1: hsl(17, 94%, 45%);
	--neutral-color-1: hsl(0, 0%, 90%);
	--neutral-color-5: hsl(0, 0%, 50%);
	--fa-font-regular-crafted: normal 100 1em / 1 "FontAwesome";
}

*[data-text-color="white"] {
	color: var(--neutral-color-1);
}

*[data-text-color="orange"] {
	color: var(--secondary-color);
}

*[data-text-color="blue"] {
	color: var(--primary-color);
}
*[data-text-color="grey"] {
	color: var(--neutral-color-5);
}

body::-webkit-scrollbar {
	width: 7px;
}

body::-webkit-scrollbar-track {
	background-color: var(--primary-color-03);
}

body::-webkit-scrollbar-thumb {
	background-color: var(--secondary-color);
	border-radius: 100vh;
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

html,
body,
input {
	font-family: var(--secondary-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p {
	font-family: var(--tertiary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .25px;
}

a {
	font-weight: 500;
	color: var(--secondary-color);
	background: transparent;
	outline: none;
	text-decoration: none;
	-webkit-transition: .4s cubic-bezier(0.25, .46, .45, .94);
	transition: .4s cubic-bezier(0.25, .46, .45, .94);
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
}

a:active,
a:hover,
a:focus {
	outline: 0;
	background: transparent;
	color: #16a9e1;
	text-decoration: none
}

ul {
	list-style-type: none;
	padding: 0;
	font-size: 15px;
	line-height: 24px
}

.bull {
	list-style-type: disc;
	max-width: 255px;
	margin: 0 auto
}

li {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0
}

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

h1 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	letter-spacing: 0;
	line-height: 1.3
}

.h1 {
	font-family: 'Libre Baskerville';
	font-style: normal;
	font-weight: 400;
	font-size: 90px;
	color: var(--primary-color)
}

.h1-hero {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 300;
	font-size: 40px;
	letter-spacing: 0;
	line-height: 1.3
}

h2 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 1px
}

.content-body h1 {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 1.1;
	letter-spacing: -2px;
	color: var(--primary-color);
	padding-bottom: 10px;
}

.content-body h2,
.content-body .h2,
.content-body .h2a,
.content-body .h2b {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 1.1;
	letter-spacing: -2px;
	color: var(--primary-color);
	padding-bottom: 20px;
}

.content-body h3 {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 37px;
	line-height: 1.1;
	letter-spacing: -2px;
	color: var(--primary-color);
	padding-bottom: 10px;
}

.content-body h4 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	padding-bottom: 10px;
}

.h2 {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 65px;
	line-height: 1.1;
	letter-spacing: -2px
}

.h2a {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 50px;
	line-height: 1.1;
	letter-spacing: -2px
}

.h2b {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 37px;
	line-height: 1.1;
	letter-spacing: -1px
}

.h3 {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.1;
	letter-spacing: -1px
}

.h3a {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 1.1;
	letter-spacing: -1px
}

.content-body .h3a {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 1.1;
	letter-spacing: -1px
}

.wys h2 {
	font-size: 1.75rem;
	padding-block: 10px;
	font-family: var(--primary-font);
	letter-spacing: 0;
}

.wys .h3 {
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2.25rem;
	line-height: 1.25;
	letter-spacing: -1px;
	padding-bottom: 20px;
}

.h2-strong {
	font-weight: 500;
	font-size: .9rem;
	letter-spacing: 3px;
}

.h2-hero {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	letter-spacing: 0;
	line-height: 1.3
}

.h3-norm {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0
}

h3 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	margin-top: 0;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: none
}

.h3-hero {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	letter-spacing: 0;
	line-height: 1.3
}

h4 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 13px
}

.h4 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 13px
}

.h4-strong {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
}

h5 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px
}

h6 {
	font-size: 13px
}

.h7 {
	font-family: var(--secondary-font);
	line-height: 1;
	font-weight: 500;
	font-size: .7rem;
	letter-spacing: 2px;
	opacity: .5;
	padding-bottom: 1rem;
}

p.entry-content-page {
	padding-bottom: 20px
}

.group-content {
	display: inline-block;
	width: 100%;
	z-index: 1;
	position: relative;
	padding: 100px 0;
}

.group-content .col-sm-6,
.group-content .col-sm-12 {
	padding-left: 0;
}

.circle {
	list-style-type: circle;
}

.name {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 23px;
	letter-spacing: 0
}

.title {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px
}

.emphasis {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500
}

.icons {
	display: inline-block
}

.ul {
	padding-left: 40px;
}

.fa {
	line-height: 1 !important;
	font-size: 20px !important;
	padding-right: 30px
}

.workDesc {
	max-width: 800px;
}

.btn-theme-color,
.btn-theme-color:visited {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	background: none;
	border: 3px;
	padding: 12px 40px;
	border-radius: 0;
	border-style: solid;
	cursor: pointer;
	font-size: 12px;
	display: inline-block;
}

.btn-theme-color:hover,
.btn-theme-color:active {
	color: var(--secondary-color);
	box-shadow: none
}

.btn-theme[data-btn-color='lt-blue-bk white'] {
	color: var(--neutral-color-1);
	background-color: var(--secondary-color);
}

.fmabtn {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: .8rem;
	background: var(--secondary-color);
	color: var(--neutral-color-1);
	padding: 15px 20px;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in
}

.fmabtn:visited,
.fmabtn:hover,
.fmabtn:active {
	color: var(--neutral-color-1);
	background-color: var(--secondary-color-1);
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out
}

.wide {
	letter-spacing: 5px
}

.footer-links ul {
	font-size: 12px
}

#footer-menu li:hover a {
	color: var(--secondary-color);
}

.footer-left {
	text-align: left;
	float: left
}

.footer-right {
	text-align: right;
	float: right
}

.footer-social-right {
	padding: 17px 0px 17px 30px;
}

.footer-legal-left {
	padding: 15px 30px;
}

.footer p {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 12px
}

.footer a:hover {
	color: #ffffff;
}

.white {
	color: #fff
}

.lt-blue {
	color: var(--secondary-color);
}

.md-blue {
	color: var(--primary-color-02)
}

.dk-md-blue {
	color: var(--primary-color-03)
}

.dk-blue-bk {
	background-color: var(--primary-color-03)
}

.ex-dk-blue-bk {
	background-color: #0e1e23
}

.ex-dk-blue {
	color: #0e1e23
}

.blue {
	color: var(--primary-color);
}

.bot-line {
	border-bottom: solid 3px var(--secondary-color);
	max-width: 50px;
	margin-top: 20px;
	margin-bottom: 20px
}

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

.lt-blue-bk {
	background-color: var(--secondary-color)
}

.md-blue-bk {
	background-color: var(--primary-color-02)
}

.dk-md-blue-bk {
	background-color: var(--primary-color-03)
}

.blue-bk {
	background-color: var(--primary-color);
}

.blue-bk-solid {
	background-color: var(--primary-color);
}

.lt-grey {
	color: #F6F6F6
}

.md-grey {
	color: #eaeaea
}

.grey {
	color: #777;
	padding-top: 6px
}

.black {
	color: #555
}

.lt-grey-bk {
	background-color: #F6F6F6
}

.md-grey-bk {
	background-color: #eaeaea
}

.grey-bk {
	background-color: #232a33
}

.blue2-bk {
	background-color: #02243e
}

.black-bk {
	background-color: #000
}

.portfolio {
	width: 30px;
	height: auto;
	padding-bottom: 15px
}

.umbrella {
	width: 37px;
	height: auto;
	padding-bottom: 8px
}

.blue-sliver {
	width: 100%;
	height: 15px
}

.video-play-button {
	position: relative;
	margin: auto;
	height: 92px;
	z-index: 1;
}

.clr {
	clear: both;
	overflow: hidden;
	height: 0
}

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

.padding-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-50 {
	padding: 50px 0
}

.padding-80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.padding-30-0 {
	padding-top: 30px;
	padding-bottom: 0px
}

.padding-80-30 {
	padding-top: 80px;
	padding-bottom: 30px
}

.padding-80-10 {
	padding-top: 80px;
	padding-bottom: 10px
}

.padding-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.pad-bot-00 {
	padding-bottom: 0px !important
}

.pad-bot-10 {
	padding-bottom: 10px !important
}

.pad-bot-20 {
	padding-bottom: 20px !important
}

.pad-bot-30 {
	padding-bottom: 30px !important
}

.pad-bot-50 {
	padding-bottom: 50px !important
}

.pad-bot-80 {
	padding-bottom: 80px !important
}

.pad-bot-100 {
	padding-bottom: 100px !important
}

.pad-bot-150 {
	padding-bottom: 150px !important
}

.pad-bot-200 {
	padding-bottom: 200px !important
}

.pad-top-00 {
	padding-top: 0px !important
}

.pad-top-10 {
	padding-top: 10px !important
}

.pad-top-20 {
	padding-top: 20px !important
}

.pad-top-30 {
	padding-top: 30px !important
}

.pad-top-50 {
	padding-top: 50px !important
}

.pad-top-80 {
	padding-top: 80px !important
}

.pad-top-100 {
	padding-top: 100px !important
}

.pad-top-150 {
	padding-top: 150px !important
}

.pad-top-200 {
	padding-top: 200px !important
}

.mar-bot-10 {
	margin-bottom: 10px
}

.mar-bot-15 {
	margin-bottom: 15px
}

.mar-bot-20 {
	margin-bottom: 20px
}

.mar-bot-40 {
	margin-bottom: 40px
}

.mar-bot-50 {
	margin-bottom: 50px
}

.mar-bot-100 {
	margin-bottom: 100px
}

.no-pad {
	padding: 0;
	float: left;
}

.overlay {
	background: black;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	transition: all .25s ease-in;
	z-index: 1;
}

.featured-btn {
	overflow: hidden;
}

.featured-btn img {
	transform: scale(1, 1);
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	transition: all .25s ease-in;
}

.featured-btn:hover .overlay {
	opacity: .1;
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	transition: all .8s ease-out;
}

.featured-btn:hover img {
	transform: scale(1.15, 1.15);
	-moz-transition: all .8s ease-out;
	transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
}

.featured-btn:after {
	content: "";
	width: 100%;
	height: 35%;
	display: table;
	background: black;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	z-index: 0;
	position: absolute;
	bottom: 0px;
}

.no-margin {
	margin: 0
}

.no-pad-bot {
	padding-bottom: 0
}

.container-80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px
}

.container-80::before,
.container-80::after {
	display: table;
	content: "";
	clear: both
}

.container-90 {
	width: 90%;
	margin-right: auto;
	margin-left: auto
}

.container-90::before,
.container-90::after {
	display: table;
	content: "";
	clear: both
}

.container-100 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: table
}

.container-100::before,
.container-100::after {
	display: table;
	content: "";
	clear: both
}

.container-hero {
	padding-right: 10%;
	padding-left: 200px;
}

.max-460 {
	max-width: 460px;
}

.max-500 {
	max-width: 500px;
}

.max-600 {
	max-width: 600px;
}

.max-675 {
	max-width: 675px;
}

.max-800 {
	max-width: 800px;
}

.max-900 {
	max-width: 900px;
}

.mar-center {
	margin: 0 auto;
}

.min-ht-100 {
	min-height: 100px
}

.min-ht-300 {
	min-height: 300px
}

.min-ht-350 {
	min-height: 350px
}

.min-ht-400 {
	min-height: 400px
}

.min-ht-450 {
	min-height: 450px
}

.min-ht-500 {
	min-height: 500px
}

.min-ht-550 {
	min-height: 550px
}

.min-ht-600 {
	min-height: 600px;
}

.min-ht-700 {
	min-height: 700px;
}

.max-ht-50 {
	max-height: 50vh;
}

.max-ht-60 {
	max-height: 60vh;
}

.max-ht-70 {
	max-height: 70vh;
}

.max-ht-80 {
	max-height: 80vh;
}

.max-ht-90 {
	max-height: 90vh;
}

.max-ht-100 {
	max-height: 100vh;
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.max-775 {
	max-width: 775px;
	margin: 0 auto
}

.sliver-20 {
	height: 20px;
}

.carousel-100 {
	background-position: center 0;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1
}

.carousel-80 {
	background-position: center 0;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	width: 100%;
	height: 80%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1
}

.carousel-70 {
	background-position: center 0;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	width: 100%;
	height: 70%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1
}

.carousel-50 {
	background-position: center 0;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	width: 100%;
	height: 50%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1
}

.carousel-30 {
	background-position: center 0;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	width: 100%;
	height: 30%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1
}

.fullscreen-slider {
	width: 100%;
	height: 100.1%;
	overflow-x: hidden;
	position: relative;
	overflow-y: hidden
}

.fullscreen-slidee {
	width: 100%;
	height: 100%;
	position: relative
}

.fullscreen-slide {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
	min-height: 100.1%;
}

.fullscreen-slide-cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle
}

.fullscreen-slide-center {
	z-index: 9;
	position: relative
}

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

.background-hero {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center center
}

.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background .3s;
	background: none
}

.c-hamburger:focus {
	outline: none
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 24px;
	left: 12px;
	right: 12px;
	height: 3px;
	background: var(--secondary-color)
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--secondary-color);
	content: ""
}

.c-hamburger span::before {
	top: -7px
}

.c-hamburger span::after {
	bottom: -7px
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s
}

.c-hamburger--htx span::before {
	transition-property: top, transform
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform
}

.c-hamburger--htx.is-active {
	background-color: none
}

.c-hamburger--htx.is-active span {
	background: none !important
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg)
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg)
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s
}

.navigation-container {
	width: 100%;
	height: 75px;
	display: flex;
}

button {
	padding: 0;
	border: none
}

.menu-items a,
.menu-items ul {
	color: #fff;
	list-style: none;
	padding: 0;
	line-height: 55px;
	display: table-cell;
	vertical-align: middle;
	margin-right: 20%;
	text-align: right;
}

.menu-box {
	height: 75px;
	width: 75px;
	min-width: 75px;
	display: none;
	background-color: var(--secondary-color);
	border-left: 1px solid #0e1e23;
}

.menu-items li a {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	display: block;
	letter-spacing: 0;
}

#header-menu .current-menu-item a,
#header-menu .current-page-ancestor a {
	background-color: none !important;
	color: var(--secondary-color);
}

.menu-items a:hover,
.menu-items li:active a {
	color: var(--secondary-color);
	transition: .3s;
}

.menu,
.menu-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	font-size: 30px;
	text-align: center;
	right: 0;
	top: 0
}

.menu-bg {
	pointer-events: none;
	transition: .6s;
	transform-origin: center center;
	z-index: 10
}

.menu-bg.fs {
	background: rgba(3, 30, 50, 1);
	width: 100%;
	height: 100%
}

.menu-burger {
	color: var(--secondary-color);
	cursor: pointer;
	transform-origin: center;
	z-index: 50
}

.menu-burger.blue {
	color: var(--secondary-color)
}

.menu-items {
	position: fixed;
	font-size: 35px;
	letter-spacing: 10px;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	transition: all .4s ease;
	display: table;
	transform: translateY(-200%);
	pointer-events: none;
	z-index: 49
}

.menu-items div {
	transition: 1s;
	opacity: 0;
	margin-top: 0
}

.menu-items.fs {
	transform: translateY(0);
	pointer-events: auto;
	opacity: 1;
	display: table
}

.menu-items.fs div {
	opacity: 1;
	margin-top: 0
}

.sml-menu {
	display: inline-grid;
	font-size: 12px
}

li.selected {
	font-weight: 700;
	color: var(--primary-color)
}

.worktout {
	display: table;
}

.worktout img {
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	-webkit-filter: brightness(1);
	filter: brightness(1);
	z-index: 0
}

.worktout:hover img {
	-webkit-transition: all 1000ms ease-out;
	-o-transition: all 1000ms ease-out;
	-moz-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
	-webkit-filter: brightness(.3);
	filter: brightness(1.3)
}

.text-overlay {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: fit-content;
	height: -moz-fit-content;
	z-index: 1;
}

@-moz-document url-prefix() {
	.text-overlay {
		margin: auto;
		position: absolute;
		top: calc(50% - 132px);
		bottom: 0;
		height: -moz-fit-content;
		z-index: 1;
	}
}

.text-overlay-center {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: fit-content;
	height: -moz-fit-content;
}

@-moz-document url-prefix() {
	.text-overlay-center {
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		height: -moz-fit-content;
	}
}

.txt-overlay {
	z-index: 1;
	position: relative;
}

.worktout:hover .text-overlay {
	-webkit-transition: all 1000ms ease-out;
	-o-transition: all 1000ms ease-out;
	-moz-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
	opacity: 1
}

.category-item {
	padding: 10px 0;
	border-bottom: .5px solid hsl(120, 0%, 85%)
}

.service {
	display: table;
	border-bottom: 1px solid #ddd
}

.services.col-sm-6 {
	padding-left: 0
}

.awards .col-sm-12 {
	padding-left: 0
}

.services h4 {
	padding-bottom: 13px;
	border-bottom: 1px solid #d2d5d7
}

.awards h4 {
	padding-bottom: 13px;
	border-bottom: 1px solid #d2d5d7
}

#workTitle {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: inherit;
	text-align: left
}

.video-icon {
	position: absolute;
	width: 91px;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}


#news-home .tour-one {
	background-attachment: scroll
}







.fma-area {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	z-index: 0;
	width: 100%;
	height: 70%;
	background-color: var(--primary-color);
	position: relative
}







.whoops::after {
	background: url(/wp-content/themes/crafted_theme/img/pattern.png) center repeat;
	background-color: rgba(3, 30, 50, 0.9);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: -1
}

.dark-overlay::after {
	background-color: rgba(0, 0, 0, 0.4);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-1::after {
	background-color: rgba(0, 0, 0, 0.1);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-2::after {
	background-color: rgba(0, 0, 0, 0.2);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-3::after {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-4::after {
	background-color: rgba(0, 0, 0, 0.4);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-5::after {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-6::after {
	background-color: rgba(0, 0, 0, 0.6);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-7::after {
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.dark-overlay-8::after {
	background-color: rgba(0, 0, 0, 0.8);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-1::after {
	background-color: rgba(3, 30, 50, 0.1);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-2::after {
	background-color: rgba(3, 30, 50, 0.2);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-3::after {
	background-color: rgba(3, 30, 50, 0.3);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-4::after {
	background-color: rgba(3, 30, 50, 0.4);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-5::after {
	background-color: rgba(3, 30, 50, 0.5);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-6::after {
	background-color: rgba(3, 30, 50, 0.6);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-7::after {
	background-color: rgba(3, 30, 50, 0.7);
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0
}

.blue-overlay-8::after {
	background-color: rgba(3, 30, 50, 0.8);
	height: 100%;
	content: "";
	position: absolute;
	mix-blend-mode: hard-light;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0;
}

.blue-overlay::after {
	background-color: rgba(4, 31, 52, 1);
	height: 100%;
	content: "";
	position: absolute;
	mix-blend-mode: hard-light;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1;
	z-index: 0;
}

.grayscale {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	filter: grayscale(100%);
}

.article-body li {
	list-style-type: disc;
	margin-left: 30px;
	padding-bottom: 10px
}

.article-body ul {
	padding-bottom: 20px
}

.article-body h3 {
	font-family: 'Libre Baskerville';
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -1px;
}

.article-body h2 {
	font-family: 'Libre Baskerville';
	font-size: 30px;
	letter-spacing: -1px
}

.article-body .h2 {
	line-height: 1.1;
	font-family: 'Libre Baskerville';
	font-size: 50px;
	letter-spacing: -2px
}

ul.indent {
	margin-left: 20px;
}

.left-flag {
	border-left: solid 5px var(--primary-color);
}

.btn-theme-solid,
.btn-theme-solid:visited,
.btn-theme-solid:focus {
	background-color: var(--secondary-color);
	color: #ffffff;
	padding: 15px 30px;
	text-transform: uppercase;
	display: inline-block;
	font-size: .8rem;
}

.btn-theme-solid:hover,
.btn-theme-solid:active {
	background-color: var(--primary-color-04);
	color: #ffffff;
}

h3.section-title {
	font-size: 28px;
	font-weight: 100;
	letter-spacing: -1px;
	padding-bottom: 15px
}

span.date {
	text-transform: uppercase;
	padding-bottom: 10px
}

section.whats-happening .news-category p {
	font-size: 14px
}

.logo-box {
	position: absolute;
	aspect-ratio: 1;
	z-index: 51;
}

.logo-box.mobile-sz {
	width: 120px;
	right: 120px;
	top: 50px;
}

.logo-box.mobile-sz img {
	width: 100%;
	height: auto
}

.logo-box.desktop-sz {
	width: 150px;
	right: 150px;
	top: max(50px, 8%);
}

.logo-box.sticky {
	position: fixed !important;
	z-index: 58;
}

.mobile-box {

	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	aspect-ratio: 1;
	right: 0;
	background-color: hsl(200, 100%, 5%);
	z-index: 51;
}

.mobile-box.desktop-sz {
	width: 150px;
	height: 150px;
	top: max(50px, 8%);
}

.mobile-box.mobile-sz {
	width: 120px;
	height: 120px;
	top: 50px;
}

.mobile-box.stick {
	position: fixed;
}

.mobile-box.sticky {
	background-color: transparent;
	width: 75px;
	height: 75px;
}

.mobile-box.sticky.mobile-sz {
	top: 0;
}

.mobile-box.desktop-sz.sticky {
	top: 0;
}

.text-shift-left {
	padding-left: 25%;
	padding-right: 5%;
}

.article-body li:last-child {
	padding-bottom: 20px;
}

.indent {
	margin-left: 30px;
}

.page-numbers {
	list-style: none
}

.page-numbers li {
	display: inline
}

.page-numbers li a,
.page-numbers li span {
	font-family: "Gotham A,Gotham B";
	font-weight: 400;
	text-transform: uppercase;
	color: #50bcfd;
	font-size: 25px;
	margin: 6px;
	display: inline-block
}

.page-numbers li span.current {
	color: #2c363c
}

.seeMore {
	border-radius: 100%;
	position: absolute;
	width: 50px;
	height: 50px;
	opacity: 1;
	left: 50%;
	margin-left: -20px;
	left: calc(50% -20px);
	bottom: 20px;
	cursor: pointer;
	transition: opacity 1.3s .5s
}

.seeMore i {
	width: 30px;
	height: 30px;
	display: block;
	background: url(https://www.craftedny.com/wp-content/themes/custom-theme/img/icon_arrow_light.svg) no-repeat center center var(--secondary-color);
	background-size: 12px;
	border-radius: 100%;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 100
}

.seeMore:before {
	content: "";
	top: 0;
	left: 0;
	background-color: var(--secondary-color);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	opacity: 0;
	animation: pulse 1.8s .33333s ease-out infinite
}

.seeMore:after {
	content: "";
	background-color: var(--secondary-color);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	opacity: 0;
	left: 0;
	animation: pulse 1.8s .66666s ease-out infinite
}

@-webkit-keyframes pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	5% {
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes pulse {
	0% {
		opacity: 0;
		-moz-transform: scale(0)
	}

	5% {
		opacity: 1;
		-moz-transform: scale(1)
	}

	100% {
		opacity: 0;
		-moz-transform: scale(0)
	}
}

.intro-logo img {
	width: 232px;
	height: auto
}

.flex-control-nav {
	position: relative;
	bottom: 0;
	padding-top: 20px
}

.project-navbar-wrapper {
	width: 40px;
	height: 40px;
	top: 40%;
	z-index: 5
}

.project-navbar {
	width: 100%;
	background-color: #fff;
	margin-top: 60px;
	margin-bottom: 50px
}

.project-controls img {
	height: 40px
}

.previous-ctl {
	float: left;
	margin-right: 5px
}

.next-ctl {
	float: left
}

.navbar-work-static-top {
	position: fixed
}

.see-more {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 50px;
	width: 193px;
	height: 110px
}

.see-more-copy {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	text-align: center
}

.industry-nav {
	position: relative;
	width: 100%;
	height: 75px
}

.industry-nav ul {
	height: 100%;
	padding: 0;
	margin: 0
}

.industry-nav li {
	max-width: 200px;
	display: inline
}

.industry-nav li a:link,
.industry-nav li a:visited {
	display: inline-block;
	padding: 32px 5px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	color: #fff;
	text-align: center;
	width: inherit;
	line-height: 11px;
	background-color: var(--primary-color-03);
	border-left: 1px solid #0e1e23
}

.industry-nav li a:hover,
.industry-nav li a.selected {
	background-color: var(--secondary-color)
}

.industry-icon {
	width: 55px;
	height: auto
}

.services-nav {
	position: relative;
	width: 100%;
	height: 75px
}

.services-nav ul {
	height: 100%;
	padding: 0;
	margin: 0
}

.services-nav li {
	display: inline
}

.services-nav li a:link,
.services-nav li a:visited {
	display: inline-block;
	padding: 32px 1px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	color: #fff;
	text-align: center;
	width: inherit;
	line-height: 11px;
	background-color: var(--primary-color-03);
	border-left: 1px solid #0e1e23
}

.services-nav li a:hover,
.services-nav li a.selected {
	background-color: var(--secondary-color)
}

.services-icon {
	width: 55px;
	height: auto
}

.bullet {
	list-style-type: disc;
}

.no-bullet {
	list-style-type: none !important;
}

sup {
	top: -0.3em;
	font-weight: 600;
}

.wid-33 li a {
	width: 33.333333% !important;
	min-height: 75px
}

.wid-25 li a {
	width: 25% !important;
	min-height: 75px
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed !important;
	top: 0;
	width: 100%;
	height: 75px;
}

.sticky .c-hamburger span,
.sticky .c-hamburger span::before,
.sticky .c-hamburger span::after {
	background: var(--primary-color);
}

.sticky.fs .c-hamburger span,
.sticky.fs .c-hamburger span::before,
.sticky.fs .c-hamburger span::after {
	background: var(--secondary-color);
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
	padding-top: 102px;
}

.menu-burger.sticky {
	top: 11px !important;
	right: 11px;
}

.wid-auto li {
	width: inherit;
}

.sticky .menu-box {
	display: inline;
}

.flexslider {
	border: none;
	background: none;
	overflow: hidden;
}

.slides {
	position: relative;
	width: 100%;
	display: table;
	min-height: 200px
}

.slides h1 {
	line-height: 1.5
}

.flex-control-paging li a {
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}

.flex-control-paging li a.flex-active {
	background: var(--secondary-color)
}

.flex-direction-nav a,
.flex-direction-nav a:before {
	color: rgba(53, 189, 246, 1);
	text-shadow: none;
}

.flex-direction-nav a.flex-next:before {
	content: '\f35a';
}

.flex-direction-nav a.flex-prev:before {
	content: '\f359';
}

.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: 30px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 30px;
}

.flex-direction-nav a:before {
	margin-top: 8px;
}

.flex-direction-nav a {
	top: calc(50% - 20px);
}

.icon-center {
	margin: 0 auto;
	max-width: 60px
}

.icon-div {
	padding-left: 0;
	padding-right: 20px
}

.line-separator {
	border: .5px solid #eee;
	margin: 20px 0 40px
}

.pagination span {
	display: inline
}

.pagination {
	float: right;
}

.see-all {
	padding-top: 5px
}

.see-all h3 {
	padding-top: 8px
}

.see-all img {
	margin-right: 20px
}

.border-btn {
	border: 3px;
	border-style: solid
}

.instagram-icon {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 1
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 1800px
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0;
	top: 0;
	padding-right: 30px;
	width: 75px
}

.mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:focus {
	outline: none
}

.footer-logo {
	width: 130px;
	height: auto
}

.copyright {
	font-size: 14px;
	max-width: 330px
}

.social-follow {
	float: left;
	display: flex;
	padding: 30px 0 0 20px
}

.twitter-follow {
	padding-left: 20px
}

.ddnyc {
	text-align: right
}

.cap_svg {
	width: 100px;
	height: auto
}

.cap_img {
	width: 60px;
	height: auto
}

.icon-50 {
	width: 50px;
	height: auto
}

.icon-60 {
	width: 60px;
	height: auto;
	margin-bottom: 20px;
}

.icon-75 {
	width: 75px;
	height: auto
}

.icon-85 {
	width: 85px;
	height: auto
}

.icon-100 {
	width: 100px;
	height: auto
}

.icon-110 {
	width: 110px;
	height: auto
}

.icon-120 {
	width: 120px;
	height: auto
}

.icon-125 {
	width: 125px;
	height: auto
}

.icon-130 {
	width: 130px;
	height: auto
}

.icon-140 {
	width: 140px;
	height: auto
}

.icon-150 {
	width: 150px;
	height: auto
}

.icon-box {
	width: 125px;
	height: 125px;
	margin: auto;
	vertical-align: middle;
	display: table-cell
}

.icon-box-center {
	width: 80px;
	height: 80px;
	margin: auto
}

.icon-align {
	text-align: center
}

.image-100 {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.client-icon {
	width: 100px;
	height: auto
}

.center-box {
	width: 125px;
	margin: 0 auto;
	display: block
}

.sub-footer-links {
	margin-bottom: 0;
}

.sub-footer-links li {
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 20px;
	font-size: 11px;
	padding-bottom: 0;
}

.sub-footer-links li a:hover,
.footer-link a:hover {
	color: #ffffff;
}

.breadcrumb {
	border-radius: 0;
	margin-bottom: 0;
	padding: 15px;
	background-color: transparent
}

.breadcrumb>.active {
	color: #eee
}

.breadcrumb li {
	font-size: 12px;
	font-weight: 700
}

.breadcrumb>li+li:before {
	color: var(--primary-color-02)
}

.author-info {
	display: table;
	height: 50px;
	max-width: 300px
}

.author-info img {
	float: left;
	margin-right: 10px
}

i.fa:hover {
	color: #ffffff;
}

.board {
	position: relative;
	display: block;
}

.board-description {
	max-width: 650px;
	margin-left: 20%;
}

.boardImg {
	width: 100%;
	height: auto;
}

.boardDesc {
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.author {
	padding-bottom: 0 !important;
	display: table-cell;
	vertical-align: middle
}

.cat-drop-down {
	width: 100%;
	display: table;
	padding: 20px
}

form#category-form {
	float: right
}

select#category-picker {
	background: #f6f6f6;
	height: 43px;
	min-width: 200px;
	border: .5px solid #f6f6f6
}

.profile-pic {
	margin-top: 10px
}

div.wpforms-container-full .wpforms-form .wpforms-required-label {
	color: #ff0000;
	font-weight: 400;
	display: inline-block;
}

div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select {
	height: 60px !important;
}

#services-menu .current-menu-item a,
#services-menu .current-page-ancestor a,
#services-menu .current-category-ancestor a,
#topics-menu .current-menu-item a,
#topics-menu .current-category-ancestor a {
	background-color: var(--secondary-color) !important;
}

#services-menu-mobile .current-menu-item a,
#services-menu-mobile .current-page-ancestor a,
#services-menu-mobile .current-category-ancestor a,
#topics-menu-mobile .current-menu-item a,
#topics-menu-mobile .current-category-ancestor a {
	background-color: var(--secondary-color) !important;
}

.footer .current-menu-item a,
.footer .current-page-ancestor a {
	color: #ffffff;
	font-weight: 600;
}

#footer-menu a {
	font-size: 14px;
}

.service-nav {
	position: relative;
	z-index: 15;
}

.mfp-iframe-scaler iframe {
	box-shadow: none;
}

.mfp-bg {
	opacity: .9;
	filter: alpha(opacity=90);
}

.lower-left-text-overlay {
	position: absolute;
	bottom: 50px;
	left: 50px;
	z-index: 1;
}

.tout-lower-left-text-overlay {
	position: absolute;
	bottom: 0px;
	z-index: 1;
	padding: 40px;
}

.see-more-btn {
	display: block;
	position: absolute;
	bottom: 50px;
	right: 60px;
	z-index: 1;
}

.see-more-btn:after {
	content: url('/wp-content/uploads/2025/06/see-more-btn.svg');
	width: 50px;
	display: inline-block;
	position: relative;
}

.thumb {
	width: 100%;
	height: auto;
}

.h2-strong::before {
	content: "";
	background-color: yellow;
	color: red;
	font-weight: bold;
}

b,
strong {
	font-weight: 800;
}

.transition-wh::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	z-index: 0 !important;
	height: 100% !important;
	width: 100% !important;
	top: 0px !important;
	left: 0px !important;
	background-image: linear-gradient(-3deg, rgb(255, 255, 255) 78%, transparent 0%) !important;
	background-repeat: no-repeat !important;
}

.transition-gr::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	z-index: 0 !important;
	height: 100% !important;
	width: 100% !important;
	top: 0px !important;
	left: 0px !important;
	background-image: linear-gradient(-3deg, rgb(234, 234, 234) 78%, transparent 0%) !important;
	background-repeat: no-repeat !important;
}

.wp-post-image {
	width: 100%;
	height: auto;
}

.article-image:hover .post-thumbnail.article-title {
	color: #16a9e1;
}

.category-tab {
	color: #ffffff !important;
	padding: 10px 15px;
	background-color: var(--primary-color);
	display: inline-block;
	font-size: 9px;
	letter-spacing: .5px;
}

.category-tab a {
	color: #ffffff !important;
}

.category-tab:hover,
.category-tab:active {
	background-color: var(--secondary-color);
}

.tag-tab {
	color: var(--primary-color) !important;
	padding: 10px 15px;
	border: 3px solid var(--primary-color);
	display: inline-block;
	font-size: 9px;
	letter-spacing: .5px;
	font-weight: 600;
	margin-bottom: 3px;

}

.tag-tab a {
	color: #ffffff !important;
}

.tag-tab:hover,
.tag-tab:active {
	background-color: var(--secondary-color);
}

.post-thumbnail {
	position: relative;
}

.post-thumbnail .category-tab {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.page-numbers {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	background-color: var(--secondary-color);
	color: #ffffff;
	margin-right: 5px;
	border-radius: 3px;
}

.kvc_pagination span {
	padding: 8px 7px;
}

.page-numbers.current,
.page-numbers.active,
.page-numbers.focus,
.page-numbers.visited,
.kvc_pagination span.current {
	background-color: #444;
	color: #ffffff;
}

.page-numbers.dots {
	background-color: #F6F6F6;
	color: #000;
}

#breadcrumbs a {
	font-size: 11px;
	padding-right: 5px;
}

a.page-numbers,
span.page-numbers {
	padding: 8px 7px;
}

a.page-numbers:hover {
	background-color: var(--primary-color);
	color: #fff;
}

.no-bull {
	list-style-type: none !important;
}

.wpforms-captcha-math {
	display: inline-block;
}

span.cal,
span.e {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.wpforms-captcha-equation {
	display: inline-flex;
}

.wpforms-selected input[type=checkbox],
.wpforms-selected input[type=radio] {
	background-color: var(--primary-color) !important;
}

.fa-quote-right {
	padding-left: 20px;
}

#sub-footer .fab {
	font-size: 20px;
	margin-right: 30px;
}

section {
	overflow: hidden;
}

.t-150 {
	font-size: 1.5rem;
}

.t-200 {
	font-size: 2rem;
}

.t-250 {
	font-size: 2.5rem;
}

.t-300 {
	font-size: 3rem;
}

.t-350 {
	font-size: 3.5rem;
}

.t-400 {
	font-size: 4rem;
}

.t-450 {
	font-size: 4.5rem;
}

.tout-box {
	height: 100%;
}

.box-flex {
	display: inline-flex;
}

.pad-box-50 {
	padding: 50px;
	margin: auto;
	/* Important */
	text-align: center;
}

.vertical-alignment-flex {
	display: flex;
	align-items: center;
}

.text-wrapper {
	max-width: 66%;
	margin: 0 auto;
}

.fma-image {
	isolation: isolate;
}

.fma-image img,
.fma-image video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fma-image::after {
	content: "";
	display: block;
	padding-bottom: 56.25%;
}

.content-body ol {
	padding: 0;
}

.content-body p {
	padding-bottom: 20px;
}

.bot-fade {
	width: 100%;
	height: 35%;
	display: block;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	z-index: 1;
}

.slideshow-v:before {
	display: block;
	content: '';
	padding-bottom: 56.25%;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.play-btn {
	display: inline-block;
}

.play-btn span {
	padding: 15px;
}

.play-btn:before {
	background-image: url('/wp-content/uploads/2020/12/video-play-icon.svg');
	background-repeat: no-repeat;
	content: "";
	width: 70px;
	height: 70px;
	display: inline-block;
}

.box-highlight-rt {
	width: 70%;
	height: 70%;
	border: 5px solid var(--secondary-color);
	background-color: var(--secondary-color);
	position: absolute;
	top: -15px;
	right: -20px;
	z-index: 9;
	opacity: .15;

}

.box-highlight-lt {
	width: 70%;
	height: 70%;
	border: 5px solid var(--secondary-color);
	background-color: var(--secondary-color);
	position: absolute;
	bottom: -15px;
	left: -20px;
	z-index: 9;
	opacity: .15;

}

.box-blue-lt {
	width: 100%;
	height: 100%;
	background-color: hsl(120, 0%, 97%);
	position: absolute;
	bottom: 45px;
	right: 20%;
	z-index: 8;
}

.box-blue-rt {
	width: 100%;
	height: 100%;
	background-color: hsl(120, 0%, 97%);
	position: absolute;
	top: 45px;
	left: 20%;
	z-index: 8;
}

.box-adj {
	position: relative;
	z-index: 10;
}

.sitemap-menu .menu-item a {
	color: var(--secondary-color);
	line-height: 1.5;
	text-align: left;
}

.wys table {
	margin-bottom: 20px;
}

.wys td {
	font-family: var(--secondary-font);
	font-size: 1rem;
	padding: 1rem;
}

.profile-pic {
	border-radius: 50vw;
	filter: grayscale(1);
}

.flex-container {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bright-none {
	filter: grayscale(0) brightness(1);
}

.bright-0 {
	filter: grayscale(1) brightness(1);
}

.bright-1 {
	filter: grayscale(1) brightness(1.1);
}

.bright-2 {
	filter: grayscale(1) brightness(1.2);
}

.bright-3 {
	filter: grayscale(1) brightness(1.3);
}

.bright-4 {
	filter: grayscale(1) brightness(1.4);
}

.bright-5 {
	filter: grayscale(1) brightness(1.5);
}

.bright-6 {
	filter: grayscale(1) brightness(1.6);
}

.bright-7 {
	filter: grayscale(1) brightness(1.7);
}

.bright-8 {
	filter: grayscale(1) brightness(1.8);
}

.bright-9 {
	filter: grayscale(1) brightness(1.9);
}

.bright-10 {
	filter: grayscale(1) brightness(2);
}

.service-li {
	padding-bottom: 0;
	list-style-type: none;
}

.work-container {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: right .5s ease-out;
	-webkit-transition: right .5s ease-out;
	-moz-transition: right .5s ease-out;
}

.work-container.off {
	right: -70px;
	-webkit-transition: right .25s ease-in;
	-moz-transition: right .25s ease-in;
	transition: right .25s ease-in;
}

.previous-post,
.previous-post:visited,
.previous-post:focus,
.previous-post:focus-within {
	width: 70px;
	aspect-ratio: 1;
	background-color: hsl(201, 98%, 10%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.next-post,
.next-post:visited,
.next-post:focus,
.next-post:focus-within {
	width: 70px;
	aspect-ratio: 1;
	background-color: hsl(201, 98%, 5%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.previous-post:hover,
.next-post:hover {
	background-color: var(--secondary-color);
}

.work-container .meta-icon i.fa {
	color: var(--neutral-color-1);
	padding: 0;
}

.fixed {
	position: fixed !important;
	z-index: 0;
}

footer {
	position: relative;
}

.dropdown-wrapper {
	position: relative;
	display: flex;
	margin-bottom: 30px;
}

.dropdown-container {
	position: relative;
}

.dropdown-container:after {
	font-family: 'Font Awesome 6 Pro';
	content: '\f13a';
	position: absolute;
	right: 10px;
	top: 11px;
	font-weight: 900;
	color: var(--secondary-color);
}

select {
	padding: 10px 34px 10px 20px;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 50vh;
	border-color: #eeeeee;
}

.category-select {
	width: fit-content;
}

.icon-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: .5rem;
}

.icon-grid img {
	width: 100%;
	height: auto;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(150px, 1fr));
	gap: .5rem;
}

.logo-tout {
	display: none;
	width: 100%;
}

.logo-pos {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 2;
}

.message-txt {
	font-family: var(--primary-font);
	font-size: 12.25vw;
	line-height: .8;
	font-weight: 800;
	color: #000000;
	overflow-wrap: break-word;
	letter-spacing: -2px;
}

.lt-blend {
	mix-blend-mode: lighten;
}

.dk-blend {
	mix-blend-mode: darken;
}

.bk-img {
	position: absolute;
	top: -30px;
	left: 0;
	transform: translateY(-50%);
	width: 100vw;
}

.message-container {
	position: relative;
	isolation: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-logo {
    position: absolute;
	display: flex;
    justify-content: center;
    z-index: 10;
    top: 0;
    width: 100%;
    height: fit-content;
	& img{
		width: 80px;
		height: auto;
	}
}
.job-title {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 0;
}
.job-company {
    font-family: var(--secondary-font);
    font-size: 1rem;
    letter-spacing: .5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.job-dates{
    font-weight: 900;
}
.resume-item-container{
	padding-bottom: 50px;
}
.footer-logo-container{
    position: absolute;
    top: 0;
	& img{
		width: 80px;
		height: auto;
	}
}
.footer-top-space-100 {
    width: 100%;
    height: 120px;
}

@media (max-width:1200px) {

	.navi li a:link,
	.navi li a:visited {
		padding: 75px 25px 20px
	}

	.navi ul {
		max-width: 724px
	}
}

@media (min-width:1400px) {
	.popup-vimeo h4 {
		bottom: 30px;
		left: 30px
	}

	.container-80 {
		width: 80%;
	}

}

@media screen and (min-width:1024px) {
	.desktop {
		display: block
	}

	.industry-nav.desktop {
		display: block
	}

	.industry-nav.mobile {
		display: none
	}

	.services-nav.desktop {
		display: block
	}

	.services-nav.mobile {
		display: none
	}
}

@media screen and (max-width:1023px) {
	.logo-grid {
		grid-template-columns: repeat(2, minmax(150px, 1fr));
	}

	.desktop {
		display: none
	}

	.h1 {
		font-size: 70px;
	}

	.industry-nav.desktop {
		display: none
	}

	.services-nav.desktop {
		display: none
	}

	.ddnyc {
		text-align: left
	}

	.industry-nav.mobile {
		display: block
	}

	.industry-nav.mobile a {
		padding: 12px 0px !important
	}

	.services-nav.mobile {
		display: block
	}
}

@media (min-width:999px) {
	.navi {
		display: block !important
	}
}

@media (max-width:998px) {
	.mobile-box {
		width: 120px;
		height: 120px;
	}

	.logo-box {
		top: 0px;
		right: 120px;
	}

	.logo-box img {
		width: 120px;
	}

	.text-left-sm {
		text-align: left;
	}

	.h2,
	.h2a {
		font-size: 52px
	}

	.box-flex {
		display: block;
	}

	.text-wrapper {
		margin: 100px auto;
	}

	.container-hero .text-right {
		text-align: left;
	}

	.header {
		background-color: none
	}

	.hamburger {
		display: block
	}

	.navi {
		position: relative;
		top: 160px;
		display: none;
		z-index: 1
	}

	.navi li {
		display: block
	}

	.navi ul {
		float: none;
		background: #232a33;
		max-width: 100%
	}

	.navi li a:link,
	.navi li a:visited {
		display: block;
		float: none;
		text-align: left;
		padding: 25px;
		font-size: 16px;
		color: #fff;
		border-bottom: none;
		border-left: 5px solid transparent
	}

	.navi li a:hover,
	.navi li a.selected {
		border-bottom: none;
		border-left: 5px solid #16a9e1;
		background-color: #000
	}
}


@media (max-width:767px) {
	.container-80 {
		width: 100%;
	}

}

@media (min-width: 768px) {
	.container-80 {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container-80 {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container-80 {
		width: 1170px;
	}
}

@media (min-width: 1400px) {
	.container-80 {
		width: 80%;
	}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
	.tour-one {
		background-attachment: scroll
	}

	.tour-seo {
		background-attachment: scroll
	}

	.tour-studio {
		background-attachment: scroll
	}

	.tour-two {
		background-attachment: scroll
	}

	.tour-three {
		background-attachment: scroll;
		background-position-x: 60%
	}

	.tour-four {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.tour-five {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.tour-six {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.contact-section {
		background-attachment: scroll
	}

	.about {
		background-attachment: scroll
	}
}

@media (min-width:769px) {
	.menu-burger {
		position: fixed;
		width: 50px;
		height: 50px;
		font-size: 30px;
		text-align: center;
		right: 60px;
		top: 50px
	}

	.profile-pic {
		text-align: right
	}
}

@media screen and (min-width:769px) and (max-width:998px) {
	.see-all h2 {
		padding-top: 0
	}
}

@media (max-width:768px) {
	.work-container {
		top: auto;
		bottom: 56px;
	}

	.content-body .container {
		padding-right: 40px;
		padding-left: 40px;
	}

	.article-body .h2 {
		font-size: 52px;
		line-height: 60px;
	}

	.parallax {
		display: none
	}

	.team-tout {
		max-width: 400px;
		margin: 0 auto
	}

	.icon-align {
		text-align: left
	}

	.menu-burger {
		position: fixed;
		width: 50px;
		height: 50px;
		font-size: 30px;
		text-align: center;
		right: 25px;
		top: 25px;
	}

	.see-more-btn {
		bottom: 70px;
		right: 25px;
	}

	ul {
		line-height: 30px
	}

	.see-all img {
		float: none !important;
		margin-bottom: 20px
	}

	h1 {
		font-size: 28px;
		letter-spacing: 0;
		line-height: 34px
	}

	.footer-right {
		text-align: left;
		float: left
	}

	.intro-logo img {
		width: 172px
	}

	.icon {
		float: none
	}

	.see-all {
		padding-bottom: 30px
	}

	.min-ht-300 {
		min-height: 0;
		padding-bottom: 50px
	}

	.min-ht-350 {
		min-height: 0;
		padding-bottom: 50px
	}

	.min-ht-400 {
		min-height: 0;
		padding-bottom: 50px
	}

	.min-ht-450 {
		min-height: 0;
		padding-bottom: 50px
	}

	.lower-left-text-overlay {
		left: 20px;
	}

	.tout-lower-left-text-overlay {
		position: absolute;
		z-index: 1;
	}

	.pad-bot-80 {
		padding-bottom: 50px !important
	}

	.pad-bot-100 {
		padding-bottom: 50px !important
	}

	.pad-bot-150 {
		padding-bottom: 100px !important
	}

	.pad-bot-200 {
		padding-bottom: 100px !important
	}

	.pad-top-80 {
		padding-top: 50px !important
	}

	.pad-top-100 {
		padding-top: 50px !important
	}

	.pad-top-150 {
		padding-top: 100px !important
	}

	.pad-top-200 {
		padding-top: 100px !important
	}
}

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
	.tour-one {
		background-attachment: scroll
	}

	.tour-seo {
		background-attachment: scroll
	}

	.tour-studio {
		background-attachment: scroll
	}

	.tour-two {
		background-attachment: scroll
	}

	.tour-three {
		background-attachment: scroll;
		background-position-x: 60%
	}

	.tour-four {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.tour-five {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.tour-six {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.contact-section {
		background-attachment: scroll
	}

	.about {
		background-attachment: scroll
	}
}

@media (max-width:667px) {
	p {
		font-size: 14px;
	}

	.flex-direction-nav {
		display: none
	}

	.container-hero {
		padding-left: 10%;
		top: 100px !important;
	}

	.breadcrumb {
		padding: 15px 0
	}

	.hero-mobile {
		width: auto !important;
		max-height: 350px !important
	}

	.hero-img-cont {
		width: auto !important;
		height: 100% !important;
		right: -80%;
		position: absolute;
	}

	.hero-box {
		height: 350px;
		width: 100%;
		overflow: hidden;
	}

	.hero-box-cont {
		height: calc(100% - 70px) !important;
		width: 100%;
		overflow: hidden;
	}


	.text-shift-left {
		padding-left: 20px;
		padding-right: 20px;
	}

	.text-overlay {
		top: 100px;
	}

	.text-overlay.video-play-button {
		top: 0px;
	}

	@-moz-document url-prefix() {
		.text-overlay {
			top: calc(50% - 72px);
		}
	}

	.h1 {
		font-size: 60px;
	}

	.h2,
	.h2a {
		font-size: 44px;
	}

	.article-body .h2 {
		font-size: 44px;
		line-height: 44px;
	}

	.h3 {
		font-size: 28px;
	}

	h5 {
		font-size: 14px;
	}

	.lower-left-text-overlay {
		bottom: 90px;
	}

	.breadcrumb>.active {
		display: none
	}

	.article-body {
		padding-top: 0 !important
	}

	.article-body.left-flag {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.tour-one {
		background-attachment: scroll
	}

	.tour-seo {
		background-attachment: scroll
	}

	.tour-studio {
		background-attachment: scroll
	}

	.tour-two {
		background-attachment: scroll
	}

	.tour-three {
		background-attachment: scroll;
		background-position-x: 60%
	}

	.tour-four {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.tour-five {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.tour-six {
		background-attachment: scroll;
		background-position-x: 67%
	}

	.contact-section {
		background-attachment: scroll
	}

	.about {
		background-attachment: scroll
	}

	.design-box img {
		width: 100%;
		height: auto
	}

	.container-80 {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.padding-100 {
		padding-top: 75px;
		padding-bottom: 75px
	}

	.bot-fade {
		height: 50%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	}
}

@media (max-width:468px) {
	h1 {
		font-size: 26px
	}

	.h1 {
		font-size: 50px;
	}

	.industry-nav.mobile a {
		padding: 10px 0 !important
	}

	.services-nav.mobile a {
		font-size: 10px !important;
		min-height: 75px;

	}

	.icon-60 {
		width: 50px
	}

	.h1-hero {
		font-size: 36px
	}

	.h2-hero {
		font-size: 26px
	}

	.h2 {
		font-size: 40px
	}

	.fa {
		padding-right: 30px
	}

	.logo {
		display: none
	}

	.logo.mobile {
		display: block;
		top: 22px;
		left: 30px
	}

	.header {
		height: 100px
	}

	.navi {
		top: 100px
	}
}

@media (max-height:750px) {
	.nav-menu {
		justify-content: end;
	}
}

@media (max-height:550px) {

	.menu-item a,
	.menu-item ul {
		margin-right: 320px;
	}

	.nav-menu {
		justify-content: center;
	}
}