/*

INVISIO -n
Invision, in this instance meaning the way we see the website in general.

*/


/* #region MENU */
	.navbar-default {
		box-shadow: 0px 0.4px 2.2px -15px rgba(0, 0, 0, 0.02), 0px 1px 5.3px -15px rgba(0, 0, 0, 0.028), 0px 1.9px 10px -15px rgba(0, 0, 0, 0.035), 0px 3.4px 17.9px -15px rgba(0, 0, 0, 0.042), 0px 6.3px 33.4px -15px rgba(0, 0, 0, 0.05), 0px 15px 80px -15px rgba(0, 0, 0, 0.07);
		background: rgba(171, 31, 35, 0.7);
    	backdrop-filter: blur( 8px );
    	-webkit-backdrop-filter: blur( 8px );
    	border-bottom: none;
    	min-height: unset;
    	margin: 0px;
    	transition: var(--trb);
    	border-radius: 0px;
	}

	.navbar-header {
		width: 100%;
	}

	.navbar-default .container-fluid {
		padding: 0px 35px;
	}

	.navbar-header .region-navigation {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		gap: 25px;

	}

	#block-cirqular-logonavigation {
		width: 50vw;
	}

	.region-navigation > section,
	.region-navigation > nav {
		display: grid;
	}

	.navbar-collapse {
		float: right;
	}

	.navbar-default .navbar-nav > li > a {
		color: var(--cmw-100);
		padding: 31px 15px 32px;
		transition: var(--trb);
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: var(--cpr-100);
		color: var(--cmw-100);
	}

	#block-navigation a,
	#block-accountmenu a {
		display: inline-block;
		vertical-align: middle;
		background-color: var(--cpr-010);
		padding: 16px 25px 17px;
		font-size: 0.8rem;
		color: var(--cpr-100);
	}

	#block-navigation a {
		border-right: 3px solid var(--cmw-100);
	}

	#block-accountmenu a {
		border-left: 3px solid var(--cmw-100);
	}

	#block-navigation a svg,
	#block-accountmenu a svg {
		margin-right: 6px;
	}

	h1.page-header {
		border: none;
		font-weight: 700;
		font-size: 1.5rem;
		color: var(--cpr-160);
		margin: 0px 25px;
		padding: 12px 0px;
	}

	.logo img {
		width: 110px;
		transition: var(--trb);
		padding: 5px 0px;
	}

	.logo a {
		display: block;
		height: 82px;
		transition: var(--trb);
	}

	.navbar-nav > li > .dropdown-menu {
		margin-top: 10px;
		border-radius: 20px;
		background-color: var(--cpr-010);
		border: none;
		overflow: hidden;
		padding: 0px;
	}

	.dropdown-menu > li > a {
		color: var(--cpr-100);
		padding: 10px 15px;
		transition: var(--trb);
	}

	.dropdown-menu > li > a:is(:hover, :focus, :active),
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: var(--cpr-100);
		color: var(--cmw-100);
	}

	.region-navigation-collapsible {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-end;
	}
/* #endregion */


/* #region SCROLLED MENU */

	.scrolled .logo img {
		width: 65px;
	}

	.scrolled .navbar-default {
		border-radius: 0px;
	}

	.scrolled .navbar-default .navbar-nav > li > a {
		padding: 16px 15px;
		font-size: 0.9rem;
	}

	.scrolled .logo a {
		height: 52px;
	}

	.scrolled .hamburger a {
		padding: 15px;
	}

	.scrolled .hamburger-inner, .scrolled .hamburger-inner::before, .scrolled .hamburger-inner::after {
		width: 30px;
		height: 3px;
	}

	.scrolled .hamburger-inner::before {
		top: -7px;
	}

	.scrolled .hamburger-inner::after {
		bottom: -7px;
	}

	.scrolled .hamburger-text {
		margin-left: 40px;
	}
/* #endregion */


/* #region MOBILE MENU */
	.hamburger a {
	    display: inline-block;
	    font-size: 0.9rem;
	    transition: var(--trb);
	    padding: 30px 25px 31px;
		color: var(--cmw-100);
	}

	.hamburger a:hover,
	.hamburger a:active,
	.hamburger.is-active a {
		background-color: var(--cpr-100);
		color: var(--cmw-100);
	}

	.hamburger a:hover .hamburger-inner, .hamburger a:hover .hamburger-inner::before, .hamburger a:hover .hamburger-inner::after,
	.hamburger a:active .hamburger-inner, .hamburger a:active .hamburger-inner::before, .hamburger a:active .hamburger-inner::after,
	.hamburger.is-active a .hamburger-inner, .hamburger.is-active a .hamburger-inner::before, .hamburger.is-active a .hamburger-inner::after {
		background-color: var(--cmw-100);
	}

	.hamburger a:hover .hamburger-text,
	.hamburger a:active .hamburger-text,
	.hamburger.is-active a .hamburger-text {
		color: var(--cmw-100);
	}

	.hamburger {
		padding: 0px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		color: var(--cmw-100);
	}

	.hamburger-box {
	 	position: relative;
	    display: flex;
	    flex-flow: row nowrap;
	    align-items: center;
	}

	.hamburger-inner {
		display: block;
	}

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: var(--cmw-100);
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	  
	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
	}

	.hamburger-inner::before {
		top: -10px;
	}

	.hamburger-inner::after {
		bottom: -10px;
	}

	.hamburger--squeeze .hamburger-inner {
		transition-duration: 0.075s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.hamburger--squeeze .hamburger-inner::before {
		transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	}

	.hamburger--squeeze .hamburger-inner::after {
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.hamburger--squeeze.is-active .hamburger-inner {
		transform: rotate(45deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	}

	.hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	 
	.hamburger-text {
		margin-left: 50px;
	}

	body:before {
		content: "";
		display: block;
		width: 0vw;
		height: 100vh;
		background-color: var(--cpr-160);
		opacity: 0;
		z-index: 999;
		position: fixed;
		left: 0px;
		top: 0px;
		transition: 0.1s;
	}

	body.sidr-open:before {
		width: 100vw;
		opacity: 0.8;
	}

	.sidr-open .sidr {
		box-shadow: var(--cpr-020);
	}

	.navbar-toggle {
		display: none;
	}

	.sidr {
	 	position: fixed;
	 	top: 0px;
	 	height: 100vh;
	 	z-index: 999999;
	 	width: 400px;
	 	overflow-x: hidden;
	 	overflow-y: auto;
	 	background-color: var(--cpr-020);
	}

	.sidr.left {
		left: -400px;
		right: auto;
	}

	.sidr-class-scroll {
		display: none;
		font-size: 0.8rem;
		text-align: center;
		background-color: var(--cpr-100);
		color: var(--cmw-100);
		padding: 10px;
		margin-bottom: 15px;
		margin-top: -10px;
	}

	.sidr-class-scroll svg {
		width: 25px;
		margin-top: 5px;
	}

	.sidr-class-field--label {
	 	display: none;
	}

	#bblock-mmenu {
		margin-left: 25px;
	}

	#block-mmenu {
		display: none;
	}

	.sidr-class-mobile-logo svg path,
	.sidr-class-mobile-logo svg rect {
		fill: var(--cmw-100);
	}

	.sidr-class-mmfoot {
		position: fixed;
		bottom: 0px;
		background-color: var(--cpr-040);
		padding: 15px;
		text-align: center;
		font-size: 0.7rem;
		width: 400px;
	}

	.sidr-class-nav,
	.sidr-class-nav ul {
		list-style-type: none;
		padding-left: 0px;
	}

	.sidr-class-nav > li > a {
		padding: 15px;
		display: inline-block;
		transition: var(--trb);
		width: 100%;
		font-weight: 700;
	}

	.sidr-class-nav ul > li > a {
		padding: 10px 20px;
		display: inline-block;
		font-size: 0.9rem;
		transition: var(--trb);
		width: 100%;
	}

	.sidr-class-nav > li > a:hover, .sidr-class-nav > li > a:focus, .sidr-class-nav > li > a:active,
	.sidr-class-nav ul > li > a:hover, .sidr-class-nav ul > li > a:focus, .sidr-class-nav ul > li > a:active,
	.sidr-class-nav > li > a:has(ul > li > a:hover) {
		background-color: var(--cpr-100);
		color: var(--cmw-100);
	}

	h2.sidr-class-sr-only {
		display: none;
	}

	.sidr-class-close {
		background-color: var(--cmw-100);
		padding: 5px 13px;
		border-radius: 50px;
		border: none;
	}

	.sidr-class-mobile-logo {
		margin-bottom: 30px;
		background-color: var(--cpr-180);
		padding: 10px 10px 10px 10px;
		height: 80px;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	.sidr-class-mobile-logo svg {
		width: 90px;
	}

	#sidr-id-block-mainnavigation {
		margin-bottom: 100px;
	}
/* #endregion */


/* #region PAGE ERRORS */
	.pewrapper {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		width: 100vw;
		position: relative;
		z-index: 999999;
		margin-left: -25px;
	}

	.peheader {
		display: block;
		width: 100vw;
		height: 100vh;
		background-color: var(--cpr-180);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 0;
	}

	.pecontent {
		background-color: var(--cmw-100);
		border-radius: 25px;
		width: 50%;
		text-align: center;
		box-shadow: var(--bsl);
		overflow: hidden;
		position: relative;
		z-index: 9;
	}

	.pecontent h1 {
		font-size: 3rem;
		font-weight: 900;
		color: var(--cpr-100);
		text-transform: uppercase;
		margin: 0px;
		line-height: 1;
		margin-bottom: 15px;
	}

	.cnt-altm {
		background-color: var(--cpr-010);
		padding: 20px 40px;
		font-size: 0.8rem;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
	}

	.cnt-info {
		padding: 40px 40px 20px 40px;
	}

	.cnt-info h3 {
		margin: 0px 0px 15px;
	}

	.readyp {
		font-size: 0.8rem;
	}

	.pelogo svg {
		width: 100px;
	}

	.cnt-altm h4,
	.cnt-altm p {
		margin: 0px;
		text-align: right;
	}

	.cnt-info > img {
		height: 200px;
	}

	.cnt-btn a {
		display: inline-block;
		border-radius:50px;
		border: 2px solid var(--cpr-100);
		padding: 15px 20px;
		margin: 20px 10px;
		transition: var(--trb);
	}

	.cnt-btn a:hover, .cnt-btn a:focus, .cnt-btn a:active {
		background-color: var(--cpr-140);
		color: var(--cmw-100);
		border-color: var(--cpr-140);
	}

	@media(max-width: 1024px) {
		.pecontent {
			width: 70%;
		}
	}

	@media(max-width: 800px) {
		.pecontent {
			width: 95%;
		}

		.pecontent h1 {
			font-size: 3rem;
		}
	}

	@media(max-width: 580px) {
		.cnt-altm {
			justify-content: center;
		}

		.pelogo {
			margin-bottom: 25px;
		}

		.cnt-altm h4, .cnt-altm p {
			text-align: center;
		}
	}

	@media(max-width: 425px) {
		.pecontent h1 {
			font-size: 2.5rem;
		}
	}

	@media(max-width: 320px) {
		.pecontent h1 {
			font-size: 2rem;
		}
	}
/* #endregion */


/* #region HEADER STYLING */

	h2.block-title {
		display: none;
	}

	.custom.header > h2 {
		display: none;
	}


	.hcnt {
		position: absolute;
		background: rgba( 255, 255, 255, 0.25 );
		box-shadow: var(--bsl);
		backdrop-filter: blur( 4px );
		-webkit-backdrop-filter: blur( 4px );
		border-radius: 45px;
		border: 1px solid rgba( 255, 255, 255, 0.18 );
		padding: 50px 65px;
		text-align: center;
		max-width: 80%;
		margin-top: 50px;
	}

	.hcnt:has(.hpban) {
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		border: none;
		max-width: 100%;
	}

	.hcnt:has(.hpban) .field--name-field-title {
		display: none;
	}

	.hpban img {
		width: 70vw;
	}

	.hpban {
		position: relative;
	}

	.hpb-actions {
	    position: absolute;
	    z-index: 5;
	    top: 38.9vh;
	    left: 34.9vw;
	    background: red;
	    height: 19.7vh;
	    width: 16vw;
	    border-radius: 60px;
	    overflow: hidden;
	    display: flex;
	    flex-flow: column;
	    align-items: center;
	    justify-content: center;
	    padding: 20px;
	    font-size: 1rem;
	}

	.hpba-lnk a {
		display: flex;
    	flex-flow: row nowrap;
    	align-items: center;
    	justify-content: center;
    	margin-top: 20px;
	}

	.hpba-licn {
		width: 50px;
		height: 50px;
		margin-left: 25px;
	}

	.hpba-licn .link-circle {
		fill: var(--cpr-180);
		transition: var(--trb);
	}

	.hpba-licn .link-arrow {
		fill: var(--cmw-100);
		transition: var(--trb);
	}

	.path-frontpage .hcnt .field--name-field-title {
		color: var(--cmw-100);
	}

	.hcnt .field--name-field-title {
		font-size: 4rem;
		line-height: 1;
		color: var(--cpr-100);
		font-weight: 900;
		margin-bottom: 10px;
	}

	.path-frontpage .hcnt .field--name-field-hcnt {
		color: var(--cmw-100);
	}

	.hcnt .field--name-field-hcnt {
		font-size: 1.3rem;
		letter-spacing: 1px;
	}

	.scroll {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 50vh;
	}

	.scroll img {
		width: 30px;
		height: auto;
	}

	.hh_65 .head-image img {
		height: 65vh;
	}

	.head-image img {
		width: 100vw;
		object-fit: cover;
		object-position: center;
		background-size: cover;
		background-position: center;
	}

/* #endregion */


/* #region ACCORDION STYLING */
	 .ckeditor-accordion-container dl {
	    border: none;
	 }

	 .ckeditor-accordion-container dl dt a .ckeditor-accordion-toggle:before,
	 .ckeditor-accordion-container dl dt a .ckeditor-accordion-toggle:after {
	    background-color: var(--cpr-100);
	 }

	 .ckeditor-accordion-container dl dt.active a .ckeditor-accordion-toggle:after,
	 .ckeditor-accordion-container dl dt.active a .ckeditor-accordion-toggle:before {
	    background-color: var(--cmw-100);
	 }

	 .ckeditor-accordion-container dl dt a:hover .ckeditor-accordion-toggle:before,
	 .ckeditor-accordion-container dl dt a:hover .ckeditor-accordion-toggle:after {
	    background-color: var(--cmw-100);
	 }

	 .ckeditor-accordion-container dl dt a,
	 .ckeditor-accordion-container > dl dt > a,
	 .ckeditor-accordion-container > dl dt > a:not(.button) {
	    padding: 25px 50px;
	    background-color: var(--cpr-010);
	    color: var(--cpr-190);
	    border: none;
	    transition-duration: 0.4s;
	    border-radius: 30px;
	    margin-bottom: 20px;
	    transition: var(--trb);
	 }

	 .ckeditor-accordion-container > dl dt > a:hover,
	 .ckeditor-accordion-container > dl dt > a:not(.button):hover {
	    background-color: var(--cpr-100);
	    color: var(--cmw-100);
	    border: none;
	    text-decoration: none;
	    transition-duration: 0.4s;
	 }

	 .ckeditor-accordion-container dl dt > a:focus,
	 .ckeditor-accordion-container > dl dt > a:not(.button):focus {
	    text-decoration: none;
	 }

	 .ckeditor-accordion-container dl dd {
	    padding: 35px;
	    border: none;
	    background-color: var(--cpr-010);
	    margin-bottom: 20px;
	    border-radius: 0px 0px 30px 30px;
	 }

	 .ckeditor-accordion-container dl dt.active > a {
	    background-color: var(--cpr-100);
	    color: var(--cmw-100);
	    border-bottom: none;
	    text-decoration: none;
	    margin-bottom: 0px;
	    border-radius: 30px 30px 0px 0px;
	    transition: var(--trb);
	 }
/* #endregion */


/* #region CUSTOM PAGE STYLING */


	.legal-wrap {
		display: flex;
		flex-flow: row wrap;
		gap: 100px;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.lw-left {
		width: 25%;
	}

	.lw-right {
		width: 65%;
	}

	.field--name-field-st {
		font-size: 2rem;
		font-weight: 900;
		line-height: 1.1;
	}

	.field--name-field-tldr {
		font-size: 0.8rem;
		color: var(--cpr-080);
		margin-top: 10px;
		text-align: justify;
	}

	.field--name-field-tldr .field--label {
		color: var(--ctx-100);
	}

	.lw-right .field--name-field-body {
		text-align: justify;
	}

	.field--name-field-pc {
		display: none;
	}

	.idflex {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		gap: 20px;
		margin: 20px 20px 0px;
	}

	.idflex svg {
		width: 100px;
	}

	.field--name-field-ib {
		display: flex;
		flex-flow: column;
		margin-bottom: 60px;
	}

	.field--name-field-ib .paragraph--type--tib {
		display: flex;
		flex-flow: column;
		position: relative;
	}

	.field--name-field-ib > .field--item:nth-of-type(odd) {
		align-self: flex-start;
		width: 70%;
		margin-bottom: -130px;
	}

	.field--name-field-ib > .field--item:nth-of-type(even) {
		align-self: flex-end;
		width: 70%;
		margin-bottom: -130px;
	}

	.field--name-field-ib .field--item:nth-of-type(odd) .paragraph--type--tib {
		align-items: flex-start;
	}

	.field--name-field-ib .field--item:nth-of-type(even) .paragraph--type--tib {
		align-items: flex-end;
	}

	.paragraph--type--tib .blazy--field {
		width: 400px;
		height: 400px;
		border-radius: 30px;
		box-shadow: var(--bsl);
		overflow: hidden;
	}

	.paragraph--type--tib .blazy--field img {
		width: 400px;
		height: 400px;
		object-position: center;
		background-position: center;
		object-fit: cover;
		background-size: cover;
	}

	.field[data-blazy] {
		min-width: unset;
	}

	.paragraph--type--tib .field--name-field-body {
		padding: 50px;
		border-radius: 30px;
		background-color: var(--cmw-100);
		width: 80%;
		position: relative;
		box-shadow: var(--bsl);
	}

	.hp-hello {
		box-shadow: var(--bsl);
		border-radius: 30px;
		padding: 40px 60px 60px;
	}

	.field--name-field-ib .field--item:nth-of-type(odd) .paragraph--type--tib .field--name-field-body {
		top: -170px;
		left: 200px;
	}

	.field--name-field-ib .field--item:nth-of-type(even) .paragraph--type--tib .field--name-field-body {
		top: -170px;
		right: 200px;
	}

	.paragraph--type--tib .field--name-field-svg {
		background-color: var(--cmw-100);
		width: 150px;
		height: 150px;
		padding: 15px;
		border-radius: 50%;
		box-shadow: var(--bsl);
		position: absolute;
		top: 170px;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}

	.paragraph--type--tib .field--name-field-svg svg {
		width: 90px;
		height: 90px;
	}

	.field--name-field-ib .field--item:nth-of-type(odd) .paragraph--type--tib .field--name-field-svg {
		right: -80px;
	}

	.field--name-field-ib .field--item:nth-of-type(even) .paragraph--type--tib .field--name-field-svg {
		left: -80px;
	}

	.paragraph--type--tbc {
		position: relative;
	}

	.paragraph--type--tbc .field--name-field-bg {
		position: absolute;
		width: auto;
		height: calc(-webkit-fill-available + 100px);
		top: -20px;
	}

	.paragraph--type--tbc .field--name-field-bg img {
		width: auto;
		height: 100%;
		object-fit: cover;
		object-position: center;
		background-size: cover;
		background-position: center;
	}

	.paragraph--type--tbc .field--name-field-bg:after {
		position: absolute;
		display: block;
		content: "";
		background-color: var(--cpr-180);
		opacity: 0.5;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 105%;
	}

	.paragraph--type--tbc .field--name-field-c1c,
	.paragraph--type--tbc .field--name-field-c2c {
		position: relative;
		z-index: 3;
		color: var(--cmw-100);
		width: 48%;
	}

	.bgflex {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
		width: 80%;
		margin: 50px auto;
		gap: 50px;
	}
/* #endregion */


/* #region PAGE */
	.page .field--name-body {
		padding: 25px 25px 0px;
	}

	.main-container {
		min-height: 65vh;
	}
/* #endregion */


/* #region WEBFORM */
	.webform-submission-form,
	.webform-submission-data {
		margin: 40px 40px 0px;
	}

	.webform-submission-form .panel-default ,
	.webform-submission-data .panel-default {
		margin-bottom: 25px;
		background-color: var(--cmw-100);
		border: none;
		border-radius: 20px;
		box-shadow: var(--bsl);
 	}

 	.webform-submission-form .panel-body,
 	.webform-submission-data .panel-body {
 		padding: 25px;
 	}

	.webform-submission-form .panel-default > .panel-heading,
	.webform-submission-data .panel-default > .panel-heading {
  		background-color: var(--ctx-060);
  		padding: 15px 25px;
  		border-radius: 20px 20px 0px 0px;
  		border: none;
 	}

	.webform-submission-form .panel-title,
	.webform-submission-data .panel-title {
  		padding: 0px;
  		font-size: 1.3rem;
  		font-weight: 700;
  		color: var(--cmw-100);
  		margin: 0px;
 	}

 	.webform-submission-form label,
 	.webform-submission-data label {
 		display: block;
 		margin-bottom: 5px !important;
 		color: var(--cpr-190);
 		font-weight: 600;
 	}

 	.webform-flexbox {
 		margin: 0px;
 	}

 	.iti--allow-dropdown {
 		width: 100%;
 	}

 	.webform-options-display-buttons label.webform-options-display-buttons-label {
 		border: none;
 		border-radius: 35px;
 		background-color: var(--cpr-040);
 		padding: 15px 30px;
 		font-size: 0.8rem;
 		color: var(--cpr-190);
 		transition: var(--trb);
 		font-weight: 400;
  	}

  	#edit-stamps label.webform-options-display-buttons-label {
  		width: 85px;
  		font-size: 1.2rem;
  	}

  	.webform-options-display-buttons label.webform-options-display-buttons-label:hover,
  	.webform-options-display-buttons label.webform-options-display-buttons-label:focus,
  	.webform-options-display-buttons label.webform-options-display-buttons-label:active {
  		background-color: var(--cpr-100);
  		color: var(--cmw-100);
  	}

	.webform-options-display-buttons label.webform-options-display-buttons-label:hover .description,
	.webform-options-display-buttons label.webform-options-display-buttons-label:focus .description,
	.webform-options-display-buttons label.webform-options-display-buttons-label:active .description {
		color: var(--cmw-100);
	}

	.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
		background-color: var(--cpr-100);
		color: var(--cmw-100) !important;
	}

	.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
		color: var(--cmw-100) !important;
	}

	.webform-options-display-buttons-description {
		color: var(--ctx-100);
	}

	.webform-options-display-buttons input:hover .webform-options-display-buttons-description,
	.webform-options-display-buttons input:focus .webform-options-display-buttons-description,
	.webform-options-display-buttons input:active .webform-options-display-buttons-description {
		color: var(--cmw-100);
	}

	.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label .webform-options-display-buttons-description {
		color: var(--cmw-100);
	}

	.checkboxes--wrapper .fieldset-wrapper,
	.radios--wrapper .fieldset-wrapper {
		margin: 5px 0px 15px;
	}

	.form-control {
		display: block;
		width: 100%;
		height: 45px;
		padding: 6px 12px;
		font-size: 16px;
		line-height: 1.5;
		color: var(--cpr-190);
		background-color: var(--cmw-100);
		background-image: none;
		border: 2px solid var(--cpr-100);
		border-radius: 15px;
    	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	}

	.form-control:focus {
		border-color: var(--cpr-130);
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(68 63 56 / 60%);
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(68 63 56 / 60%);
	}

	.webform-address__row-1 {
		margin-top: 0px;
	}

	.input-group-addon {
		text-align: left;
		background-color: var(--cpr-060);
		border: 2px solid var(--cpr-100);
		padding: 10px 20px;
		margin-top: -27px;
		color: var(--cmw-100) !important;
		border-radius: 15px;
	}

	.form-control:focus .input-group-addon {
		border-color: var(--cpr-120);
	}

	html.js .form-item .input-group-addon .glyphicon {
		color: var(--cmw-100);
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		display: none;
	}

	.select2-container .select2-selection--single {
		height: 45px;
		border-radius: 15px;
		border: 2px solid var(--cpr-100);
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		padding: 8px 10px;
		line-height: 1.5;
		color: var(--cpr-190);
	}

	.select-wrapper:after {
		color: var(--cpr-100);
		padding-right: 10px;
		margin-top: -7px;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background-color: var(--cpr-100);
	}

	.webform-submission-navigation,
	.webform-submission-information {
		display: none;
	}

	.wsf-flex,
	.wsd-flex {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		justify-content: center;
	}

	.wsfbitm {
		flex: 1;
		margin: 20px;
	}

	.webform-multiple-table--operations .btn {
		padding: 5px 10px;
		margin: 2px;
	}

	.webform-submission-confirm-form {
		margin: 40px;
		background-color: var(--cpr-010);
		border-radius: 20px;
		padding: 30px;
	}

	.form-item-annual-leave,
	.form-item-sick-leave {
		flex: 1;
		margin: 20px;
	}

	.webform-multiple-add {
		display: none;
	}

	.form-type-number.form-inline .input-group,
	.form-type-date.form-inline .form-control {
		width: 100%;
	}

	.form-type-number.form-inline .input-group .input-group-addon  {
		width: 50px;
	}

	td.form-inline .form-type-date,
	td.form-inline .form-type-number {
		width: 100%;
	}

	.webform-submission-enquire-form {
		margin: 0px;
	}

	.webform-submission-enquire-form .webform-flexbox {
		margin: 35px 0px;
	}
/* #endregion */


/* #region WEBSITE STYLING PAGE */
	.color-blocks {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}

	.cb-item {
		border: 2px solid var(--cmw-100);
		border-radius: 30px;
		box-shadow: var(--bsl);
		overflow: hidden;
		margin: 20px;
		background-color: var(--cmw-100);
	}

	.cbi-visual {
		width: 220px;
		height: 150px;
	}

	.cbi-name {
		padding: 20px 20px 20px 20px;
	}
/* #endregion */


/* #region INLINE IMAGES */
	img.align-left {
		margin-right: 30px;
	}
/* #endregion */


/* #region CONTACT PAGE */
	.neublock {
		padding: 30px;
		border-radius: 35px;
		background-color: var(--cmw-100);
		box-shadow: var(--bsl);
	  }
	
	  .webform-submission-contact-form-add-form {
		padding: 30px;
		border-radius: 35px;
		background-color: var(--cmw-100);
		margin: 0px 0px 0px 40px;
		box-shadow: var(--bsl);
		width: 100%;
	  }
	
	  .nbitm {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-start;
		background-color: var(--cpr-010);
		padding: 15px;
		border-radius: 35px;
		margin: 25px 0px;
	  }
	
	  .nbiicn {
		font-size: 3rem;
		text-align: center;
		color: var(--cpr-100);
		margin-right: 25px;
	  }
	
	  .nbiht {
		font-size: 1.3rem;
		font-weight: 700;
	  }
	
	  .mapif {
		  border-radius: 20px;
		  overflow: hidden;
		  box-shadow: var(--bsl);
	  }
	
	  .ineu {
		  margin-bottom: -6px;
	  }
/* #endregion */


/* #region PRODUCT PAGE */
	  .product.full {
		width: 80%;
		margin: 180px auto 40px auto;
	  }

	  .prod-flex {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 60px;
	  }

	  .pf-left, .pf-right {
		width: 48%;
		padding: 35px;
		border-radius: 35px;
		box-shadow: var(--bsl);
	  }

	  .field--name-field-pi {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
		gap: 10px;
	  }

	  .field--name-field-pi > .field--item:nth-of-type(1) {
		width: 100%;
	  }

	  .field--name-field-pi > .field--item:nth-of-type(1) img {
		width: 100%;
		height: auto;
		object-position: center;
		object-fit: cover;
		background-size: cover;
		background-position: center;
	  }

	  .field--name-field-pi > .field--item img {
		width: 92px;
		height: 92px;
		object-position: center;
		object-fit: cover;
		background-size: cover;
		background-position: center;
		border: 2px solid var(--cpr-010);
		border-radius: 15px;
	  }

	  .pspecs {
		margin-top: 40px;
	  }

	  .field--name-field-ptitle {
		font-size: 4rem;
		margin-bottom: 5px;
		font-weight: 900;
		color: var(--cpr-080);
	  }

	  .tflex {
		display: flex;
		flex-flow: row nowrap;
		align-items: start;
		justify-content: start;
		gap: 15px;
		margin-bottom: 60px;
	  }

	  .tflex > div {
		border-radius: 10px;
		padding: 5px 20px;
	  }

	  .field--name-field-cat,
	  .field--name-field-price {
		background-color: var(--cpr-010);
		color: var(--cpr-060);
	  }

	  .field--name-field-price {
		display: flex;
		flex-flow: row nowrap;
	  }
	  
	  .field--name-field-sold {
		display: none;
		background-color: #f5c1c1;
		color: #9d4646;
	  }

	  .fcp {
		display: flex;
		flex-flow: row nowrap;
		background-color: var(--cpr-010);
		color: var(--cpr-060);
		border-radius: 10px;
		padding: 5px 20px;
	  }

	  .fcp .field--name-field-currency {
		display: flex;
		flex-flow: row nowrap;
	  }

	  .fcp .field--name-field-currency .field--item {
		padding-right: 0px;
	  }

	  .field--name-field-stags {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: start;
		gap: 10px;
	  }

	  .field--name-field-stags .field--item {
		background-color: var(--cpr-010);
		border-radius: 30px;
		padding: 5px 15px;
		font-size: 0.8rem;
	  }
/* #endregion */


/* #region PRODUCTS VIEW */
	  .path-products .view-products {
		width: 80%;
		margin: 180px auto 40px auto;
	  }

	  .view-products h1 {
		font-size: 4rem;
		font-weight: 900;
		text-align: center;
		color: var(--cpr-080);
		margin-bottom: 60px;
	  }

	  .view-products .view-content > .form-group {
		display: flex;
		flex-flow: row wrap;
		align-items: start;
		justify-content: center;
		gap: 25px;
	  }

	  .view-products .views-row {
		width: 31%;
		border-radius: 35px;
		box-shadow: var(--bsl);
		overflow: hidden;
	  }

	  .pitm {
		position: relative;
	  }

	  .pitm .pi-img img {
		width: 100%;
		height: 400px;
		object-position: center;
		object-fit: contain;
		background-size: contain;
		background-position: center;
		box-shadow: var(--bsl);
	  }

	  .pitm .pi-cnt {
		padding: 25px;
		text-align: center;
	  }

	  .pic-lnk {
		margin-top: 25px;
	  }

	  .pic-lnk a {
		display: inline-block;
		padding: 10px 25px;
		border-radius: 10px;
		background-color: var(--cpr-010);
		transition: var(--trb);
		width: 47%;
		margin: 0px 2px;
		text-align: center;
	  }

	  .pic-lnk a:is(:hover, :focus, :active) {
		background-color: var(--cpr-040);
	  }

	  .pic-tit {
		font-size: 1.3rem;
		font-weight: 900;
		margin-bottom: 0px;
		color: var(--cpr-060);
		height: 32px;
		overflow: hidden;
	  }

	  .pic-bnd {
		font-size: 1.1rem;
		font-weight: 700;
		margin-bottom: 25px;
	  }

	  .pic-cat {
		display: inline-block;
		background-color: var(--cpr-010);
		color: var(--cpr-060);
		border-radius: 10px;
		padding: 3px 15px;
		font-size: 0.8rem;
	  }

	  .view-products .select2-selection__rendered {
		width: 200px;
	  }

	  .view-products .views-exposed-form .form--inline {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: 25px;
	  }

	  .view-products .views-exposed-form .form--inline > .form-item {
		float: none;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: start;
		gap: 10px;
	  }

	  .no-results:has(p, h2) {
		text-align: center;
	  }

	  .no-results {
		margin-top: 40px;
	  }

	  .pi-sold {
		position: absolute;
		width: 180px;
		padding: 5px;
		background-color: #9d4646;
		color: var(--cmw-100);
		text-align: center;
		rotate: -45deg;
		left: -50px;
		top: 20px;
		z-index: 9;
	  }

	  .view-manage-products {
		width: 95%;
		margin: 150px auto 40px auto;
	  }

	  .panel-default > .panel-heading {
		color: var(--cmw-100);
		background-color: var(--cpr-060);
		border: none;
		border-radius: 30px 30px 0px 0px;
		padding: 15px;
	  }

	  .panel-default > .panel-heading a {
		font-weight: 900;
		font-size: 1.5rem;
	  }

	  .pspecs {
		border: none;
	  }

	  .panel-body {
		background-color: var(--cpr-010);
		padding: 25px;
		border-radius: 0px 0px 30px 30px;
		border: none;
	  }

	  .panel-body > .field {
		margin-bottom: 10px;
	  }
/* #endregion */


/* #region MANAGEMENT */
	  .mp-btns {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: 30px;
	  }

	  .mpb-itm a {
		display: inline-block;
		text-align: center;
		width: 250px;
		background-color: var(--cpr-010);
		border-radius: 30px;
		padding: 30px;
		box-shadow: var(--bsl);
		transition: var(--trb);
	  }

	  .mpb-itm a:is(:hover, :focus, :active) {
		background-color: var(--cpr-020);
	  }

	  .mbpi-icn {
		width: 150px;
		margin: 0px auto 20px auto;
	  }
/* #endregion */

















/* #region FOOTER */

	.footer {
		border: none;
		padding: 0px;
	}

	.footer #block-footer {
		text-align: center;
		font-size: 0.7rem;
		color: var(--cmw-100);
	}

	.foot-sec1 {
		padding: 50px 80px;
		border-radius: 30px;
		width: 60%;
		margin: 0px auto -85px;
		background-color:hsla(200,100%,80%,1);
		background-image:
			radial-gradient(at 97% 8%, hsla(225,48%,58%,1) 0px, transparent 50%),
			radial-gradient(at 77% 72%, hsla(187,43%,62%,1) 0px, transparent 50%);
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
		position: relative;
		z-index: 5;
	}

	.contact-page .foot-sec1 {
		display: none;
	}

	.fs1c1 h1 {
		text-align: left;
		font-size: 2rem;
		color: var(--cpr-160);
		margin: 0px;
		font-weight: 700;
	}

	.fs1c1 h3 {
		text-align: left;
		font-size: 1.5rem;
		color: var(--cpr-190);
		margin: 0px;
	}

	.fs1c2 a {
		display: inline-block;
		background-color: var(--cmw-100);
		padding: 20px 50px;
		border-radius: 50px;
		font-size: 1rem;
		transition: var(--trb);
	}

	.fs1c2 a:hover, .fs1c2 a:focus, .fs1c2 a:active {
		background-color: var(--cpr-130);
		color: var(--cmw-100);
	}

	.flc1 a > svg {
		display: none;
	}

	.foot-sec2 {
		margin: 0px 30px;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
		background-color: var(--cpr-180);
		border-radius: 35px;
		padding: 130px 60px 60px 60px;
	}

	.contact-page .foot-sec2 {
		padding: 60px;
	}

	.fs2c1 {
		width: 50%;
		text-align: left;
	}

	.fs2c1 a svg {
		width: 300px;
	}

	.fs2c2 {
		width: 50%;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
	}

	.fs2c2 a {
		color: var(--cmw-100);
		display: block;
		text-align: left;
		padding: 10px 5px;
		transition: var(--trb);
		text-decoration: underline;
		text-decoration-color: transparent;
	}

	.fs2c2 a:hover, .fs2c2 a:focus, .fs2c2 a:active {
		text-decoration-color: var(--cmw-100);
	}

	.foot-legal {
		background-color: var(--cmw-100);
		padding: 15px;
		text-align: center;
		font-size: 0.7rem;
	}

	.fl-wrap {
		margin: 0px 90px;
		display: flex;
		flex-flow: row wrap;
		color: var(--cpr-190);
		align-items: center;
		justify-content: space-between;
	}

	.foot-legal a {
		transition: var(--trb);
		text-decoration: underline;
		text-decoration-color: transparent;
	}

	.foot-legal a:hover, .foot-legal a:focus, .foot-legal a:active {
		text-decoration-color: var(--cpr-140);
	}

	#block-cirqular-footer {
		background-color: var(--cpr-120);
		padding: 60px 0px;
	}

	.foot-flex {
		display: flex;
		flex-flow: row wrap;
		align-items: start;
		justify-content: space-between;
		gap: 25px;
		width: 80%;
		margin: auto;
	}

	.foot-flex a {
		color: var(--cmw-100);
		text-decoration: underline;
		text-decoration-color: transparent;
		transition: var(--trb);
	}

	.foot-flex a:is(:hover, :focus, :active) {
		text-decoration-color: var(--cmw-100);
	}

	.foot-flex h2 {
		color: var(--cmw-100);
		margin: 0px 0px 15px 0px;
	}
/* #endregion */


/* #region MODAL */
.ui-widget.ui-widget-content {
	width: 80% !important;
	height: 83vh !important;
	top: 100px !important;
	z-index: 99999 !important;
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch !important;
	border: none !important;
	border-radius: 30px !important;
	background-color: var(--cmw-100) !important;
	padding: 25px !important;
}

.ui-front.ui-dialog-content {
	max-height: unset !important;
}

.ui-dialog .ui-widget-content.ui-dialog-content .content {
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch !important;
}

.ui-widget-overlay {
	background: var(--cpr-180) !important;
	opacity: 0.9 !important;
}

.ui-dialog-title {
	display: none;
}

.ui-widget-header {
	border: none !important;
	background: transparent !important;
	padding: 0px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: fixed !important;
	right: 11% !important;
	top: 11% !important;
	width: 30px !important;
	margin: 0px !important;
	border-radius: 50% !important;
	height: 30px !important;
	background-color: var(--crd-lgt) !important;
	z-index: 99999 !important;
	border: none !important;
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	transition: var(--trb) !important;
	box-shadow: var(--bsl) !important;
	opacity: 1 !important;
}

.ui-dialog .ui-dialog-titlebar-close:is(:hover, :focus, :active) {
	background-color: var(--crd-drk) !important;
}

.ui-dialog .ui-dialog-titlebar-close:after {
	content: 'X';
	position: absolute;
	color: var(--cmw-100);
	font-weight: 900;
}

.ui-dialog .ui-dialog-buttonpane {
	border: none;
	display: block !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none !important;
	display: block !important;
}
/* #endregion */