/*
Theme Name: Mortar Agency
Theme URI: https://mortaragency.com
Author: Mortar Agency
Author URI: https://mortaragency.com
Description: Custom WordPress theme for Mortar Agency
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mortar-agency
Tags: custom, flexible, acf
*/
/* ==========================================================================
   Semplice Flexible Content Styles (v3 - Flexbox Grid)
   ========================================================================== */

/* --- Main Row and Container --- */
.semplice-row {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.caf_select_head.active .arrow {
	transform: rotate(180deg);
}
.semplice-container {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.semplice-container-fluid {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.vimeo-video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}

.vimeo-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* --- The Flexbox Grid --- */
.semplice-row-inner {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px; /* Adjust this value to change the gutter width */
	margin-right: -15px;
}

.semplice-column {
	padding-left: 15px; /* Gutter (half on each side) */
	padding-right: 15px;
	box-sizing: border-box;
	width: 100%; /* Default for mobile */
}

/* --- Column Widths & Offsets (based on a 12-column grid) --- */
.col-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}
.col-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.col-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col-7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.col-8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.col-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

/* Offsets */
.offset-1 {
	margin-left: 8.333333%;
}
.offset-2 {
	margin-left: 16.666667%;
}
.offset-3 {
	margin-left: 25%;
}
.offset-4 {
	margin-left: 33.333333%;
}
.offset-5 {
	margin-left: 41.666667%;
}

/* --- Content Block Styles --- */
.semplice-content-wrapper {
	width: 100%;
	height: 100%;
}

.semplice-column img {
	max-width: 100%;
	height: auto;
	display: block;
}
.align-center {
	margin-left: auto;
	margin-right: auto;
}
.align-left {
	margin-right: auto;
	margin-left: 0;
}
.align-right {
	margin-left: auto;
	margin-right: 0;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
	.semplice-row-inner {
		display: block;
		margin: 0;
	}
	.semplice-column {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		margin-left: 0 !important;
		padding: 0;
	}
	.semplice-column:last-child {
		margin-bottom: 0;
	}
}

.services-box.services-box-setpoint {
	background-color: #03535d !important;
}

div.services-box h6 {
	margin-bottom: 0px;
	margin-top: 0;
}
div.services-box {
	z-index: 9;
}
body {
	margin: 0;
	padding: 0;
}

.content-embed iframe,
.content-embed video {
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.semplice-content-block.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
}
#fullscreen-menu {
	height: 100%;
}
/*
@font-face {
    font-family: "brandon-grotesque";
    src: url("assets/fonts/BrandonGrotesque-Black.eot");
    src: url("assets/fonts/BrandonGrotesque-Black.eot?#iefix")format("embedded-opentype"),
    url("assets/fonts/BrandonGrotesque-Black.woff")format("woff"),
    url("assets/fonts/BrandonGrotesque-Black.ttf")format("truetype"),
    url("assets/fonts/BrandonGrotesque-Black.svg#Brandon Grotesque Web Black")format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "brandon-grotesque";
    src: url("assets/fonts/BrandonGrotesque-Bold.eot");
    src: url("assets/fonts/BrandonGrotesque-Bold.eot?#iefix")format("embedded-opentype"),
    url("assets/fonts/BrandonGrotesque-Bold.woff")format("woff"),
    url("assets/fonts/BrandonGrotesque-Bold.ttf")format("truetype"),
    url("assets/fonts/BrandonGrotesque-Bold.svg#Brandon Grotesque Regular")format("svg");

    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "brandon-grotesque";
    src: url("assets/fonts/544da55955a950deb15d6a7536c4da34.eot");
    src: url("assets/fonts/544da55955a950deb15d6a7536c4da34.eot?#iefix")format("embedded-opentype"),
    url("assets/fonts/544da55955a950deb15d6a7536c4da34.woff2")format("woff2"),
    url("assets/fonts/544da55955a950deb15d6a7536c4da34.woff")format("woff"),
    url("assets/fonts/544da55955a950deb15d6a7536c4da34.ttf")format("truetype"),
    url("assets/fonts/544da55955a950deb15d6a7536c4da34.svg#Brandon Grotesque Regular")format("svg");

    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
*/
div.challenge-copy p,
div.strategic-copy p {
	font-size: 28px !important;
	line-height: 32px !important;
	text-align: center;
}
.columns_content {
	width: 100%;
}
.heroword_custom-div {
	width: max-content;
	display: inline-block;
	height: auto;
}
.container {
	background: none !important;
}
.services-box-cordis {
	background-color: #f58220 !important;
}
.services-box-extrahop {
	background-color: #28a3a0 !important;
}
div.challenge-copy p,
div.strategic-copy p {
	margin: 0;
}
.imageblock.full_width img {
	width: 100%;
}
.services-box-dreamteam {
	background-color: #e77400 !important;
}

.video-tabs-wrapper {
	width: 100%;
}

.video-tab-headers {
	text-align: center;
	margin-bottom: 1.5rem;
}

.video-tab-headers .swaplink {
	display: inline-block;
	margin: 0 0.25rem;
	text-decoration: none;
	color: #2d2d2d;
	transition: all 0.3s ease;
}
.services-box-drivecentric {
	background-color: #4eab89 !important;
}
.services-box-trimble {
	background-color: #629fcc !important;
}
.services-box-softspa {
	background-color: #c79f4d !important;
}
.services-box-cisco {
	background-color: #01bceb !important;
}
html header {
	background: #000000;
	padding: 15px 29px 15px 41px;

	opacity: 1;
}
header .logo svg {
	width: 246px;
	height: 38px;
	display: block;
}
#about div.pull-quote h3 {
	margin-bottom: 0;
}
.home #content_5eni3emde .imageblock {
	max-width: 977px;
	margin: auto;
}
.home #content_5eni3emde .semplice-content-wrapper p {
	padding-left: 115px;
	padding-right: 154px;
}

h3 {
	font-weight: 900;
}
html #navbar .fluid-menu {
	position: relative;
	right: 0;
}
html #navbar .controls a:last-child {
	padding-left: 0;
	margin-right: 0;
}
#navbar .controls a.close-nav .nav-icon,
#navbar .controls a.open-nav .nav-icon {
	background: #ffffff !important;
	margin-top: 20px !important;
	transform: none;
}
html #navbar .logo a.has-logo {
	display: block;
	font-size: 0;
}
header #navbar .fluid-container {
	position: relative;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	left: 0;
	right: 0;
}
.video-tab-headers .swaplink.active,
.video-tab-headers .swaplink:hover {
	font-weight: 900;
	color: #00a9df !important;
}

.video-tab-contents {
	position: relative;
}

.video-tab-content {
	display: none;
}

.video-tab-content.active {
	display: block;
}

/* Optional fade effect */
.video-tab-content {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.video-tab-content.active {
	opacity: 1;
}

.homepage-hero-block {
	position: relative;
}
.vidbg-container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.vidbg-container video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	z-index: 0;
	/* padding-top: 300px; */
	/* padding-bottom: 300px; */
	object-fit: cover;
}
.vidbg-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
}
.homepage-hero-content {
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: left;
	display: inline-block;
	width: 100%;
	padding: 0 20px;
}
.homepage-hero-content h1 {
	color: #ffffff;
	font-weight: 900;
	text-align: left !important;
	font-size: 100px !important;
	line-height: 80px;
}
.homepage-hero-content .heroword_custom {
	position: absolute;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	display: inline-block;
}

.homepage-hero-block .mc-content-container {
	padding-top: 368px;
	padding-bottom: 300px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1269px;
}
html .to-the-top {
	display: block;
	opacity: 0;
}
html .to-the-top.is-visible {
	opacity: 1;
	pointer-events: auto;
}
/* Clients & Work Section */
.clients-work-section {
	width: 100%;
	margin-bottom: 84px;
	padding-top: 100px;
}

.portfolio-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 30px 0;
}

.portfolio-filters select,
.portfolio-filters .btn-clear-filters {
	padding: 8px 16px;
	font-size: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
	outline: none;
}

.portfolio-filters select:focus,
.portfolio-filters .btn-clear-filters:focus {
	border-color: #ed4545;
	box-shadow: 0 0 0 2px rgba(237, 69, 69, 0.2);
}

.portfolio-filters .btn-clear-filters {
	background: #ed4545;
	color: white;
	border: none;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.2s;
}

.portfolio-filters .btn-clear-filters:hover {
	opacity: 0.9;
}

/* Grid */
.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	width: 100%;
	margin: 0;
}

.portfolio-item {
	height: calc(100vw / 4);
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.portfolio-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	text-align: center;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
.portfolio-content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	text-align: center;
	z-index: 1;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
}
.portfolio-item:hover .portfolio-overlay {
	background: rgba(237, 69, 69, 0.7);
	opacity: 1;
}
.portfolio-item:hover .portfolio-content {
	transform: scale(1);
}
.caf-multi-mod-right {
	position: absolute;
	max-width: 30px;
	height: 30px;
	right: 0;
}
.caf-multi-mod-right svg {
	width: 100%;
	height: auto;
}
.portfolio-title {
	font-size: 1.3rem;
	margin: 0 0 0px;
	font-weight: 600;
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 5px;
}
#fullscreen-menu.standard-height {
	top: -100vh;
	transition: 0.4s all;
}
#fullscreen-menu.standard-height.active {
	top: 0px;
	overflow-y: auto;
	z-index: 1011;
	opacity: 1;
}

html #fullscreen-menu header {
	background: #ffffff;
}
#fullscreen-menu .menu-inner nav ul li a:hover {
	color: #ed4545 !important;
}
#navbar .controls a.close-nav,
#navbar .controls a.open-nav {
	width: 24px;
	height: 24px;
}
#fullscreen-menu .menu-inner nav ul li a {
	color: #aaaaaa !important;
	text-transform: uppercase;
}

#fullscreen-menu .menu-inner nav ul {
	padding-left: 0;
}

.postid-2512 #content_nboyiakzm,
.postid-2512 #content_99700q1c8 {
	background: rgb(0, 4, 67);
	background: linear-gradient(
		270deg,
		rgba(0, 4, 67, 1) 0%,
		rgba(38, 73, 187, 1) 100%
	);
}

.home div.divider_bar.services {
	margin: auto;
	margin-bottom: 40px;
	width: 30px;
}
div.divider_bar.red,
div.divider_bar_services.red {
	border-color: #ec1b1b;
}
.portfolio-categories {
	color: #ddd !important;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	max-width: 90%;
	line-height: 20px;
} /* CAF-style filters wrapper */
.portfolio-filters.caf-style-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	padding: 83px 0 35px;
	justify-content: center;
}

/* CAF dropdown base */
.caf_select_multi {
	position: relative;
	display: inline-block;
	min-width: 250px;
	font-family: inherit;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/* Заголовок фильтра */
.caf_select_multi .caf_select_multi_default {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 16px;
	background: #fff;
	border-bottom: 2px solid #000;
	font-size: 15px;
	color: #333;
}

/* Список опций */
.caf_select_multi .caf-multi-drop-sub {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 100;
	max-height: 300px;
	overflow-y: auto;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Показ списка при hover или при активном классе */
.caf_select_multi:hover .caf-multi-drop-sub,
.caf_select_multi .caf-multi-drop-sub.active {
	display: block;
}

/* Опции */
.caf_select_multi .caf-multi-drop-sub li {
	padding: 8px 16px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Ховер и активная опция */
.caf_select_multi .caf-multi-drop-sub li:hover,
.caf_select_multi .caf-multi-drop-sub li.active {
	background-color: #f0f0f0;
	color: #000;
}

/* Заголовок внутри списка (например "All Company Names") */
.caf_select_multi .caf-multi-drop-sub .caf_select_multi_default_label_2 {
	font-weight: bold;
}

/* Стрелка */
.caf_select_multi .caf-front-ic,
.caf_select_multi .caf-multi-mod-right {
	font-size: 12px;
	margin-left: 6px;
	transition: transform 0.3s;
}

/* Поворот стрелки при hover */
.caf_select_multi:hover .caf-multi-mod-right {
	transform: rotate(180deg);
}
.portfolio-filters {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.caf_select_wrapper {
	position: relative;
	width: 230px;
	cursor: pointer;
	user-select: none;
}

.caf_select_head {
	padding: 10px 15px;
	border-bottom: 2px solid #000;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.caf_select_head .arrow {
	font-size: 12px;
	transition: transform 0.2s;
	width: 15px;
	display: block;
	justify-content: center;
	align-content: center;
	height: 15px;
}
#cf7md-form.cf7md-theme--dark
	.mdc-text-field:not(.mdc-text-field--disabled)
	.mdc-text-field__input {
	max-height: 67px;
}
#services .semplice-content-wrapper p {
	margin-bottom: 32px;
}
html #fullscreen-menu .menu-inner nav {
	padding: 15px 0;
}
.caf_select_head .arrow svg {
	width: 100%;
	height: auto;
}
.caf_select_list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	z-index: 999;
	margin-top: 2px;
	padding: 0;
	list-style: none;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	margin: 0;
}

/* Каждая опция */
.caf_select_list li {
	padding: 10px 15px;
	transition: background 0.2s;
}

/* Ховер и активный пункт */
.caf_select_list li:hover,
.caf_select_list li.active {
	background-color: #f0f0f0;
}

/* Кнопка сброса */
.btn-clear-filters {
	padding: 10px 20px;
	border: none;
	background-color: #e74c3c;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.2s;
}

.btn-clear-filters:hover {
	background-color: #c0392b;
}
footer {
	padding-top: 104px;
	padding-bottom: 150px;
	background-color: #2d2d2d;
	color: #fff;
	text-align: left;
}
.footer-left h2 {
	text-align: left;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
	letter-spacing: 7px;
	margin-top: 0;
}
.footer-left a,
.footer-left p {
	font-family: "bree-serif";
	font-size: 21px;
	line-height: 32px;
	color: #fff;
}
#cf7md-form .cf7md-item,
#cf7md-form input,
#cf7md-form label,
#cf7md-form textarea,
#cf7md-form p,
#cf7md-form .mdc-select,
#cf7md-form.cf7md-form + .wpcf7-response-output,
#cf7md-form .wpcf7-not-valid-tip,
#cf7md-form .cf7md-card-title,
#cf7md-form .cf7md-card-subtitle,
#cf7md-form .mdc-button,
#cf7md-form .mdc-floating-label,
#cf7md-form .mdc-text-field-helper-text,
#cf7md-form .mdc-text-field__input,
#cf7md-form .mdc-select__native-control,
#cf7md-form .mdc-form-field {
	font-family: "bree-serif";
}
#cf7md-form .mdc-floating-label,
#cf7md-form .mdc-text-field__input,
#cf7md-form .wpcf7-select {
	font-size: 21px;
	line-height: 1.6rem;
}
.contact-item {
	text-align: center;
}
.contact-item h4 {
	color: #fff;
	text-align: center;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	font-family: "brandon-grotesque";
	letter-spacing: 0;
	font-size: 28px;
}
#cf7md-form .mdc-floating-label {
	font-size: 21px;
	font-family: "bree-serif";
	line-height: 25px;
}
#cf7md-form .mdc-text-field .mdc-floating-label,
#cf7md-form .mdc-select .mdc-floating-label {
	top: 14px;
}
#cf7md-form .cf7md-checkbox-label {
	font-family: "bree-serif" !important;
	font-size: 21px !important;
	position: relative;
	top: -1px;
}
#cf7md-form.cf7md-theme--dark .mdc-button--raised:not(:disabled),
#cf7md-form.cf7md-theme--dark .mdc-button--unelevated:not(:disabled) {
	background-color: #ec1b1b !important;
	font-family: "bree-serif";
	font-size: 21px;
	text-transform: none;
	letter-spacing: 0px;
	padding: 25px 22px 28px;
	border-radius: 0px;
	line-height: 0px;
}
.footer-left {
	margin-top: 0;
	margin-left: 97px;
	max-width: 437px;
}
.site-info p {
	color: #fff;
	font-size: 14px;
	margin-top: 70px;
	margin-bottom: 0px;
	line-height: 1;
}
.footer-center .contact-item {
	padding-bottom: 24px;
}
#cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
	background-color: rgba(255, 255, 255, 0.2);
	border: none;
	border-bottom-color: rgba(255, 255, 255, 0.5);
}
.contact-item .divider_bar {
	margin-left: auto;
}
.services-box-moximed {
	background-color: #2549b2 !important;
}
.contact-item p {
	color: #fff;
	text-align: left;
}
.services-box-aria {
	background-color: #00a9e0 !important;
}
.postid-2507 #content_e14uqhr04 {
	background-size: contain !important;
	background-position: 50% 40% !important;
	background-color: #707f8f !important;
}
.semplice-row-inner {
	position: relative;
}
.postid-2510 #content_so4hls9p4 .col-8 {
	flex: 0 0 62.666667%;
	max-width: 62.666667%;
	padding: 0;
	margin-left: 18.666667%;
}
.websitescroll {
	position: relative;
	margin: auto;
	width: 100%;
	height: 1087px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 14px;
}
.responsive-websitescroll {
	position: relative;
	padding: 50px 55px 60px 60px;
}
.responsive-websitescroll::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(/wp-content/uploads/top.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
}
.responsive-websitescroll .oembed-content {
	z-index: 99;
	position: relative;
}
.responsive-websitescroll::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(/wp-content/uploads/bottom.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
}
html .swiper-button-prev,
html .swiper-button-next {
	width: 60px;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 40px;
	font-size: 20px;
	color: #fff;
	padding: 10px;
}
.services-box-primer {
	background-color: #e3aa5e !important;
}

@media (max-width: 1024px) {
	.portfolio-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.portfolio-item {
		height: calc(100vw / 3);
	}
}
@media (max-width: 768px) {
	.portfolio-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.portfolio-item {
		height: calc(100vw / 2);
	}
	.portfolio-title {
		font-size: 1.15rem;
	}
	.homepage-hero-content h1 {
		font-size: 70px !important;
		line-height: 60px;
	}
	html footer p {
		padding: 0;
		margin: 0;
		padding: 0 !important;
	}
}
@media (max-width: 480px) {
	.portfolio-grid {
		grid-template-columns: 1fr;
	}
	.portfolio-item {
		height: 100vw;
	}
	.portfolio-overlay {
		padding: 24px 16px;
	}

	.homepage-hero-content h1 {
		font-size: 35px !important;
		line-height: 35px;
		letter-spacing: 0;
	}
	.footer-left {
		margin-top: 0;
		margin-left: 0;
		text-align: center;
	}
	.footer-left h2 {
		text-align: center;
	}
}
@media (max-width: 567px) {
	html #navbar .fluid-container {
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (max-width: 800px) {
	html div.services-box-long {
		height: auto !important;
	}
}
.postid-2511 #primercontainer {
	transform: scale(1.4);
}
.semplice-column .swiper-slide img {
	width: 100%;
}
.swiper-horizontal {
	touch-action: pan-y;
	position: relative;
}
/* .semplice-content-wrapper {
	overflow: hidden;
} */
.services-box-artivion {
	background-color: #34a798 !important;
}
.services-box-wildcard {
	background-color: #416b79 !important;
}
.services-box-strandbeest {
	background-color: #e97924 !important;
}
.services-box-ethos {
	background-color: #00a9df !important;
}
.services-box-ethos {
	background-color: #00a9df !important;
}
.services-box-procept {
	background-color: #00aec7 !important;
}
.postid-2547 #content_ez9h77013 .semplice-row-inner {
	height: 1px;
	background-color: #c3c4ba;
}

.postid-2543 #content_27bu45zq5,
.postid-2543 #content_frv6elxho {
	height: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #000000 !important;
}
.postid-2524 #content_jkyfq97te,
.postid-2511 #content_jkyfq97te,
.postid-2521 #content_jkyfq97te {
	background-image: url(/wp-content/uploads/primer-hexgrid-dkgray.png);
	background-size: 105px 122px !important;
	background-repeat: repeat !important;
	background-position: calc(50%) bottom !important;
}
.postid-2526 #content_udtemmnsv,
.postid-2528 #content_udtemmnsv,
.postid-2528 #content_lgs46zegv {
	background: rgb(213, 213, 213);
	background: linear-gradient(
		0deg,
		rgba(213, 213, 213, 1) 0%,
		rgba(255, 255, 255, 1) 100%
	);
}
html div.services-box p {
	font-size: 16px;
	margin-bottom: 8px;
	margin-top: 0;
	line-height: 1.2em;
}
div.challenge-headline h3 {
	margin-top: 0;
}
.services-box-figleaf {
	background-color: #7abb6b !important;
}
.services-box-ethos {
	background-color: #00a9df !important;
}
.services-box-bitwarden {
	background-color: #00b1e6 !important;
}
.services-box-gogigit {
	background-color: #f45b4a !important;
}
.services-box-quantum {
	background-color: #f47f16 !important;
}

.postid-2521 #content_pcxfase42,
.postid-2522 #content_pcxfase42,
.postid-2522 #content_ub6kh5pr2,
.postid-2522 #content_4nns07bkr {
	background: linear-gradient(
		0deg,
		rgba(213, 213, 213, 1) 0%,
		rgba(255, 255, 255, 1) 100%
	);
}
.postid-2527 #content_e14uqhr04 .semplice-row-inner {
	top: -70px !important;
}

@media (max-width: 767px) {
	div.challenge-copy p,
	div.strategic-copy p {
		font-size: 24px !important;
		line-height: 32px !important;
	}
}
@media screen and (max-width: 480px) {
	#primercontainer {
		transform: scale(0.75);
		height: 430px !important;
		padding-top: 40px !important;
	}
}
@media screen and (max-width: 800px) {
	html div.services-box {
		height: auto;
	}
}

@media screen and (max-width: 1100px) {
	.websitescroll {
		height: 900px;
	}
}

@media screen and (max-width: 768px) {
	.websitescroll {
		height: 800px;
	}
	.responsive-websitescroll {
		padding: 40px 40px 45px 50px;
	}
}

@media screen and (max-width: 500px) {
	.websitescroll {
		height: 400px;
		border-radius: 5px;
	}
	.responsive-websitescroll {
		padding: 20px 22px 25px 24px;
	}
}
@media screen and (max-width: 768px) {
	h1,
	h2,
	h3,
	h4 {
		margin-top: 0;
	}
	.postid-2536 #content_w7mrfzulg {
		background-size: cover !important;
	}
	.vidbg-container video {
		right: -130%;
	}
}
.postid-2509 #content_xjsx6gd6k {
	background-size: contain !important;
}
@media screen and (max-width: 1478px) {
	.postid-2509 #content_xjsx6gd6k {
		padding-bottom: 640px !important;
	}
}
@media screen and (max-width: 1024px) {
	.postid-2509 #content_xjsx6gd6k {
		padding-bottom: 440px !important;
	}
}

@media screen and (max-width: 740px) {
	.postid-2509 #content_xjsx6gd6k {
		padding-bottom: 340px !important;
	}
}
p {
	margin-top: 0;
}
h1,
h2,
h3,
h4 {
	margin-top: 0;
}
@media screen and (max-width: 480px) {
	.postid-2509 #content_xjsx6gd6k {
		padding-bottom: 250px !important;
	}
	p {
		margin-top: 0;
	}
	.postid-2510 #content_so4hls9p4 .col-8 {
		flex: 0 0 62.666667% !important;
		max-width: 62.666667% !important;
		padding: 0;
		margin-left: 18.666667% !important;
	}
	.postid-2510 #content_fbme0q9rn {
		background-size: contain !important;
	}
	.postid-2511 #primercontainer {
		transform: scale(0.75);
	}

	.postid-2534 #content_ob4mgdh3n h3 {
		font-size: 24px;
		margin-bottom: 0;
	}
	.homepage-hero-block .mc-content-container {
		padding-top: 268px;
		padding-bottom: 166px;
	}
	.portfolio-filters.caf-style-filters {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		padding: 50px 0 20px;
		justify-content: center;
	}
}