/*
Theme Name: VGas
Theme URI: https://vgasllc.com
Description: This is the custom theme created for VGas - Houston, TX
Author: Mpire Design Group
Author URI: https://mpiredesigngroup.com

Version: 3.4.861

Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
Requires at least: 5.4
Requires PHP: 5.6
*/

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');




/* CSS Vars */

:root {
	--c-xxl-blue: #EEF4FB;
	--c-xl-blue: #DBE8F6;
	--c-l-blue: #0088CF;
	--c-m-blue: #004780;
	--c-d-blue: #052440;
	--c-custom-blue: #9dc5e0;
	--c-orange: #0088CF;
	--c-gray: #f6f6f7;

	--inner-constrain: 1750px;

	--border-radius-minor: 4px;
	--border-radius-medium: 12px;
	--border-radius-major: 120px;

	--default-section-spacing: 100px;

	--font-size-copy: 22px;
	--font-family-copy: 'Outfit';
	--font-family-heading: 'Outfit';
	--font-family-heading-alt: 'Outfit';
}

/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}utb,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}


/* Globals */
.glightbox-clean .gnext, .glightbox-clean .gprev {
	display: none !important;
}
.genesis-skip-link {
	display: none !important;
}
img {
	height: 100%;
	width: 100%;
}
a {
	text-decoration: none;
}
body {
	overflow-x: hidden;
	font-size: var(--font-size-copy);
	font-family: var(--font-family-copy);
	background-color: #fff;
}
.constrain {
	max-width: var(--inner-constrain);
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.constrain-xl {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}
p {
	line-height: 1.4;
	color: var(--c-m-blue);
}
.home p {
	line-height: 1.2;
}
.heading-alt-font {
	font-family: var(--font-family-heading-alt) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-heading);
	color: var(--c-m-blue);
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.50px;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 32px;
}
.home h3 {
	color: var(--c-l-blue);
}
h4 {
	text-transform: uppercase;
}
button, #custom-header .col.right.nav .menu-item:last-of-type a {
	color: var(--c-orange);
	text-transform: uppercase;
	border-radius: 999px;
	background-color: transparent;
	border: 1px solid var(--c-orange);
	padding: 25px 50px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.25px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	overflow: hidden;
	line-height: 1;
	transition: 0.3s;
	transition-timing-function: ease-out;

}
#custom-header .col.right.nav .menu-item:last-of-type a {
	padding: 10px 75px;
	font-size: 18px;
}
button .arrow, #custom-header .col.right.nav .menu-item:last-of-type a .arrow {
	position: absolute;
	right: 45px;
	top: 50%;
	transition: 0.3s;
	transition-timing-function: ease-out;
	transform: translateY(-50%);
	opacity: 0;
	color: #fff;
}
button:hover .arrow, #custom-header .col.right.nav .menu-item:last-of-type a:hover .arrow {
	transform: translateY(-50%) translateX(12px);
	opacity: 1;
}
button .text, #custom-header .col.right.nav .menu-item:last-of-type a .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: 0.3s;
	padding-top: 10px;
	transition-timing-function: ease-out;
}
button:not(.rmp_menu_trigger):hover, #custom-header .col.right.nav .menu-item:last-of-type a:hover {
	background-color: var(--c-orange) !important;
}
button:hover .text, #custom-header .col.right.nav .menu-item:last-of-type a:hover .text {
	transform: translateX(-17px);
	color: #fff;
}
p.large {
	color: var(--c-m-blue);
	font-size: 32px;
	margin-top: 5px;
}
.site-inner {
	background-color: #fff;
}
.home .site-inner {
	background-color: #fff;
}
.front .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 75px;
	aspect-ratio: 2 / 1;
}
/* Front */
.front {
	margin: var(--default-section-spacing) 0;
}
.front .front-heading-block {
	display: flex;
	gap: 40px;
	align-items: center;
}
.front .front-heading-block .heading-block-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.front .front-heading-block .pre-heading {
	color: var(--c-l-blue);
	font-size: 32px;
	font-weight: 500;
	font-family: var(--font-family-heading-alt);
	letter-spacing: -0.025em;
}
.front .front-heading-block h2 {
	font-size: 85px;
	color: var(--c-l-blue);
	line-height: 0.8;
	letter-spacing: -0.025em;
	z-index: 2;
	margin-bottom: 0;
	font-family: var(--font-family-heading-alt);
	margin-top: 0;
	margin-bottom: 50px;
}
.front .front-heading-block.revised h2 {
	line-height: 1;
	margin-bottom: 5px;
	font-size: 62px;
}
.front .front-heading-block.revised h2 
.front .word-slide, .front .word-slide-delayed, .front .split-heading {
	font-size: 62px;
	text-align: center;
	color: var(--c-custom-blue);
	overflow: hidden;
	font-weight: 500;
	line-height: 0.9;
	font-family: var(--font-family-heading-alt);
	letter-spacing: -2px;
	margin-top: -35px;
	padding-top: 35px;
}
.circle-anchor {
	height: 140px;
	width: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	background-color: transparent;
	color: var(--c-l-blue);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .1em;
	transition: 0.25s;
	font-family: var(--font-family-heading);
	border: 1px solid var(--c-l-blue);
}
button.circle-anchor:hover {
	background-color: var(--c-l-blue);
}
button.circle-anchor:hover .text {
	opacity: 0;
	transition-delay: 0s;
	color: #fff;
}
button.circle-anchor .text {
	transition-delay: 0.4s;
	font-weight: normal;
	font-weight: 500;
	letter-spacing: 0.01em;
}
button.circle-anchor .arrow {
	left: calc(50% - 12px);
	transform: translateX(-50%) translateY(-50%) scale(1.5);
	transition-delay: 0s;
}
button.circle-anchor:hover .arrow {
	right: unset;
	transition-delay: 0.4s;
	left: 50%;
}
.circle-anchor.video {
	background-color: var(--c-l-blue);
	width: 80px;
	height: 80px;
}

.circle-anchor.video i {
	font-size: 25px;
	color: #fff;
	transition: 0.3s;
}
a.video-anchor:hover .circle-anchor {
	background-color: var(--c-m-blue);
	border-color: var(--c-m-blue);
}
a.video-anchor img {
	transition: 0.75s;
	scale: 1.00;
	object-position: 50% 50%;
}
a.video-anchor:hover img {
	scale: 1.10;
}
a.video-anchor:hover i {
	font-weight: 600;
}
.texture {
	height: 175px;
}
.texture svg {
	height: 175px;
	overflow: visible;
}
.image.has-video {
	position: relative;
	border-radius: var(--border-radius-medium);
	max-width: 750px;
	aspect-ratio: 750 / 800;
	overflow: hidden;
}
.image.has-video .circle-anchor {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.writing-text div, .writing-text-heading div {
	overflow: hidden;
}
.writing-text div div, .writing-text-heading div div {
	overflow: unset;
}
.writing-text-heading div {
	padding-bottom: 5px;
	margin-top: -5px;
}
#Front-1 {
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
}
#Front-1 .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 101%;
	height: 101%;
	background-color: #fff;
	opacity: 0;
	z-index: 10;
}
#Front-1 .content {
	position: absolute;
	bottom: 50px;
	left: 0;
	z-index: 9;
	width: 100%;
}
#Front-1 .content-block {

	display: flex;
	justify-content: space-between;
	align-items: end;
}
@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(-7.5px);
  }
  50% {
    transform: translateY(7.5px);
  }
}
#Front-1 .scroll-down {
	color: var(--c-orange);
	font-size: 50px;
	animation: MoveUpDown 1500ms ease-in-out infinite;
	padding: 5px;
	cursor: pointer;
	position: absolute;
	left: calc(50% - 25px);
	z-index: 12;
	bottom: 50px;
}
#Front-1 h1 {
    font-size: 80px;
    color: #fff;
    line-height: 0.9;
    letter-spacing: -0.025em;
	margin-bottom: 0;
	margin-top: 0;
}
#Front-1 .image {
	width: 100vw;
}
#Front-2 .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--default-section-spacing);
}
#Front-2.front .front-heading-block.revised h2, #Front-2.front .front-heading-block .pre-heading  {
	color: var(--c-m-blue);
}
#Front-2 .row .col {
	
}
#Front-2 .row .col.left {
	max-width: 750px;
	display: flex;
	flex-direction: column;
	align-items: baseline;
}
#Front-2 .row .col.left button {
	margin-top: 5px;
}
#Front-2 .col.right img {
	border-radius: var(--border-radius-medium);
}
#Front-3 {
	margin-top: calc(var(--default-section-spacing) * 0.75);
}
#Front-3 p {
	text-align: center;
	font-weight: 500;
	max-width: 1550px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#Front-4 {
	margin-bottom: 200px;
	position: relative;
}

#Front-4 .wrap {
	position: relative;
}
#Front-4 .image {
	position: relative;
	width: 85%;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
}
#Front-4 .button {
	position: absolute;
    right: 20%;
    bottom: 10%;
}
#Front-4-5 {
	position: relative;
}
#Front-4-5 a {
	width: 100%;
}
#Front-4-5 .split-heading {
	color: #fff;
	font-family: var(--font-family-heading-alt);
}

#Front-4-5 .word-clips {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 100px;
}
#Front-4-5 .content {
	position: absolute;
	left: 50px;
	bottom: 50px;
	z-index: 99;
	display: flex;
	justify-content: space-between;
	width: calc(100% - 100px);
	align-items: end;
}
#Front-4-5 .content .pre-heading, #Front-4-5 .content h2, #Front-4-5 svg .cls-1 {
	color: #fff;
	fill: #fff;
}
#Front-4-5 img {
	border-radius: var(--border-radius-medium);
	scale: 1;
	object-fit: cover;
	height: 110vh;
	width: 100%;
	/* object-position: 50% 0vh; */
}
#Front-4-5 .wrap {
	display: flex;
	justify-content: center;
}
#Front-4-5 .frame {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-medium);
	width: 100%;
	height: 110vh;
}
#Front-4-5 .image {
	height: 110vh;
	width: 100%;
	position: relative;
}
#Front-4-5 .image::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #00468056;
}
#Front-Box-Row .row {
	display: flex;
	gap: 50px;
}
#Front-Box-Row .boxxed {
	padding: 35px;
	padding-bottom: 60px;
	border-radius: var(--border-radius-medium);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: baseline;
	box-shadow: 0 5px 15px #0524401e;
	transition: all 0.3s ease;
}
#Front-Box-Row .boxxed:hover {
	box-shadow: 0 15px 40px #05244044;
	transform: translateY(-7px);
}
#Front-Box-Row .boxxed h3 {
	margin-top: 25px;
}
#Front-Box-Row .arrow-right {
	font-weight: 600;
}
#Front-Box-Row .arrow-right::after {
	content: '\f178';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 8px;
	transition: 0.3s;
}
#Front-Box-Row .arrow-right:hover::after {
	margin-left: 12px;
}
#Front-5 {
	background-color: var(--c-d-blue);
	color: #fff;
	position: relative;
	padding-bottom: var(--default-section-spacing);
	padding-top: var(--default-section-spacing);
}
#Front-5.front .front-heading-block.revised h2, #Front-5.front .front-heading-block .pre-heading  {
	color: #fff;
}
#Front-5.front .split-heading {
	color: #fff;
	text-align-last: left;
	margin-bottom: 25px;
}

#Front-5 .right-texture, #Front-5 .left-texture  {
	position: absolute;
	height: 500px;
	bottom: 0px;
}
#Front-5 .left-texture {
	bottom: 300px;
}
#Front-5 .right-texture, #Front-4 .right-texture {
	right: 0;
}
#Front-5 .left-texture, #Front-4 .left-texture {
	left: 0;
}
#Front-5 .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#Front-5 .row.top {
	padding: var(--default-section-spacing) 0;
	gap: 50px;
}
#Front-5 .row.bottom {
	flex-direction: row-reverse;
	align-items: center;
	gap: 50px;
}
#Front-5 .row .col {
	width: 50%;
	max-width: 800px;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	gap: 20px;
}
#Front-5 .row.top .col.right button {
	margin-top: 5px;
}
#Front-5 .row .col p {
	color: #fff;
}

#Front-5 .buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#Front-5 .buttons button {
	font-size: 21px;
	background-color: var(--c-d-blue);
}
#Front-5 ul li {
	padding: 5px 0;
}
#Front-5 h3 {
	color: #fff;
	font-size: 32px;
	font-family: var(--font-family-copy);
	letter-spacing: -0.025em;
	margin-top: 0;
	line-height: 1.2;
}
#Front-5 img {
	border-radius: var(--border-radius-medium);
}
#Front-6 {
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}
#Front-6 .split-heading {
	text-align: left;
}

#Front-6 .projects {
	display: flex;
	gap: 25px;
}
#Front-6 .projects .project {
	aspect-ratio: 1 / 1.1;
	border-radius: var(--border-radius-medium);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	position: relative;
}
#Front-6 .projects-prev, #Front-6 .projects-next {
	border: 1px solid var(--c-orange);
	padding: 5px;
	color: var(--c-orange);
	transition: 0.25s;
	box-shadow: none;
}
#Front-6 .projects-prev:hover, #Front-6 .projects-next:hover {
	background-color: var(--c-orange);
	color: #fff;
}
#Front-6 .projects-next::after {
	content: '\f178';
	font-family: 'Font Awesome 6 Pro';
	font-size: 20px;
	color: var(--c-orange);
	font-weight: 300;
	transition: 0.25s;
}
#Front-6 .projects-prev::after {
	content: '\f177';
	font-family: 'Font Awesome 6 Pro';
	font-size: 20px;
	color: var(--c-orange);
	font-weight: 300;
	transition: 0.25s;
}
#Front-6 .projects-prev:hover::after, #Front-6 .projects-next:hover::after {
	color: #fff;
}
#Front-6 .projects .image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.35);
	transition: 0.35s;
	border-radius: var(--border-radius-medium);
	overflow: hidden;
}
#Front-6 .projects .placer .image {
	background-color: var(--c-d-blue);
	filter: brightness(1);
}
#Front-6 .project:hover .image img {
	scale: 1.08;
}
#Front-6 .project:hover .image {
	filter: brightness(0.78);
}
#Front-6 .image img {
	border-radius: var(--border-radius-medium);
	transition: 0.3s;
}
#Front-6 .projects .content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: end;
	flex-direction: column;
	z-index: 9;
	max-width: 500px;
	gap: 10px;
	height: 60%;

    padding: 30px;
}
#Front-6 .projects h2 {
	font-size: 38px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1;
}
#Front-6 .projects h3 {
	margin-bottom: 0;
	transition: 0.25s;
	display: flex;
	align-items: center;
	gap: 10px;
}

#Front-6 .projects i {
	font-size: 20px;
	color: #fff;
	height: 70px;
	width: 70px;
	min-height: 70px;
	min-width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: 0.25s;
}
#Front-6 .projects .project:hover i {
	background-color: var(--c-l-blue);
	border-color: var(--c-l-blue);
}
#Front-6 .projects .project:hover h3 {
	color: #fff;
}
#Front-6 .projects .project:hover h3::before {
	background-color: #fff;
}
#Front-7 {
	margin: 0 0;
	padding: var(--default-section-spacing) 0;
}
#Front-7 .row {
	display: flex;
	justify-content: space-between;
	gap: var(--default-section-spacing);
	align-items: center;
}
#Front-7 .row .col {
	width: 41%;
	display: flex;
	flex-direction: column;
}
#Front-7 .row .col.has-slider {
	width: 59%;
}
.title-box {
	padding-top: 10vh;
	padding-bottom: 7vh;
	height: 600px;
	position: relative;
}
.title-box .breadcrumbs {
	color: var(--c-m-blue);
	font-size: 16px;
	margin-top: 50px;
}
.alternate .title-box {
	padding-top: 10vh;
	padding-bottom: 20vh;
}
.alternate .title-box {
	background-color: rgb(10, 18, 65);
	color: #fff;
}
.title-box h1 {
	color: #fff;
}
.title-box .content {
	padding-top: 200px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	gap: 20px;
	color: #fff;
}
.title-box .gradient {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 101%;
	z-index: -1;
	background: linear-gradient(0deg, var(--c-xl-blue) 17%, transparent);
}
.title-box .gradient-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 101%;
	z-index: -1;
	background-color: #0046804d;
}
.title-box .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.title-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: saturate(0);
	opacity: 0.2;
}
.title-box h4 {
	color: #fff;
}
.alternate .title-box .content {
	padding-top: 10vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.title-box p, .title-box h1 {
	margin-top: 0;
	margin-bottom: 0;
}
.alternate .page-content {
	margin-top: -10vh;
	background-color: #fff;
	padding: 30px;
	border-radius: 6px;
	position: relative;
	z-index: 2;
}
.default .page-content {
	margin-top: 10vh;
}
#custom-header .row {
	display: flex;
	width: 100%;
}
#custom-header .col {
	display: flex;
	flex-direction: row;
	width: 100%;

}
#custom-header .col.left {
	justify-content: start;
	align-items: center;
}
#custom-header .col.nav {
	gap: 15px;
}
#custom-header .col.center {
	justify-content: center;
}
#custom-header .col.right {
	justify-content: end;
	align-items: center;
}
#custom-header .logo {
	max-width: 140px;
	width: 140px;
	height: 100%;
	max-height: 63px;
}
#custom-header {
	transition: background-color 1s;
}

#custom-header.is-down .logo {
	width: 140px;
	min-width: 140px;
}
#custom-header {
	background-color: var(--c-d-blue);
}
#custom-header.is-down {
	
}
#custom-header {
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
#custom-header #top-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	scale: 1.02;
	height: 26vh;
}
#custom-header .nav .submenu.has-nested, #custom-header .nav .sub-submenu.has-nested {
	max-width: unset;
}
#custom-header .submenu.has-nested .flex-wrap .col {

}
#custom-header .nav .submenu.has-nested a {
	max-width: 100%;
}
#custom-header .nav a {
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.05em;
	font-size: 18px;
	font-family: var(--font-family-copy);
	min-width: 225px;
	white-space: nowrap;
	text-wrap: nowrap;
}
#custom-header .nav .submenu a {
	color: var(--c-m-blue);
	border-bottom: 1px solid var(--c-custom-blue) !important;
	border-radius: 0 !important;
}
#custom-header .nav .submenu a:hover {
	background-color: var(--c-l-blue);
	color: #fff;
}
#custom-header .nav .submenu a:last-of-type, #custom-header .nav .submenu a.top-level:last-of-type {
	border-bottom: 0;
}
#custom-header .nav .submenu a.top-level:last-of-type {
	border-bottom: 0 !important;
}
#custom-header .col.right.nav .menu-item:last-of-type, #custom-header .col.right.nav .menu-item:last-of-type {
	padding: 0;
	margin-top: -7px;
}
#custom-header .col.right.nav .menu-item:last-of-type a::after {
	display: none;
}

#custom-header .nav a {
	color: #fff;
	transition: 0.25s;
}

#custom-header .nav a {
	color: #fff;
}
#custom-header .constrain.wrap {
	position: relative;
}
#custom-header .caret-bar {
	position: absolute;
	left: 0px;
	bottom: -7px;
	opacity: 0;
	transition: left 0.4s, opacity 0.25s, transform 0.33s;
	z-index: 9;
	box-shadow: 0 40px 20px 0 #05244061;
}
#custom-header .caret-bar .box-wrap {
	position: relative;
	z-index: -1;
	pointer-events: none;
}
#custom-header .caret-bar .box-wrap .box {
	position: absolute;
	left: 0;
	top: 25px;
	transform: translateY(-2px);
	width: 0px;
	height: 50px;
	background-color: #fff;
	z-index: -1;
	transition: 0.33s;
	opacity: 0;

	box-shadow: 0 0px 40px 0 #05244079;
	pointer-events: none;


}
#custom-header .flex-wrap {
	display: flex;
	flex-direction: column;
	background-color: transparent;

}

#custom-header .flex-wrap .col a {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 350px;
	padding: 20px 0;
}
#custom-header .flex-wrap .col a i {
	color: var(--c-l-blue);
	margin-right: 5px;
}
#custom-header .submenu .flex-wrap .col {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}
#custom-header .has-children:last-of-type .flex-wrap .col {
	width: 100%;
}
#custom-header .flex-wrap .col span {
	font-size: 14px;
	color: gray;
	text-decoration: none;
	text-transform: none;
	font-weight: 400;
	font-family: var(--font-family-copy);
}
#custom-header .nav .submenu, #custom-header .nav .sub-submenu {
	display: none;
	position: absolute;
	z-index: 1;
	/* left: 0; */
	top: 0;
	transform: translateY(15px);
	padding-top: 30px;
	width: auto;
	max-width: 800px;
	z-index: 10;
	transition: 0.25s;
	transition-delay: 0.25s;
	opacity: 0;
	padding-right: 0;
	padding-left: 0;
}
#custom-header .nav .submenu a {
	font-size: 16px;
	letter-spacing: 0;
}
#custom-header .nav .submenu a, #custom-header .nav .sub-submenu a {
	border-radius: var(--border-radius-minor);
	width: 50%;
	padding: 15px 0;
	text-transform: capitalize;
}
#custom-header .nav .submenu.has-nested a {

}
#custom-header .nav .submenu.has-nested a.sub-has-children {
	width: calc(100% - 30px);
	padding: 15px 15px;
}
#custom-header .nav .submenu.has-nested a,
#custom-header .nav .submenu.has-nested ul a.top-level
{

}
#custom-header .menu-item.has-children .col:hover ul.subsubmenu {
	display: block;
	left: 100%;
	opacity: 1;
	pointer-events: all;
}

#custom-header .menu-item.has-children .col:hover a.sub-has-children {
	background-color: var(--c-orange);
	color: #fff;
}
#custom-header .nav .submenu.has-nested ul {
	padding-left: 0;
	position: absolute;
	left: calc(100%);
	background: #fff;
	display: block;
	opacity: 0;
	border-left: 1px solid var(--c-custom-blue);

	transition: 0.33s;
	pointer-events: none;

}
#custom-header .nav .submenu.has-nested ul a {
	text-decoration: none;

	width: calc(100% - 30px);
	text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0;
	padding: 15px 15px

}
#custom-header .nav .submenu.has-nested ul a:last-of-type {
	border-bottom: 0 !important;
}
#custom-header .nav .submenu a.sub-has-children div {
	display: flex;
	align-items: center;
}
#custom-header .nav .submenu.has-nested ul a.sub-has-children:not(.top-level) div:after, #custom-header .nav .submenu a.sub-has-children:not(.top-level) div:after {
	content: '\f054';
	font-family: 'Font Awesome 6 Pro';
	display: inline-block;
	width: 11px;
	padding-left: 15px;
	transition: 0.25s;
	font-size: 10px;
	margin-top: 2px;
}
#custom-header .nav .submenu.has-nested ul a.sub-has-children:not(.top-level):hover div:after, #custom-header .nav .submenu a.sub-has-children:not(.top-level):hover div:after, #custom-header .submenu.has-nested .flex-wrap .col:hover div:after {
	transform: translateX(6px);
}
.subsubmenu div:after {
	display: none !important;
}

#custom-header .has-children a::after {
	content: '\f107';
	font-family: "Font Awesome 6 Pro";
	margin-left: 5px;
	width: 16.66px;
	font-size: 18px;
}
#custom-header .has-children .submenu a::after {
	display: none;
}
#custom-header .has-children .submenu {
	max-width: 350px;
}
#custom-header .has-children .submenu a {
	width: calc(100% - 30px);
	padding-left: 15px;
	padding-right: 15px;
}
#custom-header .nav .menu-item {
	
}
#custom-header .nav .menu-item:hover > .submenu, #custom-header .nav .submenu > li:hover > .sub-submenu {
	display: block;
}
#custom-header .nav .submenu > li, #custom-header .nav .sub-submenu > li {
	position: relative;
}
#custom-header .nav .submenu > li > a, #custom-header .nav .sub-submenu > li > a {
	display: block;
	color: #000;
	text-decoration: none;
}
#custom-header .nav .submenu > li > a:hover, #custom-header .nav .sub-submenu > li > a:hover {
	background-color: #f1f1f1;
}
#custom-footer {
	padding: 70px 0;
	padding-top: 200px;
	background-color: var(--c-d-blue);
	color: #fff;
	margin-top: 100px;
}
.home #custom-footer {
	margin-top: 0;
}
#custom-footer .row.sm-icons {
	justify-content: start;
	gap: 15px;
}
#custom-footer .row.logos {
	gap: 15px;
}
#custom-footer .row.logos img {
	height: 60px;
}
#custom-footer .row.sm-icons i {
	width: 30px;
	height: 30px;
	aspect-ratio: 1 / 1;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#custom-footer .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#custom-footer .footer-nav .row:not(.sm-icons) {
	justify-content: start;
	gap: 100px;
}
#custom-footer .footer-nav.row .col {
	width: 100%;
}
#custom-footer h2 {
	color: #fff;
	font-size: 42px;
	line-height: 1;
	font-weight: 600;
}
#custom-footer  img {
	max-width: 220px;
}
#custom-footer .footer-nav {
	padding-bottom: 5vh;
	padding-top: 5vh;
}
#custom-footer .footer-nav .row {
	align-items: start;
}
#custom-footer .footer-nav h4, #custom-footer .footer-nav a {
	display: flex;
	color: #fff;
	text-decoration: none;
	line-height: 1.2;
	font-weight: 500;
}
#custom-footer .footer-nav h4 {
	margin-top: 0;
}
#custom-footer h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
#custom-footer h2 a {
	color: var(--c-l-blue);
	text-decoration: none;
	transition: 0.35s;
}
#custom-footer h2 a:hover {
	color: #fff;
}
#custom-footer h2 .line {
	width: 100px;
	background-color: var(--c-l-blue);
	height: 3px;
}
#custom-footer .copyright {
	color: #fff;
	font-size: 17px;
	border-top: 1px solid #fff;
	padding-top: 70px;
	display: flex;
	justify-content: space-between;
}
#custom-footer .copyright a {
	color: #fff;
	text-decoration: none;
}
#custom-footer .bottom-nav {
	display: flex;
	gap: 40px;
	padding-bottom: 0;
	padding-top: 0;
}
#custom-footer .bottom-nav a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
/* FORMS */
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper input, .gform_wrapper select, .gform_wrapper option, .chosen-single, .gform_wrapper option  {
	background-color: var(--c-gray) !important;
	color: var(--c-d-blue) !important;
	border: 0 !important;
	padding: 13px 20px !important;
	font-size: 20px !important;
	border-radius: var(--border-radius-minor) !important;
    box-shadow: unset !important;
}
.gform_wrapper option[selected="selected"], .gform_wrapper select, .gform_wrapper select::placeholder, .gform_wrapper option {
	color: var(--c-m-blue) !important;
}
.chosen-single {
	height: unset !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder, .gform_wrapper {
	color: var(--c-m-blue) !important;
}
.gform_wrapper.gravity-theme .gform_fields {
	gap: 32px !important;
}
.gform_wrapper input[type="submit"] {
	background-color: var(--c-d-blue) !important;
	padding: 15px 20px !important;
	color: #fff !important;
}
.gform_wrapper input[type="submit"]:hover {
	background-color: var(--c-d-blue) !important;
}
.gform_wrapper .gform_wrapper input.gfield-choice-input {
    padding: 18px 20px !important;
}
/* SINGLE PROJECT */
.page-top {
	padding-top: 81px;
	position: relative;
}

.page-top .back {
	margin-bottom: 75px;
}
.page-top .back .breadcrumbs {
	display: flex;
	gap: 10px;
	color: var(--c-l-blue);
	position: relative;
	padding: 20px 0;
	font-size: 18px;
}
.page-top .back .breadcrumbs::before {
	content: '';
	position: absolute;
	left: calc(50% - 50vw);
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: var(--c-gray);
	z-index: -1;
}
.page-top .back a {
	display: flex;
	color: var(--c-m-blue);
	text-decoration: none;
	gap: 25px;
	align-items: center;
	text-decoration: underline;
	font-size: 18px;
}
.page-top .back a i {
	font-size: 35px;
}

.page-top .row {
	display: flex;
	flex-direction: row-reverse;
	gap: 50px;
	justify-content: space-between;
}
.page-top .row .col {
	width: 100%;
}
.page-top .row .col.features {
	border-right: 1px solid #dadce0;
	padding-right: 50px;
	max-width: 375px;
}
.page-top .row .col.features h2 {
	font-size: 32px;
	color: var(--c-m-blue);
	text-decoration: underline;
	margin-top: 0;
}
.page-top .row .col.features.alt-secondary {
	max-width: 375px;
	border-right: 1px solid #dadce0;
	padding-right: 30px;
}
.advanced-layout .page-top .row .col.features {
	max-width: 375px;
	display: flex;
	flex-direction: column;
	gap: 50px;
	border-right: 1px solid #dadce0;
	padding-right: 50px;
}
.advanced-layout .page-top .row .col.features h2 {
	font-size: 32px;
}
.advanced-layout #custom-footer, .product-single-template #custom-footer {
	margin-top: 0;
}
.advanced-layout .page-top {
	position: relative;
}

.page-top .row .col.features h3 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 27px;
}
.page-top .row .col.features p {
	margin-top: 0;
	line-height: 1.2;
	margin-bottom: 0;
	margin-bottom: 12px;
}


/* PROJECTS ARCHIVE */
.projects-archive .project-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 100px;
}
.projects-archive .project-grid .project {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: var(--border-radius-medium);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}
.projects-archive .project-grid a {
	text-decoration: none;
}
.projects-archive .project-grid .image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.35);
	transition: 0.35s;
	overflow: hidden;
	border-radius: var(--border-radius-medium);
	min-width: 100%;
}
.projects-archive .project-grid .project:hover .image {
	filter: brightness(0.78);
}
.projects-archive .project-grid .image img {
	border-radius: var(--border-radius-medium);
	object-fit: cover;
	transition: 0.25s;
}
.projects-archive .project-grid .project:hover img {
	scale: 1.08;
}
.projects-archive .project-grid .content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 9;
	max-width: 80%;
	gap: 10px;
}
.projects-archive .project-grid h2 {
	font-size: 42px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1;
}
.projects-archive .project-grid h3 {
	margin-bottom: 0;
	transition: 0.25s;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--c-l-blue);
}
.projects-archive .project-grid h3::before {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: var(--c-l-blue);
	transition: 0.25s;
}
.page-top h1 {
	font-size: 55px;
	line-height: 1;
	margin-top: 0;
}
.page-top {
	margin-bottom: var(--default-section-spacing);
}
.projects-archive .project-grid i {
	font-size: 20px;
	color: #fff;
	height: 70px;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: 0.25s;
}
.projects-archive .project-grid .project:hover i {
	background-color: var(--c-l-blue);
	border-color: var(--c-l-blue);
	color: #fff;
}
.projects-archive .project-grid .project:hover h3 {
	color: #fff;
}
.projects-archive .project-grid .project:hover h3::before {
	background-color: #fff;
}
#rmp-menu-wrap-266 .rmp-menu-item-link {
	padding-right: 0 !important;
}

/* SINGLE PROJECT TEMPLATE */
.single-project .image img {
	border-radius: var(--border-radius-medium);
	max-height: 900px;
	object-fit: cover;
	width: 100%;
}
/* ADVANCED LAYOUT TEMPLATE */
.advanced-layout-block {
	position: relative;
	padding: var(--default-section-spacing) 0;
	z-index: 3;
}
.single-product {
	position: relative;
	padding: 0 0 var(--default-section-spacing) 0;
}
.single-product .key-features .feature {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-top: 15px;
}
.single-product .key-features .feature:last-of-type {
	border-bottom: 0;
}
.single-product .key-features .feature p {
	margin-bottom: 0;
}
.single-product .key-features .feature h4 {
	margin-top: 0;
	color:rgba(69, 83, 100);
	color: var(--c-m-blue);
}
.advanced-layout-block::before {
	content: '';
	position: absolute;
	left: calc(50% - 50vw);
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: var(--c-d-blue);
	z-index: -1;
}
.advanced-layout-block::after, .single-product::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 50vw);
	background: url(./images/left-dark.svg);
	width: 500px;
	height: 500px;
	background-repeat: no-repeat;
	z-index: -1;
}
.advanced-layout-block img:not(.advanced-layout-block .icon) {
	border-radius: var(--border-radius-medium);
	object-fit: cover;
	min-width: 250px;
}
.advanced-layout-block p {
	color: #fff;
}
.advanced-layout-block h3 {
	color:  #fff;
	font-family: var(--font-size-copy);
	max-width: 785px;;
}
.advanced-layout-block .cta h3 {
	color: var(--c-m-blue);
}
.advanced-layout-block h2 {
	color: #fff;
	font-size: 42px;
	line-height: 1.05;
}
.advanced-layout-block .writing-constrain {
	max-width: 1000px;
}
.cta .writing-constrain {
	max-width: 900px;
	width: 900px;
}
.advanced-layout-block .top .row {
	display: flex;
	align-items: center;
	gap: var(--default-section-spacing);
}
.advanced-layout-block .list-grid,
.advanced-layout-block .sentence-grid
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: calc(var(--default-section-spacing) / 2);
	gap: 50px;
	row-gap: 20px;
}
.advanced-layout-block .list-grid h4 {
	text-transform: unset;
	color: var(--c-orange);
	margin-bottom: 5px;
	font-size: 26px;
	font-family: var(--font-size-copy);
}
.advanced-layout-block .list-grid p {
	margin-top: 0;
}
.advanced-layout-block .bot, 
.cta
{
	border-radius: var(--border-radius-medium);
	margin-top: var(--default-section-spacing);
}
.advanced-layout-block .sentence-grid strong {
	color: var(--c-orange);
}
.cta {
	background-color: var(--c-gray);
	padding: calc(var(--default-section-spacing) / 2);
}
.cta .row {
	display: flex;
	gap: 100px;
	justify-content: space-around;
}
.cta .col.right h3 {
	color: var(--c-orange);
	margin-bottom: 5px;
}
.cta span {
	color:  var(--c-m-blue);
	font-size: 29px;
	font-family: var(--font-family-heading);
}
.cta a {
	color:  var(--c-d-blue);
	text-decoration: underline;
}
.single-product .cta span,
.single-product .cta a
{
	color: var(--c-m-blue);
}
.single-product .cta {
	background-color: var(--c-gray);
}
.advanced-layout-block .item-row {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--c-m-blue);
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.advanced-layout-block .item-row:last-of-type {
	border-bottom: 0;
}
.advanced-layout-block .item-row .col {
	width: 50%;
	max-width: 750px;
}
.advanced-layout-block .item-row .col .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.advanced-layout-block .icon {
	width: 50px;
}
.advanced-layout-block .item-row h3 {
	color: var(--c-orange);
	margin-bottom: 0;
	margin-top: 0;
}
.advanced-layout-block .item-row p {
	margin-bottom: 0;
	margin-top: 0;
}

/* SINGLE PRODUCT PAGE TEMPLATE */
.single-product .top .row {
	display: flex;
	gap: var(--default-section-spacing);
	justify-content: space-between;
	align-items: start;
	background-color: var(--c-gray);
	border-radius: var(--border-radius-medium);
}
.default .page-content {
	margin-top: 10vh;
}
.single-product .top .row .col {
	width: 100%;
}
.single-product .top .row .col.right {
	padding: 30px;
	padding-right: 100px;
}
.single-product .top .col.left {
	aspect-ratio: 750 / 800;
	max-width: 650px;
	position: relative;
	display: flex;
	position: relative;
}
.single-product .top .col.left .image-writing {
	position: absolute;
	left: 0;
	bottom :0;
	padding-bottom: 20px;
	padding-top: 50px;
	width: 100%;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), transparent);
}
.single-product .top .col.left .image-writing a {
	text-decoration: underline;
	color: #fff;
}
.single-product .top img {
	max-width: 650px;
    aspect-ratio: 750 / 800;
	object-fit: cover;
	border-radius: var(--border-radius-medium);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.single-product .bot .benefit-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 100px;
	row-gap: 20px;
}
.single-product .bot .benefit-grid .benefit {
	border-bottom: 1px solid #ddd;
}
.single-product .bot .benefit-grid .benefit:last-of-type, .single-product .bot .benefit-grid .benefit:nth-last-child(2) {
	border-bottom: 0;
}
.single-product .bot {
	padding: 50px 0;
	padding: 25px 75px 50px;
	border-radius: var(--border-radius-medium);
	border: 1px solid #dadce0;
	margin-top: var(--default-section-spacing);
    background-color: #ffffff47;
}

.single-product h4 {
	color: var(--c-m-blue);
	margin-bottom: 5px;
	text-transform: unset;
}

.single-product .benefit-grid p,
.single-product .key-features p
{
	margin-top: 0;
}

/* PAGE LOADER */
#page-loader {
	background-color: var(--c-d-blue);
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	gap: 50px;
	color: #fff;
	font-weight: 600;
}
#page-loader .logo {
	max-width: 300px;
	z-index: 9;
	width: 100%;
	position: relative;
}
#page-loader .front-svg, #page-loader .back-svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#page-loader .front-svg {
	z-index: 2;
	--clip:0%;
	clip-path: polygon(0 0, 0 100%, var(--clip) 100%, var(--clip) 0);
}
#page-loader .indicator {
	display: flex;
	position: absolute;
	top: calc(50% + 150px);
	left: 50%;
	transform: translateX(-50%);
}
/* TEAM PAGE TEMPLATE */
.team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
}
.team-member .box:hover {
	cursor: pointer;
}
.box {
	display: flex;
	flex-direction: column;
	box-shadow: 0 3px 20px 0 #080f340f;
}
.box .content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #fff;
	padding: 25px 15px;
	border-bottom-right-radius: var(--border-radius-minor);
	border-bottom-left-radius: var(--border-radius-minor);
}
.box .image {
	aspect-ratio: 3 / 2;
	border-top-left-radius: var(--border-radius-minor);
	border-top-right-radius: var(--border-radius-minor);
}
.box .image img {
	object-fit: cover;
	border-top-left-radius: var(--border-radius-minor);
	border-top-right-radius: var(--border-radius-minor);
	aspect-ratio: 3 / 2;
}
.box h3,
.box h4
{
	margin-bottom: 0;
	margin-top: 0;
	text-transform: unset;
}
.box h3 {
	font-size: 26px;
	font-weight: 600;
}
.box h4 {
	font-size: 20px;
	color: var(--c-orange);
	font-weight: 400;
}
.box .separator {
	width: 100%;
	height: 1px;
	background-color: var(--c-d-blue);
}
.box a {
	font-size: 18px;
}
.bio-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	background-color: #fff;
	max-width: var(--inner-constrain);
	width: 100%;
	height: 60vh;
	padding: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
	cursor: pointer;
	border-radius: var(--border-radius-minor);
}
.bio-container .row {
	display: flex;
	gap: var(--default-section-spacing);
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.bio-container .absolute-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: end;

}
.bio-container .row .col.flip {
	width: calc(25% - 25px);
	min-width: 250px;
}
.bio-container .row .bio {
	font-size: 35px;
	width: 75%;
}
.bio-container .close-bio-container {
	font-style: italic;
	font-size: 16px;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}
.bio-container:hover .close-bio-container {
	color: var(--c-l-blue);
}
/* SINGLE POST BLOG TEMPLATE */
.page-content.blog {
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	width: 100%;
}
.page-content.blog .blog-content {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.page-content.blog h1 {
	text-align: center;
	margin-bottom: 50px;
}
.page-content.blog .blog-head {
	padding-bottom: 25px;
	margin-bottom: 100px;
	border-bottom: 2px solid var(--c-m-blue);
}
.page-content.blog .blog-head .credit-row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	color: var(--c-m-blue);
	font-weight: 600;
	font-size: 16px;
	align-items: end;
}
.page-content.blog .blog-content img {
	aspect-ratio: 5 / 3;
	width: 100%;
	object-fit: cover;
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: var(--border-radius-medium);
}

/* BLOG PAGE ARCHIVE TEMPLATE */
.blog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
}
.blog-grid .blog {
	position: relative;
}
.blog-grid .blog .name {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	color: #fff;
	text-align: center;
	background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,1) 95%);
	border-bottom-left-radius: var(--border-radius-medium);
	border-bottom-right-radius: var(--border-radius-medium);
	font-size: 25px;
}
.blog-grid .blog .image {
	height: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: var(--border-radius-medium);
}
.blog-grid .blog img {
	border-radius: var(--border-radius-medium);
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: 0.25s;
}
.blog-grid .blog:hover img {
	scale: 1.1;
}
.related-pages {
	margin-top: var(--default-section-spacing) ;
	height: 750px;
	padding-bottom: var(--default-section-spacing);
}
.related-pages h3 {
	text-decoration: underline;

	color: #fff;
	position: absolute;
	right: 135px;
	bottom: 72px;
	z-index: 999;
	margin-top: 0;
	margin-bottom: 0;
}
.related-pages .row {
	display: flex;
	position: relative;
	gap: var(--default-section-spacing);
	justify-content: space-between;
	background: linear-gradient(to right, var(--c-d-blue) 50%, transparent);
	border-radius: var(--border-radius-medium);
	align-items: center;
}

.related-pages .row .col, .related-pages .related-image {
	width: 50%;
}
.related-pages .related-image {
	position: relative;
	height: 750px;
	z-index: -1;
}

.related-pages .related-image a::after {
	content: '';
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(0deg, var(--c-d-blue), transparent 100%);
	border-radius: var(--border-radius-medium);
	z-index: 999;
}
.related-pages .related-image #loader {
	position: absolute;
	bottom: 50px;
	right: 25px;
	z-index: 9999;
	width: 75px;
	height: 75px;
}
.related-pages .related-image .image-title {
	position: absolute;
	left: 35px;
	bottom: 35px;
	z-index: 9999;
	color: #fff;
	display: none;
}
.related-pages .related-image .loader-text {
	position: absolute;
	bottom: calc(50px + 37.5px);
	right: calc(25px + 37.5px);
	z-index: 9999;
	transform: translate(50%, 50%);
	color: #fff;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
	line-height: 1;
	pointer-events: none;
}
.related-pages .related-image .thumbnail {
	position: absolute;
	right: 0;
	top: 0;
	width: 125%;
	opacity: 0;
	transition: opacity 0.3s;
	height: 100%;
	min-height: 750px;
	overflow: hidden;
}
.related-pages .related-image .thumbnail.active {
	opacity: 1;
	z-index: 999;
}
.related-pages .related-image .thumbnail.active:hover img {
	scale: 1.05;
}
.related-pages ul {
	display: flex;
	flex-direction: column;
	gap: 0px;
	list-style-type: none;
	padding-left: 0;
	transform: translateX(30px);
	max-width: 700px;
}
.related-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--border-radius-medium);
	transition: 0.25s;
}
.related-pages .thumbnail {
	overflow: hidden;
	border-radius: var(--border-radius-medium);
	height: 100%;
	width: 100%;
}

.related-pages .content h4 {
	transition: 0.25s;
	margin-top: 0;
	margin-bottom: 25px;
	color: #fff;
	font-size: 24px;
	opacity: 0.25;
}
.related-pages .content.active h4, .related-pages .content:hover h4 {
	opacity: 1;
	color: #fff;
}
.related-pages a:hover h4 {
	text-decoration: underline;
}
.related-pages .content {
	overflow: hidden;
	padding-bottom: 10px;
	transition: 0.2s;
	padding: 25px 50px 2px;
	border-radius: var(--border-radius-medium);
}

.related-pages .content:hover::after, .related-pages .content.active::after {
	opacity: 1;
}
.related-pages .content:hover, .related-pages .content.active {
	background-color: #ffffff20;

}
.related-pages .content a:hover h4 {
	text-decoration: none;
	color: #fff;
}
.related-pages .content p {
	color: #fff;;
}
.related-pages .content .learn-more {
	cursor: pointer;
}
.related-pages .content .learn-more {
	display: flex;
	align-items: center;
	transition: 0.25s;
	gap: 8px;
}
.related-pages .content .learn-more i {
	font-size: 15px;
	margin-top: 2px;
}
.related-pages .content .learn-more:hover {
	gap: 15px;
}
.related-pages .content .learn-more:hover span {
	text-decoration: underline;
}
.related-pages ul p {
	margin-top: 2px;

	overflow: hidden;
}
ul.child-pages, ul.descendant-pages, ul.sibling-pages {
	list-style: none;
	padding-left: 0;
}
ul.child-pages a, ul.descendant-pages a, ul.sibling-pages a {
	transition: 0.25s;
	line-height: 1.4;
}
ul.child-pages a::before, ul.descendant-pages a::before, ul.sibling-pages a::before {
	content: '›';
	display: inline-block;
	width: 15px;
}
ul.child-pages a:hover, ul.descendant-pages a:hover, ul.sibling-pages a:hover {
	text-decoration: underline;
	color: var(--c-orange);
}


@media screen and (max-width: 1700px) {
	#custom-footer h2 {
		flex-direction: column;
		align-items: baseline;
	}
}
@media screen and (max-width: 1400px) {
	.front .row {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--default-section-spacing);
	}
	.front .col:not(.has-slider) {
		display: flex;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 50px;
	}
	#Front-7 .row .col.has-slider {
		width: 100%;
	}
}
@media screen and (max-width: 1375px) {

	#custom-header .col {
		width: auto;
	}
}
@media screen and (max-width: 1300px) {
	.projects-archive .project-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.blog-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	#custom-footer .bottom-nav {
		flex-direction: column;
	}
	#custom-footer .copyright {
		align-items: end;
	}
	.team-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 1200px) {
	.page-top .row {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}
	.page-top .row .col {
		width: 100%;
	}
	#custom-footer .row.logos {
		flex-direction: column;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.bio-container .row {
		padding: 20px;

	}
	.bio-container .row .bio {
		font-size: 25px;
	}
	.related-pages .row {
		background-color: unset;
		background: unset;
	}
	.related-pages .related-image {
		display: none;
	}
	.related-pages .row ul, .related-pages .row .col {
		width: 100%;
		gap: 15px;
		max-width: 100%;
		transform: unset;
	}
	.related-pages .row h3 {
		position: static;
		color: var(--c-m-blue);
	}
	.related-pages .content, .related-pages .content.active, .related-pages .content:hover {
		background-color: var(--c-gray);
		color: var(--c-m-blue);
		opacity: 1;
	}
	.related-pages .content p, .related-pages .content.active p, .related-pages .content h4, .related-pages .content.active h4 {
		color: var(--c-m-blue);
		opacity: 1;
	}
	.related-pages {
		min-height: unset;
		padding-bottom: 0;
		height: 100%;
	}

	.related-pages .content {
		background-color: var(--c-gray);
		border: 1px solid #ddd;
		height: 100% !important;
		padding-bottom: 12px;
	}
	.page-top .row .col.features.alt-secondary {
		padding-right: 0;
		border-right: 0;
	}
}

@media screen and (max-width: 950px) {
	#Front-1 .content {
		bottom: 175px;
	}
	#Front-1 .content-block {
		width: 100%;
	}
	.single-product .top .row {
		flex-direction: column;
	}
	.single-product .top .row .col {
		width: 100%;
	}
	.advanced-layout .page-top::after {
		display: none;
	}
	.related-pages ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.single-product .top .row .col.right {
		width: auto;
	}
	.single-product .top img {
		border-top-right-radius: var(--border-radius-medium);
		border-bottom-right-radius: var(--border-radius-medium);
	}
	.single-product .top .row .col.right {
		padding-top: 0;
	}
}
@media screen and (max-width: 900px) {
	.projects-archive .project-grid {
		grid-template-columns: 1fr;
	}
	.front .word-slide, .front .word-slide-delayed, .front .split-heading {
		margin-top: 0;
	}
	#Front-6 .projects {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	#Front-6 .projects .project {
		min-width: unset;

	}
	#custom-footer .row {
		flex-direction: column;
		align-items: center;
	}
	#custom-footer .footer-nav .row, #custom-footer .footer-nav h4 {
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	#custom-footer .footer-nav .row:not(.sm-icons) {
		gap: 25px;
	}
	#custom-footer .copyright {
		flex-direction: column;
		gap: 100px;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#Front-5 .row.bottom {
		flex-direction: column;
	}
	#Front-5 .row.bottom .col {
		width: 100%;
	}
}
@media screen and (max-width: 750px) {

	#Front-6 .projects {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	#custom-footer {
		padding-top: 75px;
	}
	.front .front-heading-block h2 {
		font-size: 60px;
	}
	.front .word-slide, .front .word-slide-delayed, .front .split-heading {
		font-size: 75px;
	}
	.single-product .bot .benefit-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.cta .row {
		flex-direction: column;
		gap: 35px;
	}
	.cta .writing-constrain, .cta .col {
		width: 100%;
		max-width: 100%;
	}
	.advanced-layout-block .top .row {
		flex-direction: column;
	}
	.advanced-layout-block .top .row .col {
		width: 100%;
	}
	.advanced-layout-block::after, .single-product::after {
		display: none;
	}
	.advanced-layout-block .item-row {
		flex-direction: column;
	}
	.advanced-layout-block .item-row .col {
		width: 100%;
	}
	.bio-container .row .bio {
		font-size: 20px;
	}
	.page-id-42 .page-top::after, .page-id-37 .page-top::after {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.blog-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.page-top h1 {
		font-size: 50px;
	}
	.projects-archive .project-grid h2 {
		font-size: 30px;
	}
	.projects-archive .project-grid h3::before {
		display: none;
	}
	.team-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.bio-container .row .bio {
		font-size: 18px;
	}
	.bio-container .row {
		flex-direction: column;
		gap: 25px;
		justify-content: center;
	}
	.bio-container .row .bio {
		width: 100%;
	}
	.bio-container .row .bio h2 {
		display: none;
	}
	.bio-container {
		height: 85vh;
	}

	.related-pages ul {
		grid-template-columns: repeat(1, 1fr);
	}

}
@media screen and (max-width: 500px) {
	:root {
		--default-section-spacing: 50px;
	}
	.bio-container .row .bio {
		font-size: 13px;
	}
	h3 {
		font-size: 27px;
	}
	.page-top .back .breadcrumbs, .page-top .back a {
		font-size: 15px;
		flex-wrap: wrap;
	}
	#Front-5 h3 {
		font-size: 30px;
		margin-bottom: 0;
	}
	#Front-6 .projects h2 {
		font-size: 30px;
	}
	#Front-5 .buttons button {
		font-size: 16px;
	}
	button, #custom-header .col.right.nav .menu-item:last-of-type a {
		padding: 19px 25px;
	}
	#Front-5 .row.bottom {
		margin-top: var(--default-section-spacing);
	}
	.advanced-layout-block .list-grid, .advanced-layout-block .sentence-grid {
		grid-template-columns: 1fr;
	}
	.front .front-heading-block h2, .front .front-heading-block.revised h2 {
		font-size: 50px;
		line-height: 1.05;
	}
	.texture svg {
		height: 125px;
	}
	.front .front-heading-block .pre-heading {
		font-size: 25px;
	}
	p.large {
		font-size: 25px;
	}
	#Front-1 h1 {
		font-size: 50px;
	}
	.front .word-slide, .front .word-slide-delayed, .front .split-heading {
		font-size: 50px;
	}
	.front .front-heading-block {
		width: 100%;
	}
	#Front-4-5 .frame {
		height: 55vh;
	}
	.front .slick-slide {
		padding: 15px;
	}
	#custom-footer .row {
		flex-direction: column;
	}
	#custom-footer h2 {
		font-size: 40px;
		margin-bottom: 35px;
	}
	#Front-7 .row .col.has-slider {
		width: 100%;
	}
	.single-product .bot {
		padding: 50px 0;
		padding: 25px 25px 50px;
	}
	html {
		overflow-x: hidden;
	}
	#custom-footer .bottom-nav {
		gap: 15px;
	}
	#custom-footer .copyright {
		gap: 75px;
	}
	#custom-footer .row.logos {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
	#custom-footer .row.logos img {
		height: 40px;
	}
	.front .col:not(.has-slider) {
		gap: 25px;
	}
	#Front-4-5.front .front-heading-block .heading-block-content {
		display: none;
	}
	#Front-4-5 .texture {
		display: none;
	}

}

#Front-1 .image-mobile {
	display: none;
}
@media screen and (max-width: 550px) {
	#Front-1 .image {
		display: none;
	}
	#Front-1 .image-mobile {
		display: block;
	}
	.related-pages .content, .single-product .top .row .col.right {
		padding-left: 15px;
		padding-right: 15px;
	}
	.related-pages h3 {
		margin-bottom: 4px;
	}
	.advanced-layout-block .list-grid, .advanced-layout-block .sentence-grid {
		gap: 0;
	}
}

.rmp-menu-item-link {
	text-transform: uppercase !important;
	font-weight: 600 !important;
}