/* AUTO-GENERATED -- DO NOT EDIT
 * This file is rebuilt on every build. Edit the co-located .razor.css source files instead.
 */
body
{
}
/* -------------------------------------------------------------------------- *
 * Organism - Blog Posts List
 * -------------------------------------------------------------------------- */
.o_blockBlogFeed {

}

	.o_blockBlogFeed ._orderedList {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -1rem;
		padding: 0;
		list-style: none;
	}

	.o_blockBlogFeed ._showingFilter .a_buttonLink.-tiny {
		vertical-align: middle;
	}

/* -------------------------------------------------------------------------- *
 * Organism - Call to action
 * -------------------------------------------------------------------------- */
.o_blockCallToAction {
	color: var(--colorPrimary);
	border-top: var(--colorPrimary) 2px solid;
	border-bottom: var(--colorPrimary) 2px solid;
	background:var(--colorWhite);
}
.o_blockCallToAction h2
{
	font-size:2.5rem;
}
	.o_blockCallToAction .getInTouch {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
/* -------------------------------------------------------------------------- *
 * Organism - Contact Form Block
 * -------------------------------------------------------------------------- */
.o_blockContactForm {
	
}

.o_blockContactForm .container {
	border-top: var(--colorOffBlack) 2px solid;
	padding-top:4rem;
}

/* ----- Colour variations ----- */
.o_blockContactForm.-bgPrimary {

}

	.o_blockContactForm.-bgPrimary .a_button {
		background-color: var(--colorSecondary);
		border-color: var(--colorSecondary);
		color: var(--colorOffBlack);
	}

		.o_blockContactForm.-bgPrimary .a_button:hover {
			background-color: var(--colorSecondary-dark);
			border-color: var(--colorSecondary-dark);
			color: var(--colorOffBlack);
		}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * Organism - Content section
 * -------------------------------------------------------------------------- */
.o_blockContent {
}

	.o_blockContent .container {
		border-top: var(--colorOffBlack) 2px solid;
	}
	/* ------ Colour Variation ------ */
	.o_blockContent.-bgPrimary {
		color: var(--colorWhite);
	}

	.o_blockContent.-bgOffBlack {
		color: var(--colorWhite);
	}


	.o_blockContent .content {
		columns: 2;
		column-gap: 2rem;
	}

		.o_blockContent .content p {
			font-weight: 600;
		}

/* -------------------------------------------------------------------------- *
 * Organism - Mailing list sign up block
 * -------------------------------------------------------------------------- */
.o_blockEmailSignup {
	
}

/* ----- Colour variations ----- */
.o_blockEmailSignup.-bgPrimary {

}

	.o_blockEmailSignup.-bgPrimary .a_button {
		background-color: var(--colorSecondary);
		border-color: var(--colorSecondary);
		color: var(--colorOffBlack);
	}

		.o_blockEmailSignup.-bgPrimary .a_button:hover {
			background-color: var(--colorSecondary-dark);
			border-color: var(--colorSecondary-dark);
			color: var(--colorOffBlack);
		}

/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}

/* -------------------------------------------------------------------------- *
 * Block - O_ListProjects
 * -------------------------------------------------------------------------- */
.o_blockFeaturedProjects {
}

.o_blockFeaturedProjects svg
{
	width:2rem;
}
/* -------------------------------------------------------------------------- *
 * Organism - Features List
 * -------------------------------------------------------------------------- */
.o_blockFeatures {
	
}

/* ----- Colour variants ----- */
.o_blockFeatures.-bgPrimary {
	color: var(--colorWhite);
}

.o_blockFeatures.-bgOffBlack {
	color: var(--colorWhite);
}
/* -------------------------------------------------------------------------- *
 * Organism - Gallery Block
 * -------------------------------------------------------------------------- */
.o_blockGallery {

}

	ul._galleryThumbs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		._galleryThumbs li {
			display: block;
			box-sizing: border-box;
			width: 100%;
			padding: 0.500rem;
		}
			._galleryThumbs li:nth-child(3n+2)
			{
				width:50%;
			}
			._galleryThumbs li:nth-child(3n+3) {
				width: 50%;
			}

			._galleryThumbs li img {
				display: block;
			}

			._galleryThumbs li ._galleryThumb {
				display: block;
				margin: 0;
				padding: 0;
				border: none;
				border-radius: 0.5rem;
				overflow: hidden;
				transition: transform 0.25s ease-in-out;
			}

			._galleryThumbs li ._galleryThumb:hover {
				transform: scale(1.025);
				cursor: pointer;
			}
/* -------------------------------------------------------------------------- *
 * Organism - Blog Post hero space
 * -------------------------------------------------------------------------- */
.o_blockHeroBlogPost {
	position: relative;
	color: var(--colorWhite);
}
	.o_blockHeroBlogPost .container {
		background-color: var(--colorSecondary);
		border-radius: 0 0 2.5rem 2.5rem;
	}
	.o_blockHeroBlogPost main.row {
		padding: 4rem 0;
	}

	.o_blockHeroBlogPost ._heroBlogPostBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */

.o_blockHeroBlogPost .m_navListBreadcrumb li .a_navItem,
.o_blockHeroBlogPost .m_navListBreadcrumb li .a_navItem.-disabled,
.o_blockHeroBlogPost .m_navListBreadcrumb.-chevronPrimary li svg {
	color: var(--colorWhite);
}
/* -------------------------------------------------------------------------- *
 * Organism - Blog Post hero space
 * -------------------------------------------------------------------------- */
.o_blockHeroLandingPage {
	position: relative;
	color: var(--colorWhite);
}

	.o_blockHeroLandingPage .container {
		background-color: var(--colorSecondary);
		border-radius: 0 0 2.5rem 2.5rem;
	}

	.o_blockHeroLandingPage main.row {
	}

	.o_blockHeroLandingPage ._heroBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.o_blockHeroLandingPage .projectDesc svg {
		width: 2rem;
		top: 0.4rem;
		position: relative;
	}

	.o_blockHeroLandingPage .screenshot img {
		border-radius: 1.25rem;
		width: 100%;
	}

	.o_blockHeroLandingPage .left {
		padding-right: 0.5rem;
	}

	.o_blockHeroLandingPage .right {
		padding-left: 0.5rem;
	}
/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
}

@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.o_blockHeroLandingPage .left {
		padding-right: 1rem;
	}

	.o_blockHeroLandingPage .right {
		padding-left: 1em;
	}
}

@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */

}

/* -------------------------------------------------------------------------- *
 * Organism - Site Hero
 * -------------------------------------------------------------------------- */
.o_blockHeroMinimal {
	color: var(--colorWhite);
}

	.o_blockHeroMinimal .container {
		background-color: var(--colorSecondary);
		border-radius: 0 0 2.5rem 2.5rem;
	}

.o_blockHeroMinimal main.row {
}


/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
 * Organism - Site Hero
 * -------------------------------------------------------------------------- */
.o_blockHeroSimple {
	color: var(--colorWhite);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

	.o_blockHeroSimple main.row {
		padding: 4rem 1rem;
		background-color: var(--colorSecondary);
		border-radius: 0 0 2.5rem 2.5rem;
	}

		
/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */

.o_blockHeroSimple.-txtWhite .m_navListBreadcrumb li .a_navItem, 
.o_blockHeroSimple.-txtWhite .m_navListBreadcrumb li .a_navItem.-disabled, 
.o_blockHeroSimple.-txtWhite .m_navListBreadcrumb.-chevronPrimary li svg{
	color: var(--colorWhite);
} 

/* ----- Centered ----- */
.o_blockHeroSimple.-smallHero main.row {
	padding: 1rem 0;
}

.o_blockHeroSimple.-smallHero  h1 {
	margin-bottom: 0;
}
/* -------------------------------------------------------------------------- *
 * Organism - Image Block
 * -------------------------------------------------------------------------- */
.o_blockImage {
}

	.o_blockImage img {
		margin: 0 auto;
	}

		.o_blockImage img.-fullWidth {
			margin: 0 auto;
			border-radius: 0;
		}

		.o_blockImage img.-containerWidth {
			margin: 0 auto;
			border-radius: 1rem;
		}

		.o_blockImage img.-contentWidth {
			margin: 0 auto;
			border-radius: 1rem;
		}

	/* --- Caption --- */
	.o_blockImage ._imgWithCaption {
		position: relative;
		margin: 0;
		padding: 0;
	}

		.o_blockImage ._imgWithCaption figcaption {
			padding: 0.750rem 0 0 0;
			font-size: 1.125rem;
			font-weight: 400;
			text-align: center;
			color: var(--colorBlack);
		}
/* -------------------------------------------------------------------------- *
 * Organism - All Projects
 * -------------------------------------------------------------------------- */
.o_blockProjectFeed
{

}

	.o_blockProjectFeed .projectType {
		
		padding: 1rem 0;
		font-size: 1.25rem;
		border-bottom: 2px solid var(--colorSecondary);
		position:relative;
		
	}
	.o_blockProjectFeed .projectType {
		display: flex;
		justify-content: space-between;
		align-content: center;
		flex-wrap: wrap; 
	}

	.o_blockProjectFeed .allProjects .col:first-child .projectType, .o_blockProjectFeed .allProjects .col:nth-child(2) .projectType {
		border-top: 2px solid var(--colorSecondary);
	}
	.o_blockProjectFeed .allProjects .col
	{
		padding:0 1rem;
		top:-2px;
	}
	.o_blockProjectFeed .projectType a {
		color: var(--colorSecondary);
		font-weight: 600;
	}
		.o_blockProjectFeed .projectType a:hover
		{
			border:none;
		}
		.o_blockProjectFeed .allProjects svg {
			width: 1.5rem;
		}
	.o_blockProjectFeed .allProjects svg #evry_arrow {
		fill: var(--colorSecondary);
	}


/* -------------------------------------------------------------------------- *
 * Organism - Logo Cloud
 * -------------------------------------------------------------------------- */
.o_blockLogoCloud {
	overflow:hidden;
}

	/* ----- Logo Cloud List ----- */
	.o_blockLogoCloud ._logoCloud {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.o_blockLogoCloud h2 {
		font-size: 2.5rem;
		color: var(--colorPrimary);
		padding-top: 1rem;
	}

	.o_blockLogoCloud .header {
		border-top: 2px solid var(--colorPrimary);
		border-bottom: 2px solid var(--colorPrimary);
		margin-bottom: 2rem;
	}
	/* --- Alignment --- */
	.o_blockLogoCloud ._logoCloud.-hCenter {
		text-align: center;
	}

	.o_blockLogoCloud .splide__track {
		padding: 0;
		overflow: visible;
	}
	.o_blockLogoCloud .carousel-progress, .o_blockLogoCloud .splide__arrows {
		display:none;
	}

	.o_blockLogoCloud ._logoCloud.-hEnd {
		text-align: right;
	}
	.o_blockLogoCloud .splideFeaturedCategories
	{
		margin:0 -1.75rem;
	}
	/* --- Column widths --- */
	.o_blockLogoCloud ._logoCloud {
		--columns: 6; /* Fallback */
	}

	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / var(--columns)) - 1rem);
		max-width: calc((100% / var(--columns)) - 1rem);
	}

/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / ((var(--columns) / 3) * 2)) - 1rem);
		max-width: calc((100% / ((var(--columns) / 3) * 2)) - 1rem);
	}
}

@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / (var(--columns) / 2)) - 1rem);
		max-width: calc((100% / (var(--columns) / 2)) - 1rem);
	}
}

@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / (var(--columns) / 3)) - 1rem);
		max-width: calc((100% / (var(--columns) / 3)) - 1rem);
	}
}

@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / (var(--columns) / 4)) - 1rem);
		max-width: calc((100% / (var(--columns) / 4)) - 1rem);
	}
}

/* -------------------------------------------------------------------------- *
 * Organism - Pricing Table
 * -------------------------------------------------------------------------- */
.o_blockPricing {
	
}

/* ----- Example variant ----- */



/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * Organism - Blockquote carousel
 * -------------------------------------------------------------------------- */
.o_blockquote {
	position: relative;
}

	.o_blockquote .container {
		background-color: var(--colorPrimary);
		border-radius: 2.5rem 2.5rem 0 0;
		padding: 4rem 0;
	}

.a_blockquote blockquote p {
	font-size: 0;
}

.o_blockquote .heading h2 {
	border-bottom: 1px solid var(--colorWhite);
	font-size: 1.5rem;
	color: var(--colorWhite);
	padding-bottom:3rem;
}
/* ----- Colour variants ----- */
/* - Background Primary - */
.o_blockquote.-bgPrimary {
	color: var(--colorWhite);
}

	.o_blockquote.-bgPrimary .m_carouselPagination ul li button {
		background-color: var(--colorwhite);
		opacity: 0.5;
	}

		.o_blockquote.-bgPrimary .m_carouselPagination ul li button.-active {
			background-color: var(--colorWhite);
		}

/* - Background Light Grey - */
.o_blockquote.-bgGrey-light .container::before {
	background-image: url('/_content/EvryCreative.Components/images/Graphic-QuoteOpen-Grey.svg');
}

.o_blockquote.-bgGrey-light .container::after {
	background-image: url('/_content/EvryCreative.Components/images/Graphic-QuoteClose-Grey.svg');
}

/* - Background Off Black - */
.o_blockquote.-bgOffBlack {
	color: var(--colorWhite);
}

	.o_blockquote.-bgOffBlack .m_carouselPagination ul li button {
		background-color: var(--colorGrey-light);
	}

		.o_blockquote.-bgOffBlack .m_carouselPagination ul li button.-active {
			background-color: var(--colorPrimary);
		}

	.o_blockquote.-bgOffBlack .container::before {
		background-image: url('/_content/EvryCreative.Components/images/Graphic-QuoteOpen-Grey.svg');
	}

	.o_blockquote.-bgOffBlack .container::after {
		background-image: url('/_content/EvryCreative.Components/images/Graphic-QuoteClose-Grey.svg');
	}

/* -------------------------------------------------------------------------- *
 * Organism - Statistics Content Block
 * -------------------------------------------------------------------------- */
.o_blockStatistics {
}

	.o_blockStatistics ul._statisticsList {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin: 0;
		padding: 0 2rem 2rem 2rem;
		border-radius: 2rem;
		background-color: rgba(0, 0, 0, 0.1);
		list-style: none;
	}

/* ----- Example variant ----- */



/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.o_blockStatistics ul._statisticsList {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_blockStatistics ul._statisticsList {
		grid-template-columns: 1fr;
	}
}
/* -------------------------------------------------------------------------- *
 * Organism - Timeline Content Block
 * -------------------------------------------------------------------------- */
.o_blockTimeline {
	overflow: hidden;
}

	.o_blockTimeline ._timelineList {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: visible;
	}

	/* ----- Swiper Overrides ----- */
	.o_blockTimeline .swiper-button-next,
	.o_blockTimeline .swiper-button-prev {
		top: auto;
		bottom: 0.750rem;
		user-select: none;
	}

		.o_blockTimeline .swiper-button-next:after,
		.o_blockTimeline .swiper-button-prev:after {
			display: none;
		}

		.o_blockTimeline .swiper-button-next svg,
		.o_blockTimeline .swiper-button-prev svg {
			font-size:4rem;
		}

	.o_blockTimeline .swiper-pagination {
		position: relative;
		padding: 1.500rem 0 0.500rem 0;
	}

		.o_blockTimeline .swiper-pagination .swiper-pagination-bullet {
			width: 0.750rem;
			height: 0.750rem;
			border-radius: 0.500rem;
			background-color: var(--colorOffBlack);
			opacity: 1;
			transition: all 0.25s ease-in-out;
		}

		.o_blockTimeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
			width: 3rem;
			background-color: var(--colorPrimary);
		}

/* ----- CSS-only fallback: applied before Swiper JS runs (or if it fails) ----- *
 * Swiper adds .swiper-initialized once it has initialised. Until that class   *
 * is present the selectors below control layout, matching mcsInitSwiper       *
 * breakpoints. Once Swiper initialises the :not() rules no longer apply.      */
.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
}

.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
	flex: 0 0 25%;
	width: 25%;
	min-width: 0;
}

.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-pagination,
.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-button-prev,
.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-button-next {
	display: none;
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
	@media only screen and (max-width: 1400px)
	{
		/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */
	.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
		flex: 0 0 33.333%;
		width: 33.333%;
	}
}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */
	.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
		flex: 0 0 50%;
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
		flex: 0 0 100%;
		width: 100%;
	}
}

/* -------------------------------------------------------------------------- *
 * Block - O_ListAllProjects
 * -------------------------------------------------------------------------- */
.o_listallprojects {

}

/* -------------------------------------------------------------------------- *
 * Organism - Block content list
 * -------------------------------------------------------------------------- */
.o_listBlockContent {

}


/* -------------------------------------------------------------------------- *
 * Block - O_OurStaff
 * -------------------------------------------------------------------------- */
.o_ourstaff .container{
	border-top: var(--colorOffBlack) 2px solid;
}
.o_ourstaff img
{
	border-radius:1.25rem;
}
/* -------------------------------------------------------------------------- *
 * Organism - Small Print Code Section
 * -------------------------------------------------------------------------- */
.o_smallPrintCode {
	padding-bottom: 2rem;
}
/* -------------------------------------------------------------------------- *
 * Organism - Small Print Content Section
 * -------------------------------------------------------------------------- */
.o_smallPrintContent {
	padding-bottom: 2rem;
}
/* -------------------------------------------------------------------------- *
 * Organism - Site Bottom Bar
 * -------------------------------------------------------------------------- */
.o_siteBottomBar {
	width:100%;
	margin-top:-2.5rem;
}
	.o_siteBottomBar .container {
		background-color: var(--colorOffBlack-dark);
		border-radius:2.5rem 2.5rem 0 0;
	}
	.o_siteBottomBar h4
	{
		color:var(--colorPrimary);
		font-weight:400;
	}
	.o_siteBottomBar .svg_mohLogo_icon_blue {
		max-width: 4rem;
	}

	.o_siteBottomBar ._siteBottomNav {

	}

		.o_siteBottomBar ._siteBottomNav ul {
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			
			.o_siteBottomBar ._siteBottomNav ul li {
				display: inline-block;
				padding: 0 1rem 0 0;
				font-size:1rem;
				border-right:1px solid var(--colorWhite);
				margin-right:1rem;
			}
				.o_siteBottomBar ._siteBottomNav ul li:last-child
				{
					border:none;
				}

				.o_siteBottomBar ._siteBottomNav ul li a {
					color: var(--colorWhite);
					border-bottom-color: var(--colorWhite);
				}

	.o_siteBottomBar .siteBottomSmallPrint .-txtGrey-dark a {
		color: var(--colorGrey-dark);
		border-bottom-color: var(--colorGrey-dark);
	}

	.o_siteBottomBar .logo
	{
		padding: 1rem 1rem 0 8rem;
	}
	.o_siteBottomBar .signup
	{
		position:relative;
	}
	.o_siteBottomBar input {
		border-radius: 4.5rem;
		background: none;
		border: 2px solid var(--colorPrimary);
		color: var(--colorWhite);
	}
		.o_siteBottomBar input::placeholder {
			color: var(--colorWhite);
		}
		.o_siteBottomBar .submitButton {
			position: absolute;
			right: 1rem;
			top: 0.5rem;
			border: none;
			background: none;
		}
	/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
	@media only screen and (max-width: 1000px) {
		/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
		.o_siteBottomBar ._siteBottomNav ul li {
			width: 50%;
		}
	}

@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_siteBottomBar ._siteBottomNav ul li {
		width: 100%;
		text-align: center;
	}
}
/* -------------------------------------------------------------------------- *
 * Organism - Site Top Bar
 * -------------------------------------------------------------------------- */
.o_siteTopBar {
	min-width: 320px;
	
	transition: background-color 0.5s ease-in-out;
}

	.o_siteTopBar .container {
		height: 100%;
		background-color: var(--colorSecondary);
	}

		.o_siteTopBar .container .row {
			height: 100%;
		}

	.o_siteTopBar ._topBarLogo {
		display: block;
		position: relative;
		border-bottom: none;
		width: 10.4375rem;
	}
	.o_siteTopBar #cartCount {

		background-color: var(--colorOffBlack);
		color: var(--colorPrimary);
		border-radius: 50%;
		padding: 0.25rem 0.5rem;
		font-size: 0.75rem;
		font-size:1rem;
	}
	/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
	@media only screen and (max-width: 1400px) {
		/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */

	.o_siteTopBar.-tl-navOpen {
		background-color: var(--colorOffBlack);
	}		
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * View - Error Rate Limit
 * -------------------------------------------------------------------------- */