/*
Theme Name: Cassala 16
Author: Neiko srl
Author URI: https://www.neiko.it/
Description: Cassala 16 - 2025
Version: 1.0
License: GNU General Public License v2 or later
*/

/*  FONTS e COLORI */

:root {
	/* Primitive */
	--basic-100: rgba(250, 250, 250, 1);
	--basic-500: rgba(222, 221, 223, 1);
	--basic-900: rgba(33, 33, 33, 1);
	--accent-orange: rgba(229, 167, 9, 1);
	--accent-blue: rgba(38, 85, 115, 1);
	--accent-greyblue: rgba(45, 58, 69, 1);
	--size-5: 5px;
	--size-10: 10px;
	--size-15: 15px;
	--size-20: 20px;
	--size-30: 30px;
	--size-50: 50px;
	/* Components */
	--background-white: var(--basic-100);
	--background-grey: var(--basic-500);
	--background-blue: var(--text-blue);
	--background-greyblue: var(--accent-greyblue);
	--background-black: var(--basic-900);
	--text-white: var(--basic-100);
	--text-grey: var(--basic-500);
	--text-black: var(--basic-900);
	--text-orange: var(--accent-orange);
	--text-greyblue: var(--accent-greyblue);
	--text-blue: var(--accent-blue);
	--radius-small: var(--size-5);
	--radius-medium: var(--size-10);
	--button-primary: var(--accent-orange);
	--button-secondary: var(--basic-100);
	/* Fonts */
	--font-family: "Plus Jakarta Sans", sans-serif;
	--font-medium: 500;
	--font-regular: 400;
	
	--easing: cubic-bezier(0.19, 1, 0.22, 1);
}

/* LOADER */
html #transition::after {
	content: '';
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	border-top-color: white;
	border-radius: 50%;
	animation: loader-spin 1s infinite linear;
}

@keyframes loader-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* SCROLLBAR */

/* GENERAL */

html {
	scrollbar-gutter: stable;
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--background-white);
	color: var(--text-greyblue);
	font-family: var(--font-family);
	font-weight: var(--font-regular);
	font-size: 16px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}

.container-fluid {
	padding-left: var(--50);
	padding-right: var(--50);

	&.no-padding {
		padding-left: calc(.5 * var(--bs-gutter-x));
		padding-right: calc(.5 * var(--bs-gutter-x));
	}
}

.row {
	--bs-gutter-x: var(--30);
}

img,
a img {
	border: none !important;
	border-radius: var(--radius-medium);
}

::-moz-selection {
	background: none repeat scroll 0 0 #FFF;
	color: #000;
}

* {
	outline: 0;
}

b,
strong,
.bold {
	font-weight: var(--font-medium);
}

a {
	font-size: clamp(1.000rem, 0.938vw, 1.125rem);
	color: var(--text-greyblue);
	font-weight: var(--font-medium);
	text-decoration: none;
	position: relative;
	
	&::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -1px;
		width: 0%;
		height: 1px;
		background-color: var(--accent-orange);
		transition: .65s cubic-bezier(0.19, 1, 0.22, 1);
	}
	
	&:hover::after {
		width: 100%;
		left: 0;
		right: unset;
	}
	
}

/* TYPO */

.big {
	font-size: 1.1rem;
}

.small {
	font-size: 0.9rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: var(--font-family);
	font-weight: var(--font-medium);
	color: var(--text-greyblue);
	margin: 0;

	.blue-bg &,
	.greyblue-bg & {
		color: var(--text-white);
	}

	& em {
		font-style: normal;
		color: var(--text-orange);
	}
}

.title {
	font-size: clamp(3.125rem, 4.688vw, 5.625rem);
	/* line-height: clamp(3.125rem, 4.688vw, 5.625rem); */
}

h1,
.h1 {
	font-size: clamp(2.125rem, 3.125vw, 3.750rem);
	/* line-height: clamp(2.125rem, 3.125vw, 3.750rem); */
}

h2,
.h2 {
	font-size: clamp(1.625rem, 1.979vw, 2.375rem);
	/* line-height: clamp(1.625rem, 1.979vw, 2.375rem); */
}

h3,
.h3 {
	font-size: clamp(1.375rem, 1.354vw, 1.625rem);
	/* line-height: clamp(1.375rem, 1.354vw, 1.625rem); */
}

h4,
.h4 {
	font-size: clamp(1.000rem, 1.042vw, 1.250rem);
	/* line-height: clamp(1.125rem, 1.042vw, 1.250rem); */
}

.p,
p {
	font-size: 16px;
	line-height: normal;
	margin: 0;
	
	.blue-bg &,
	.greyblue-bg & {
		color: var(--text-white);
	}
}

/* COLORI E SFONDI */

.small-to-big {
	background-repeat: no-repeat;

	&.right {
		background-image: url('images/cassala-16-small-to-big-right.svg');

		&.top {
			background-position: right top;
			background-size: 30%;
			@media (max-width: 767.98px) {
				background-size: 0;
			}
		}

		&.bottom {
			background-position: right bottom;
			background-size: 30%;
			@media (max-width: 767.98px) {
				background-size: 0;
			}
		}
	}

	&.left {
		background-image: url('images/cassala-16-small-to-big-left.svg');

		&.top {
			background-position: left top;
			background-size: 30%;
			@media (max-width: 767.98px) {
				background-size: 0;
			}
		}

		&.bottom {
			background-position: left bottom;
			background-size: 30%;
			@media (max-width: 767.98px) {
				background-size: 0;
			}
		}
	}

}

.big-to-small {
	background-repeat: no-repeat;

	&.right {
		background-image: url('images/cassala-16-big-to-small-right.svg');

		&.top {
			background-position: right top;
			background-size: 30%;
			@media (max-width: 767.98px) {
				background-size: 0;
			}
		}

		&.bottom {
			background-position: right bottom;
			background-size: 30%;
			body.page-template-page-contatti & {
				background-position: 120% 100%;
			}
			@media (max-width: 767.98px) {
				background-size: 0;
			}
		}
	}
}

.absolute {
	position: absolute;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

.top {
	top: 0;
}

.bottom {
	bottom: 0;
}

.center {
	left: 50%;
	transform: translateX(-50%);
}

.middle {
	top: 50%;
	transform: translateY(-50%);
	&.center {
		transform: translate(-50%, -50%);
	}
}

.no-radius {
	border-radius: 0;
}

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

.greyblue-bg {
	background-color: var(--background-greyblue);
}

.grey-bg {
	background-color: var(--background-grey);
}

/* COMPONENTI */

.menu-button {
	& a {
		position: relative;
		display: inline-flex;
		padding: 10px 15px 10px 12px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: var(--radius-small);
		border: 1px solid var(--button-primary);
		background: transparent;
		overflow: hidden;
		color: var(--text-greyblue);
		text-decoration: none;
		font-size: clamp(1.000rem, 0.938vw, 1.125rem);
		font-weight: var(--font-medium);
		body:not(.home) & {
			color: var(--text-white);
			border: 1px solid var(--button-secondary);
		}
		body:not(.home) &:hover {
			color: var(--text-greyblue);
		}
		body.page-template-page-contatti & {
			color: var(--text-greyblue);
			border: 1px solid var(--button-primary);
		}
		&::before {
			font-family: "Cassala16";
			content: "\e00d";
			font-size: 24px;
			line-height: 18px;
		}
		&::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--button-primary);
			transform: translateY(100%);
			transition: .65s var(--easing);
			z-index: -1;
		}
		body:not(.home) &::after {
			background-color: var(--button-secondary);
		}
		body.page-template-page-contatti &::after {
			background-color: var(--button-prmiary);
		}
		&:hover::after, &:focus-visible::after {
			transform: translateY(0%);
		}
	}
}

.primary-button {
	position: relative;
	display: inline-flex;
	padding: 10px 15px 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: var(--radius-small);
	border: 1px solid var(--button-primary);
	background: transparent;
	overflow: hidden;
	color: var(--text-greyblue);
	text-decoration: none;
	font-size: clamp(1.000rem, 0.938vw, 1.125rem);
	font-weight: var(--font-medium);
	&.textless {
		padding: 10px 15px;
	}
	& i {
		font-size: 24px;
	}
	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--button-primary);
		transform: translateY(100%);
		transition: .65s var(--easing);
		z-index: -1;
	}
	&:hover::after, &:focus-visible::after {
		transform: translateY(0%);
	}
}

.secondary-button {
	position: relative;
	display: inline-flex;
	padding: 10px 15px 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: var(--radius-small);
	border: 1px solid var(--button-primary);
	background: transparent;
	overflow: hidden;
	color: var(--text-white);
	text-decoration: none;
	font-size: clamp(1.000rem, 0.938vw, 1.125rem);
	font-weight: var(--font-medium);
	transition: .3s;
	z-index: 0;
	transform-style: preserve-3d;
	& i {
		font-size: 24px;
		position: relative;
	}
	&:hover, &:focus-visible {
		color: var(--text-greyblue);
	}
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--button-primary);
		transform: translateY(100%);
		transition: .65s var(--easing);
		z-index: -1;
	}
	&:hover::before, &:focus-visible::before {
		transform: translateY(0%);
	}
}

.light-button {
	position: relative;
	display: inline-flex;
	padding: 10px 15px 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: var(--radius-small);
	border: 1px solid var(--button-secondary);
	background: transparent;
	overflow: hidden;
	color: var(--text-white);
	text-decoration: none;
	font-size: clamp(1.000rem, 0.938vw, 1.125rem);
	font-weight: var(--font-medium);
	transition: .3s;
	z-index: 0;
	transform-style: preserve-3d;
	& i {
		font-size: 24px;
		position: relative;
	}
	&:hover, &:focus-visible {
		color: var(--text-greyblue);
	}
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--button-secondary);
		transform: translateY(100%);
		transition: .65s var(--easing);
		z-index: -1;
	}
	&:hover::before, &:focus-visible::before {
		transform: translateY(0%);
	}
}

/* LOADER */

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: var(--accent-greyblue);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .65s var(--easing);
	&.remove {
		transform: translateY(-100%);
	}
}

.loader-inner {
	border: 8px solid var(--accent-blue);
	/* Colore di sfondo del loader */
	border-top: 8px solid var(--accent-orange);
	/* Colore del loader */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* HEADER */

#header {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	@media (max-width: 767.98px) {
		padding-top: var(--50);
		padding-bottom: var(--50)
	}
}

#header-logo {
	height: clamp(1.563rem, 1.771vw, 2.125rem);
	width: auto;
	body:not(.home) & {
		filter: brightness(0) invert(1);
	}
	body.page-template-page-contatti & {
		filter: none;
	}
}

#menu-principale {
	
	&[hidden] {
		display: flex !important;
	}
	
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--30);
	padding: clamp(1.875rem, 2.083vw, 2.500rem) 0;

	& .menu-item:not(.menu-button) a {
		font-size: clamp(1.000rem, 0.938vw, 1.125rem);
		color: var(--text-greyblue);
		font-weight: var(--font-medium);
		text-decoration: none;
		position: relative;
		
		body:not(.home) & {
			color: var(--text-white);
		}
		
		body.page-template-page-contatti & {
			color: var(--text-greyblue);
		}
		
	}

	& .menu-item:not(.menu-button) a::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -3px;
		width: 0%;
		height: 1px;
		background-color: var(--accent-orange);
		transition: .65s cubic-bezier(0.19, 1, 0.22, 1);
	}
	
	body:not(.home) & .menu-item:not(.menu-button) a::after {
		background-color: var(--background-white);
	}
	
	body.page-template-page-contatti & .menu-item:not(.menu-button) a::after {
		background-color: var(--accent-orange);
	}

	& .menu-item:not(.menu-button) a:hover::after {
		width: 100%;
		left: 0;
		right: unset;
	}
	
	& .menu-item:not(.menu-button).current-menu-item a::after {
		width: 100%;
	}
	
	@media (max-width: 767.98px) {
		position: fixed;
		top: 0;
		left: 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100dvh;
		background-color: var(--background-greyblue);
		transition: .65s var(--easing);
		transform: translateX(100%);
		
		& .menu-item a, & .menu-item:not(.menu-button) a {
			color: var(--text-white);
			body.page-template-page-contatti & {
				color: var(--text-white);
			}
		}
		
		&.show {
			transform: translateX(0);
		}
	}
}

.menu-item-object-custom {
	& a:not(.wpml-ls-link) {
		display: none !important;
	}

	& .wpml-ls-link {
		padding: 0;
	}
}

#menu-toggle {
	display: none;
	width: 38px;
	aspect-ratio: 1;
	border: 1px solid var(--accent-orange);
	background: transparent;
	border-radius: var(--radius-small);
	position: relative;
	transition: .5s var(--easing);
	overflow: hidden;
	
	body:not(.home) & {
		border: 1px solid var(--background-white);
	}
	
	body.page-template-page-contatti & {
		border: 1px solid var(--accent-orange)
	}
	
	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--button-primary);
		transform: translateY(100%);
		transition: .65s var(--easing);
		z-index: 0;
	}
	body:not(.home) &::after {
		background-color: var(--button-secondary);
	}
	body.page-template-page-contatti &::after {
		background-color: var(--button-primary);
	}
	&:hover::after, &:focus-visible::after {
		transform: translateY(0%);
	}
	
	& .line {
		display: inline-block;
		width: 20px;
		height: 1px;
		background-color: var(--text-greyblue);
		transition: .5s var(--easing);
		z-index: 1;
		&.one {
			position: absolute;
			top: 13px;
			left: 8px;
		}
		&.two {
			position: absolute;
			top: 18px;
			left: 8px;
		}
		
		&.three {
			position: absolute;
			top: 23px;
			left: 8px;
		}
	}
	
	&.show .line {
		background-color: var(--background-white);
		&.one {
			top: 18px;
			transform: rotate(45deg);
		}
		&.two {
			opacity: 0;
		}
		&.three {
			top: 18px;
			transform: rotate(-45deg);
		}
	}
	
	body:not(.home) & .line {
		background-color: var(--background-white);
	}
	
	body.page-template-page-contatti & .line {
		background-color: var(--text-greyblue);
	}
	
	@media (max-width: 767.98px) {
		display: flex;
	}
}

/* FOOTER */

#footer {
	
	& a {
		font-size: 1rem;
		color: var(--text-white);
		font-weight: var(--font-medium);
		text-decoration: none;
		position: relative;
	}
	
	& a::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -2px;
		width: 0%;
		height: 1px;
		background-color: var(--accent-orange);
		transition: .65s cubic-bezier(0.19, 1, 0.22, 1);
	}
	
	& a:hover::after, a:focus-visible::after {
		width: 100%;
		left: 0;
		right: unset;
	}
	
	@media (max-width: 991.98px) {
		img {
			transform: scale(.75);
			transform-origin: center left;
		}
	}
}

/* PAGINE */

#hero {
	width: 100%;
	height: 100dvh;
	padding: var(--header-height) var(--50) var(--50) var(--50);
	position: relative;

	& #video-container {
		width: 100%;
		height: 100%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);

		& video {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			border-radius: 5px 5px 0 0;
		}
	}

	& #title-container {
		position: absolute;
		bottom: var(--50);
		left: var(--50);
	}
	
	@media (max-width: 767.98px) {
		height: auto;
		& #video-container {
			aspect-ratio: 1;
		}
		& #title-container {
			position: relative;
			bottom: unset;
			left: unset;
		}
	}
}

#project-carousel {
	transform: translateX(var(--translate-project-carousel));
}

#infos {
	display: flex;
	gap: var(--50);
	flex-direction: row;
	@media (max-width: 767.98px) {
		flex-direction: column;
	}
}

.dato {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--20);
	color: var(--text-white);
	& i {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: var(--radius-medium);
		background-color: var(--accent-orange);
		color: var(--text-white);
		font-size: 24px;
	}
	& dl {
		margin-bottom: 0;
		& dd {
			margin-bottom: 0;
		}
	}
	&.progetto {
		background: rgba(250, 250, 250, 0.20);
		flex-direction: column;
		align-items: flex-start;
		gap: var(--50);
		padding: var(--30);
		margin-bottom: var(--bs-gutter-x);
		border-radius: var(--radius-small);
		& i {
			display: flex;
			justify-content: center;
			align-items: center;
			width: var(--70);
			height: var(--70);
			border-radius: var(--radius-medium);
			background-color: var(--accent-orange);
			color: var(--text-white);
			font-size: clamp(1.500rem, 2.083vw, 2.500rem);
		}
		& img {
			width: var(--70);
			height: var(--70);
		}
		& dl {
			& dt {
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-bottom: var(--10);
				gap: var(--10);
			}
		}
	}
	&.esterni {
		background: rgba(250, 250, 250, 0.10);
		padding: var(--30);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--50);
		margin-bottom: var(--bs-gutter-x);
		border-radius: var(--radius-small);
		& i {
			font-size: var(--120);
			color: var(--accent-orange);
			width: unset;
			height: unset;
			background-color: transparent;
		}
	}
}

#location {
	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
		z-index: 0;
	}
}

#text-area {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: var(--50);
	left: var(--50);
	gap: var(--30);
	color: var(--text-white);
	z-index: 1;
	@media (max-width: 991.98px) {
		position: relative;
		padding-top: var(--50);
		padding-bottom: var(--50);
		width: calc(100% - var(--50));
		bottom: unset;
	}
}

#land {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	& #hero-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0;
	}
	& h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: var(--text-white);
		z-index: 1;
		white-space: nowrap;
	}
	&::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .3);
		z-index: 0;
	}
	
	@media (max-width: 991.98px) {
		& h1 {
			white-space: normal;
			text-align: center;
		}
	}
}

.second-image {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.icon {
	width: 50px;
	height: 50px;
	border-radius: var(--radius-medium);
	display: flex !important;
	justify-content: center;
	align-items: center;
	color: var(--text-white);
	font-size: 24px;
	background-color: var(--accent-orange);
}

.text-icon-container {
	display: flex;
	flex-direction: row;
	gap: var(--50);
	font-family: 'Plus Jakarta Sans', sans-serif;
	& i {
		aspect-ratio: 1;
	}
}

.page-template-page-spazi .table {
	table-layout: fixed;
	background-color: transparent;
	border-color: #FFF;
	min-width: 50%;
	width: auto;
	& tr {
		border: 1px solid var(--text-white);
	}
	& th, & td {
		background-color: transparent;
		padding: var(--10) var(--20);
		border: 1px solid var(--text-white);
	}
	&.mobile {
		display: none;
	}
	@media (max-width: 575.98px) {
		display: none;
		&.mobile {
			display: block;
		}
	}
}

#change-plan {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: var(--30);
	@media (max-width: 991.98px) {
		justify-content: flex-start;
	}
}

.company-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--10);
	& .company {
		display: flex;
		flex-direction: row;
		gap: var(--15);
		align-items: center;
		& .number {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			background-color: var(--accent-blue);
			color: var(--text-white);
			width: 38px;
			aspect-ratio: 1;
			border-radius: 50%;
		}
	}
}

.service-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--10);
	& .service {
		display: flex;
		flex-direction: row;
		gap: var(--15);
		align-items: center;
		& [class^=icon-] {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: 38px;
			aspect-ratio: 1;
			border-radius: var(--radius-medium);
			background-color: transparent;
			color: var(--accent-blue);
			border: 1px solid var(--background-grey);
			font-size: 24px;
		}
	}
}

.plan-data--parking {
	display: flex;
	align-items: flex-center;
	gap: 30px;
}

.plan-data--parking .plan-tables {
	flex: 1;
	min-width: 0;
}

.plan-parking {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 10px;
	white-space: nowrap;
}

.plan-parking svg {
	display: block;
	flex: 0 0 27px;
	width: 27px;
	height: 27px;
}

@media (max-width: 767px) {
	.plan-data--parking {
		display: block;
	}
	.plan-parking {
		margin-top: 15px;
		margin-bottom: 15px;
		white-space: normal;
	}
}

#contatti {
	width: 100%;
	height: 100vh;
	& .row {
		height: 100%;
		align-items: center;
	}
	@media (max-width: 767.98px) {
		& .row {
			padding: var(--150) 0;
		}
		img {
			transform: scale(.65);
		}
	}
}

/* WPML */
/*
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.otgs-development-site-front-end {
	display: none;
}*/