/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/images/css/ui-icons_ffffff_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/images/css/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/images/css/ui-icons_ffffff_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/images/css/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/images/css/ui-icons_ffffff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/css/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../bundles/omranesocle/refonte3/css/images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@charset "UTF-8";
/* ------------------------------
   Montserrat Variable Fonts
------------------------------ */
@font-face {
  font-family: "Montserrat";
  src: url("../bundles/omranesocle/refonte3/fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../bundles/omranesocle/refonte3/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* ------------------------------
   IcoMoon Icon Font
------------------------------ */
@font-face {
  font-family: "icomoon";
  src: url("../bundles/omranesocle/refonte3/fonts/icomoon.woff2") format("woff2"), url("../bundles/omranesocle/refonte3/fonts/icomoon.woff") format("woff"), url("../bundles/omranesocle/refonte3/fonts/icomoon.ttf") format("truetype"), url("../bundles/omranesocle/refonte3/fonts/icomoon.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=icon-] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plan-maison:before {
  content: "\e938";
}

.icon-customer-service:before {
  content: "\e936";
}

.icon-mail1:before {
  content: "\e937";
}

.icon-list:before {
  content: "\e900";
}

.icon-tri:before {
  content: "\e901";
}

.icon-reset:before {
  content: "\e902";
}

.icon-woman:before {
  content: "\e903";
}

.icon-speech-bubble:before {
  content: "\e904";
}

.icon-school:before {
  content: "\e905";
}

.icon-restaurant:before {
  content: "\e906";
}

.icon-plan-de-la-maison:before {
  content: "\e907";
  color: #fff;
}

.icon-kindergarten:before {
  content: "\e908";
}

.icon-hospital:before {
  content: "\e909";
}

.icon-food-stand:before {
  content: "\e90a";
}

.icon-endroit:before {
  content: "\e90b";
}

.icon-emplacement:before {
  content: "\e90c";
  color: #fff;
}

.icon-ecole:before {
  content: "\e90d";
}

.icon-cappuccino:before {
  content: "\e90e";
}

.icon-call:before {
  content: "\e90f";
}

.icon-calendar:before {
  content: "\e910";
}

.icon-up-chevron:before {
  content: "\e911";
}

.icon-signe-moins:before {
  content: "\e912";
}

.icon-right-chevron:before {
  content: "\e913";
}

.icon-plus:before {
  content: "\e914";
}

.icon-phone-call:before {
  content: "\e915";
}

.icon-loupe:before {
  content: "\e916";
}

.icon-left-chevron:before {
  content: "\e917";
}

.icon-down-chevron:before {
  content: "\e918";
}

.icon-tray:before {
  content: "\e919";
}

.icon-terrain-de-sport:before {
  content: "\e91a";
}

.icon-swimmer:before {
  content: "\e91b";
}

.icon-shopping-cart:before {
  content: "\e91c";
}

.icon-shopping-basket:before {
  content: "\e91d";
}

.icon-port:before {
  content: "\e91e";
}

.icon-pharmacy:before {
  content: "\e91f";
}

.icon-parking-1:before {
  content: "\e920";
}

.icon-market:before {
  content: "\e921";
}

.icon-like:before {
  content: "\e922";
}

.icon-islam:before {
  content: "\e923";
}

.icon-hospital-bed:before {
  content: "\e924";
}

.icon-home:before {
  content: "\e925";
}

.icon-hand-shake:before {
  content: "\e926";
}

.icon-diplome:before {
  content: "\e927";
}

.icon-airplane:before {
  content: "\e928";
}

.icon-video-camera:before {
  content: "\e929";
}

.icon-right:before {
  content: "\e92a";
}

.icon-parking:before {
  content: "\e92b";
}

.icon-localisation:before {
  content: "\e92c";
}

.icon-left:before {
  content: "\e92d";
}

.icon-la-mosquee-des-prophetes:before {
  content: "\e92e";
}

.icon-camera:before {
  content: "\e92f";
}

.icon-camera-de-securite:before {
  content: "\e930";
}

.icon-degrees:before {
  content: "\e931";
}

.icon-location:before {
  content: "\e932";
}

.icon-plan-de-la-maison1:before {
  content: "\fa698";
  color: #fff;
}

.icon-clear:before {
  content: "\e934";
}

.icon-close:before {
  content: "\e934";
}

.icon-check:before {
  content: "\e933";
}

.icon-mail:before {
  content: "\e935";
}

.icon-arrow-right:before {
  content: "\ea3c";
}

.icon-arrow-left:before {
  content: "\ea40";
}

.icon-whatsapp:before {
  content: "\ea93";
}

/* Google Translate container */
.google-translate {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Header language switchers layout */
.block-header-top .header-top-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.block-header-top .language_switcher .language-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.block-header-top .language_switcher .language-list li {
  margin: 0;
}

.block-header-top .language_switcher .lang-link {
  text-decoration: none;
  font-weight: 600;
  color: #000000;
}

/* Styles du header pour correspondre à la maquette */
.header {
  background: #ffffff;
  color: #3a3a3a;
  border-bottom: 1px solid #e6e6e6;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Header types */
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.header-scroll {
  position: sticky;
  top: 0;
  z-index: 9999;
}

/* Hidden state when scrolling down */
.header.is-hidden {
  transform: translateY(-100%);
  opacity: 0.98;
}

.block-header-top {
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
}

.block-header-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 89px;
}

.block-header-top .header-top-right {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.block-header-top select {
  height: 28px;
  padding: 2px 8px;
}

.block-header-top .link-ar {
  color: #000;
  text-decoration: none;
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px !important;
  width: 100%;
  height: 10vh;
}

.block-header-left .container,
.block-header-right .container {
  display: flex;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: none;
}

/* Ordre desktop LTR: burger à gauche, logo à droite */
.block-header-left .container {
  justify-content: space-between;
  flex-direction: row;
}

/* Marges du burger placé à gauche (LTR) */
.block-header-left .burger {
  margin-right: 18px;
  margin-left: 0;
}

/* Burger */
.burger {
  width: 56px;
  height: 56px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 18px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.burger img {
  width: 48px;
  height: 48px;
  display: block;
  margin: auto;
}

.burger span {
  display: none;
}

.block-header-left .logo img {
  height: 43px;
  display: block;
}

.list-direct-access {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 64px;
}

.list-direct-access .action {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #0a2a41;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.list-direct-access img {
  height: 32px;
}

/* Alignements RTL/LTR */
html[dir=rtl] .header-main,
.header[dir=rtl] .header-main {
  flex-direction: row-reverse;
}

html[dir=rtl] .block-header-top,
.header[dir=rtl] .block-header-top {
  justify-content: flex-start;
}

html[dir=rtl] .header-actions,
.header[dir=rtl] .header-actions {
  flex-direction: row-reverse;
}

html[dir=rtl] .header-actions .action,
.header[dir=rtl] .header-actions .action {
  flex-direction: row-reverse;
}

/* RTL: miroir → burger à droite, logo à gauche */
html[dir=rtl] .block-header-left .container,
.header[dir=rtl] .block-header-left .container {
  flex-direction: row-reverse;
}

/* Marges du burger en RTL (à droite) */
html[dir=rtl] .block-header-left .burger,
.header[dir=rtl] .block-header-left .burger {
  margin-left: 18px;
  margin-right: 0;
}

/* Sélecteur de langue RTL - toujours à droite */
html[dir=rtl] .block-header-top .header-top-right,
.header[dir=rtl] .block-header-top .header-top-right {
  flex-direction: row-reverse;
}

html[dir=rtl] .block-header-top select,
.header[dir=rtl] .block-header-top select {
  text-align: right;
  direction: rtl;
}

html[dir=rtl] .block-header-top select option,
.header[dir=rtl] .block-header-top select option {
  text-align: right;
}

/* Version arabe : 
   - header-main inversé : header-left (logo+burger) à droite, header-right (liens) à gauche
   - block-header-left inversé : burger à droite, logo à gauche
   - block-header-top aligné à gauche
*/
.header-ar .header-main {
  flex-direction: row-reverse;
}

.header-ar .block-header-top {
  justify-content: flex-start;
}

/* Dans header-ar, block-header-left : burger à droite, logo à gauche */
.header-ar .block-header-left .container {
  flex-direction: row-reverse;
}

.header-ar .block-header-left .burger {
  margin-left: 18px;
  margin-right: 0;
}

/* Header-top-right reste normal en LTR dans header-ar */
.header-ar .block-header-top .header-top-right {
  flex-direction: row;
}

.header-ar .block-header-top select {
  text-align: left;
  direction: ltr;
}

.header-ar .block-header-top select option {
  text-align: left;
}

/* Accessibilité */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 992px) {
  .header-main {
    width: 100%;
    padding: 12px 16px;
  }
  .header-left {
    flex: 1 1 auto;
  }
  .header-right {
    display: none;
  }
  .block-header-right .list-direct-access {
    display: none;
  }
}
.hero {
  position: relative;
  min-height: 370px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  color: #ffffff;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.25) 100%);
  z-index: 0;
  pointer-events: none;
}

.hero__content {
  position: relative;
  z-index: 1;
  padding: 48px 0;
}

.hero__title {
  font-size: 36px;
  line-height: 1;
  margin: 0 0 12px;
  font-weight: 700;
  letter-spacing: 0.24px;
}

.hero__subtitle {
  max-width: 780px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.18px;
  margin: 0 0 24px;
}

.hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #5a2d1a;
  padding: 12px 24px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.hero__cta:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
  color: #4a2416;
}

/* Carrousel du hero */
.hero--with-carousel {
  background: #000;
}

.hero-carousel {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.hero-carousel__track, .lame-home-slider__items {
  position: absolute;
  inset: 0;
}

.hero-slide, .lame-home-slider__item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.hero-slide.is-active, .lame-home-slider__item.is-active {
  opacity: 1;
}

.hero-slide__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.hero-slide .hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-slide .hero__content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.hero-carousel__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.hero-carousel__nav--prev {
  left: 16px;
}

.hero-carousel__nav--next {
  right: 16px;
}

.hero-carousel__nav::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #5a2d1a;
  border-right: 2px solid #5a2d1a;
  margin: 16px auto;
  transform: rotate(225deg);
}

.hero-carousel__nav--next::before {
  transform: rotate(45deg);
}

.hero-carousel__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 84px;
  display: flex;
  gap: 8px;
  justify-content: center;
  z-index: 2;
}

.hero-carousel__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  padding: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.hero-carousel__dot.is-active {
  background: #94281A;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), 0 0 0 3px rgba(255, 255, 255, 0.28);
}

@media (max-width: 768px) {
  .hero {
    min-height: 212px;
  }
  .hero__cta {
    padding: 8px 16px;
    font-size: 14px;
  }
  .hero__title {
    font-size: 26px !important;
  }
  .hero__subtitle {
    font-size: 14px;
  }
  .hero-carousel__nav {
    width: 36px;
    height: 36px;
  }
  .hero-carousel__nav::before {
    margin: 12px auto;
  }
  .hero-carousel__dots {
    bottom: 30px;
  }
}
/* Bloc filtres + recherche apposé au bas du hero */
.hero-filters {
  margin-top: -56px !important;
  position: relative;
  z-index: 3;
}

.hero-filters__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr) auto;
  align-items: end;
  gap: 8px;
  padding: 27px 80px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
}

.hero-filters .hero-filters__container,
.hero-filters__container.container-85,
.hero-filters__container.content-container-center {
  padding: 14px 13px !important;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 1440px;
  margin: 0 auto;
}

.hero-filters__item {
  background: #fff;
  border-radius: 12px;
  padding: 8px 14px 10px;
  position: relative;
  min-height: 64px;
  width: 200px;
  max-width: 283px;
}

.hero-filters__item + .hero-filters__item::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: #85702F;
}

.hero-filters__label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000000;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.hero-filters__label img {
  width: 20px;
  height: 20px;
}

.hero-filters__value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  color: #6f6f6f;
  font-size: 13px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: normal;
  cursor: pointer;
}

.hero-filters__value-row {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  min-height: 24px;
  max-height: 24px;
  overflow: hidden;
}

.hero-filters__value-row .value-caret {
  width: 12px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
  flex: 0 0 12px;
  display: inline-block;
}

.hero-filters__dropdown > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  min-height: 20px;
  width: 100%;
}

.hero-filters__dropdown > summary .hero-filters__value {
  flex: 1 1 auto;
  width: auto;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
  min-height: auto !important;
}

.hero-filters__value-row .value-caret {
  vertical-align: middle;
}

.hero-filters__close {
  display: none;
}

.hero-filters__dropdown {
  position: relative;
}

.hero-filters__dropdown > summary {
  list-style: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: block;
}

.hero-filters__item .hero-filters__dropdown > summary {
  margin-top: 0px;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.hero-filters__label + .hero-filters__dropdown {
  margin-top: 8px;
}

.hero-filters__dropdown > summary::-webkit-details-marker {
  display: none;
}

.hero-filters__dropdown .value-caret {
  transition: transform 0.2s ease;
}

.hero-filters__panel {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 8px;
  background: #fff;
  border: 1px solid #eee7d0;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  padding: 16px;
  z-index: 10;
  width: 100%;
  max-width: 100%;
}

.hero-filters__item select.hero-filters__value {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
  width: 100%;
  padding: 6px 24px 6px 12px;
  height: 36px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  color: #111;
  border: 0;
  border-radius: 8px;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
}

.hero-filters__item select.hero-filters__value:hover {
  background-color: transparent;
}

.hero-filters__item select.hero-filters__value:focus {
  outline: none;
  box-shadow: none;
}

.hero-filters__item select.hero-filters__value::-ms-expand {
  display: none;
}

.hero-filters__item select.hero-filters__value option {
  padding: 10px 12px;
  color: #222;
  background: #ffffff;
}

.hero-filters__item select.hero-filters__value option[disabled],
.hero-filters__item select.hero-filters__value option[value=""] {
  color: #8c8c8c;
}

/* Styles pour les éléments désactivés */
.hero-filters__item select.hero-filters__value:disabled,
.hero-filters__item select.hero-filters__value.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f5f5f5;
  color: #999;
}

.hero-filters__item select.hero-filters__value:disabled:hover,
.hero-filters__item select.hero-filters__value.disabled:hover {
  background-color: #f5f5f5;
}

.hero-filters__item select.hero-filters__value:disabled + .value-caret,
.hero-filters__item select.hero-filters__value.disabled + .value-caret {
  opacity: 0.4;
}

/* Styles Select2 */
.hero-filters__item .select2-container {
  width: 100% !important;
}

.hero-filters__item .select2-selection {
  border: 0 !important;
  background: transparent !important;
  height: auto !important;
  padding: 0 !important;
  outline: none !important;
}

/* Spécifique pour les selects single */
.hero-filters__item .select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  min-height: 20px !important;
}

.hero-filters__item .select2-selection__rendered {
  padding: 0 !important;
  line-height: 1.4 !important;
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Style pour le placeholder Select2 */
.hero-filters__item .select2-selection__placeholder {
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
}

/* Assure que tous les span.hero-filters__value ont le même style */
.hero-filters__value-row span.hero-filters__value {
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
}

.hero-filters__item .select2-selection__arrow {
  display: none !important;
}

/* Hide custom carets when Select2 is active */
.hero-filters__item .select2-container ~ .value-caret {
  display: none !important;
}

.hero-filters__item .select2-container--default .select2-results__option {
  padding: 10px 12px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

.hero-filters__item .select2-container--default .select2-search--dropdown {
  padding: 8px 8px 4px !important;
}

.hero-filters__item .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

.hero-filters__item .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none !important;
  border-color: #85702F !important;
}

.hero-filters__item .select2-dropdown {
  border: 1px solid #eee7d0 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
  margin-top: 8px !important;
}

.hero-filters__item .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #85702F !important;
}

.hero-filters__item .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #85702F !important;
}

/* Styles pour la sélection multiple */
.hero-filters__item .select2-container--default .select2-selection--multiple {
  border: 0 !important;
  background: transparent !important;
  min-height: 20px !important;
  max-height: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  position: relative !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 20px !important;
}

/* Quand il n'y a pas de sélections, permettre au placeholder de s'afficher */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__rendered:empty {
  overflow: visible !important;
}

/* Style pour le placeholder dans les selects multiples */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Quand il n'y a pas de sélections, le champ de recherche doit prendre toute la largeur */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__rendered:has(.select2-search--inline:only-child) {
  width: 100% !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__rendered:has(.select2-selection__placeholder:only-child) {
  width: 100% !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #85702F !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 3px 8px 3px 6px !important;
  margin: 0 4px 0 0 !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  max-width: 110px !important;
  overflow: visible !important;
  text-overflow: ellipsis !important;
  height: 20px !important;
  gap: 4px !important;
  cursor: default !important;
  position: relative !important;
}

/* S'assurer que TOUS les boutons remove sont visibles, pas seulement le premier */
/* Cibler tous les boutons remove dans les choix multiples */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important;
  border-right: 0 !important;
  background-color: transparent !important;
  margin-left: 0 !important;
  margin-right: 4px !important;
  padding: 0 2px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  min-width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  order: 1 !important;
  float: none !important;
}

/* Classe spéciale pour forcer l'affichage */
.hero-filters__item .select2-container--default .select2-selection--multiple .force-visible-remove-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 80px !important;
  display: inline-block !important;
  flex: 0 1 auto !important;
  order: 2 !important;
  margin-left: 0 !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-radius: 50% !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Champ de recherche inline pour les selects multiples - VISIBLE par défaut pour afficher le placeholder */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline {
  position: absolute;
  top: 3px;
  left: 0px;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.4 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #6f6f6f !important;
  opacity: 1 !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: #6f6f6f !important;
  opacity: 1 !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder {
  color: #6f6f6f !important;
  opacity: 1 !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #6f6f6f !important;
  opacity: 1 !important;
}

.hero-filters__item .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder {
  color: #6f6f6f !important;
  opacity: 1 !important;
}

/* Quand il y a des sélections, le JS masquera le champ de recherche */
/* Afficher le compteur de sélections supplémentaires */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__choice--more {
  background-color: #85702F !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
  margin: 0 3px 0 0 !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  flex-shrink: 0 !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: default !important;
}

.hero-filters__item .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0 !important;
}

/* Style du bouton clear pour tous les selects */
.hero-filters__item .select2-container--default .select2-selection__clear {
  color: #666 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  float: none !important;
  font-weight: normal !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  flex-shrink: 0 !important;
  height: auto !important;
  width: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  order: 2 !important;
}

/* Pour les selects single, aligner le clear avec le texte */
.hero-filters__item .select2-container--default .select2-selection--single .select2-selection__clear {
  order: 2 !important;
  align-self: center !important;
  line-height: 1.4 !important;
  font-size: 16px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  height: 18.2px !important;
  width: 18.2px !important;
  min-height: 18.2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
}

/* Pour les selects multiple, le clear button reste à sa position par défaut */
.hero-filters__item .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 4px !important;
  align-self: center !important;
  vertical-align: middle !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  order: 3 !important;
}

.hero-filters__item .select2-container--default .select2-selection__clear:hover {
  color: #D9232E !important;
}

/* Assure que le bouton clear est visible seulement quand une valeur est sélectionnée */
.hero-filters__item .select2-container--default.select2-container--open .select2-selection__clear {
  display: block !important;
  z-index: 99999;
}

/* Styles généraux pour le champ de recherche inline - NE PAS MASQUER */
.select2-container--default .select2-search--inline .select2-search__field {
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* Style du bouton clear pour les dropdowns details (budget, surface, etc.) */
.hero-filters__clear-btn {
  background: transparent !important;
  border: 0 !important;
  color: #666 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  cursor: pointer !important;
  font-weight: normal !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  height: 18.2px !important;
  width: 18.2px !important;
  min-height: 18.2px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center !important;
}

.hero-filters__clear-btn:hover {
  color: #D9232E !important;
}

/* Animation de mise en évidence pour le select région */
.hero-filters__item select.hero-filters__value:focus {
  border-color: #85702F;
  box-shadow: 0 0 0 2px rgba(133, 112, 47, 0.2);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.hero-filters__value .chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid #c3a94e;
  border-bottom: 2px solid #c3a94e;
  transform: rotate(45deg);
  margin-left: 10px;
}

.hero-filters__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-left: 6px;
  margin-bottom: 13px;
  max-width: 100%;
}

@media (max-width: 1400px) {
  .hero-filters__actions {
    grid-column: 1/1;
    justify-content: center;
    margin-top: 8px;
  }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 9px !important;
}

.hero-filters__action-more,
.hero-filters__action-reset,
.hero-filters__action-submit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-filters__action-more button,
.hero-filters__action-reset button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: #f5f5f5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.hero-filters__action-more button:hover,
.hero-filters__action-reset button:hover {
  background: #e0e0e0;
}

.hero-filters__action-more button img,
.hero-filters__action-reset button img {
  width: 30px;
  height: 25px;
  transform: translate(-2px, 1px);
}

.btn-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 47px;
  padding: 0 28px;
  background: #85702F;
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(176, 142, 49, 0.35);
}

.btn-search img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}

/* Range budget et surface */
.hero-filters__range {
  padding: 4px 0 0;
}

.hero-filters__range-container {
  position: relative;
  height: 6px;
  background: linear-gradient(90deg, #85702F 0%, #9E8A3C 50%, #B8A556 100%);
  border-radius: 999px;
  margin-bottom: 8px;
}

.hero-filters__range-container input[type=range] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: transparent;
  outline: none;
  pointer-events: none;
}

.hero-filters__range-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #85702F;
  cursor: pointer;
  pointer-events: auto;
}

.hero-filters__range-container input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #85702F;
  cursor: pointer;
  pointer-events: auto;
}

/* Filtres avancés */
.advanced-filters {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee7d0;
}

.advanced-filters-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.advanced-filters-item {
  background: #fff;
  border-radius: 12px;
  padding: 8px 14px 10px;
  position: relative;
  min-height: 64px;
  border: 1px solid #f0f0f0;
}

.advanced-filters-item .hero-filters__label {
  margin-bottom: 8px;
}

.advanced-filters-item .hero-filters__value-row {
  min-height: 36px;
}

@media (max-width: 640px) {
  .hero-filters {
    margin-top: -145px;
  }
  #heroFilters .btn-search {
    margin-top: 123px;
    margin-left: 0;
    /* margin-left: 45px; */
  }
  .hero-filters .hero-filters__container,
  .hero-filters__container.container-85,
  .hero-filters__container.content-container-center {
    padding: 108px 80px !important;
  }
  /* Hide header when overlay is active */
  #heroFilters.is-overlay ~ .header,
  body:has(#heroFilters.is-overlay) .header,
  body.filters-overlay-open .header {
    display: none !important;
  }
  /* overlay plein écran quand ouvert */
  #heroFilters.is-overlay {
    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 24px 16px;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    overflow: auto;
    z-index: 9999;
  }
  #heroFilters.is-overlay > .hero-filters__item {
    display: block;
    width: 100%;
    padding: 14px 0;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #heroFilters.is-overlay > .hero-filters__item .hero-filters__label {
    margin-bottom: 8px;
  }
  #heroFilters.is-overlay > .hero-filters__item .hero-filters__value,
  #heroFilters.is-overlay > .hero-filters__item select.hero-filters__value {
    height: 44px;
    line-height: 44px;
  }
  #heroFilters.is-overlay > .hero-filters__item .hero-filters__value-row {
    min-height: 44px;
  }
  #heroFilters.is-overlay > .hero-filters__actions {
    order: 99;
    justify-content: center;
    margin-top: 20px;
  }
  #heroFilters.is-overlay .btn-search {
    margin: -15px auto 0;
  }
  .hero-filters__close {
    display: none;
  }
  #heroFilters.is-overlay .hero-filters__close {
    display: block;
    position: absolute;
    top: -22px;
    right: 17px;
    background: transparent;
    border: 0;
    color: #000;
    font-size: 56px;
    cursor: pointer;
  }
  /* show and place reset only inside overlay modal */
  #heroFilters.is-overlay .hero-filters__action-reset {
    display: block;
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 1000;
  }
  #heroFilters.is-overlay .hero-filters__label {
    color: #000;
  }
  #heroFilters.is-overlay .hero-filters__item {
    background: transparent;
    border-radius: 0;
    padding: 12px 0;
    border-bottom: 1px solid #000000;
    margin-top: 32px;
  }
  #heroFilters.is-overlay .hero-filters__item:last-of-type {
    border-bottom: 0;
  }
  #heroFilters.is-overlay .hero-filters__item + .hero-filters__item::before {
    display: none;
  }
  #heroFilters.is-overlay .hero-filters__value {
    color: #333;
  }
  #heroFilters.is-overlay .hero-filters__value-row .value-caret {
    filter: none;
  }
  /* Filtres avancés en mobile */
  #heroFilters.is-overlay .advanced-filters {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
  }
  #heroFilters.is-overlay .advanced-filters-wrapper {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #heroFilters.is-overlay .advanced-filters-item {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #eee7d0;
    border-radius: 0;
    padding: 12px 0;
    min-height: auto;
  }
  #heroFilters.is-overlay .advanced-filters-item:last-child {
    border-bottom: 0;
  }
  #heroFilters.is-overlay .hero-filters__close {
    display: block;
    position: absolute;
    top: 22px;
    right: 17px;
    background: transparent;
    border: 0;
    color: #000;
    font-size: 56px;
    cursor: pointer;
  }
  .hero-filters__range-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: #000;
  }
  .hero-filters__container {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
  }
}
/* Responsive: #heroFilters devient une modale plein écran en mobile */
@media (max-width: 768px) {
  /* bouton sur la barre en mode compact */
  #heroFilters {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
  }
  #heroFilters > .hero-filters__item {
    display: none;
  }
  #heroFilters > .hero-filters__actions {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  /* hide reset button on mobile bar (compact state) */
  #heroFilters > .hero-filters__actions .hero-filters__action-reset {
    display: none;
  }
  #heroFilters .btn-search {
    margin-top: 35px;
    margin-left: 124px;
  }
  .hero-filters .hero-filters__container,
  .hero-filters__container.container-85,
  .hero-filters__container.content-container-center {
    padding: 0px 80px !important;
  }
  /* Hide header when overlay is active */
  #heroFilters.is-overlay ~ .header,
  body:has(#heroFilters.is-overlay) .header,
  body.filters-overlay-open .header {
    display: none !important;
  }
  /* overlay plein écran quand ouvert */
  #heroFilters.is-overlay {
    position: fixed;
    top: -264px;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 24px 16px;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    overflow: auto;
    z-index: 9999;
  }
  #heroFilters.is-overlay > .hero-filters__item {
    display: block;
    width: 100%;
    padding: 14px 0;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #heroFilters.is-overlay > .hero-filters__item .hero-filters__label {
    margin-bottom: 8px;
  }
  #heroFilters.is-overlay > .hero-filters__item .hero-filters__value,
  #heroFilters.is-overlay > .hero-filters__item select.hero-filters__value {
    height: 44px;
    line-height: 44px;
  }
  #heroFilters.is-overlay > .hero-filters__item .hero-filters__value-row {
    min-height: 44px;
  }
  #heroFilters.is-overlay > .hero-filters__actions {
    order: 99;
    justify-content: center;
    margin-top: 20px;
  }
  #heroFilters.is-overlay .btn-search {
    margin: -15px auto 0;
  }
  .hero-filters__close {
    display: none;
  }
  #heroFilters.is-overlay .hero-filters__close {
    display: block;
    position: absolute;
    top: -7px;
    right: 17px;
    background: transparent;
    border: 0;
    color: #000;
    font-size: 56px;
    cursor: pointer;
  }
  /* show and place reset only inside overlay modal */
  #heroFilters.is-overlay .hero-filters__action-reset {
    display: block;
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 1000;
  }
  #heroFilters.is-overlay .hero-filters__label {
    color: #000;
  }
  #heroFilters.is-overlay .hero-filters__item {
    background: transparent;
    border-radius: 0;
    padding: 12px 0;
    border-bottom: 1px solid #000000;
    margin-top: 32px;
  }
  #heroFilters.is-overlay .hero-filters__item:last-of-type {
    border-bottom: 0;
  }
  #heroFilters.is-overlay .hero-filters__item + .hero-filters__item::before {
    display: none;
  }
  #heroFilters.is-overlay .hero-filters__value {
    color: #333;
  }
  #heroFilters.is-overlay .hero-filters__value-row .value-caret {
    filter: none;
  }
  /* Filtres avancés en mobile */
  #heroFilters.is-overlay .advanced-filters {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
  }
  #heroFilters.is-overlay .advanced-filters-wrapper {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #heroFilters.is-overlay .advanced-filters-item {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding: 12px 0;
    min-height: auto;
  }
  #heroFilters.is-overlay .advanced-filters-item:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 640px) {
  #heroFilters .btn-search {
    margin-left: 0px;
  }
  .hero-filters__container {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
  }
  #heroFilters.is-overlay {
    top: 0px !important;
    padding-top: 107px !important;
  }
  #heroFilters.is-overlay .hero-filters__close {
    top: 22px;
    right: 17px;
  }
  #heroFilters.is-overlay .hero-filters__action-reset {
    top: 30px;
    left: 16px;
  }
}
.hero-filters__range-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 12px;
  color: #000;
}

@media (max-width: 380px) {
  #heroFilters .btn-search {
    margin-left: -41px;
  }
}
@media (max-width: 1024px) {
  .hero-filters__container {
    grid-template-columns: 1fr 1fr;
  }
}
.icon-reset:before {
  content: none;
}

/* Hero Bien - Section enrichie */
.hero-bien {
  position: relative;
  max-height: 400px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-bien__background {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-bien__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.hero-bien__content {
  position: relative;
  z-index: 2;
  padding: 60px 0;
  display: flex;
  align-items: center;
  min-height: 600px;
}

.hero-bien__card {
  background: #796115;
  padding: 32px;
  max-width: 500px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.hero-bien__card-header {
  margin-bottom: 12px;
  display: flex;
  gap: 32px;
}

.hero-bien__status-badge {
  display: inline-block;
  background: #ffd700;
  color: #000;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.hero-bien__delivery-date {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}

.hero-bien__title {
  color: #000;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 12px;
  letter-spacing: 0.5px;
}

.hero-bien__subtitle {
  color: #ffd700;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 32px;
  letter-spacing: 0.3px;
}

.hero-bien__actions {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.hero-bien__action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  padding: 10px 16px;
  border-radius: 26px;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.hero-bien__action-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

.hero-bien__action-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

.hero-bien__cta-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  color: #5a2d1a;
  border: none;
  padding: 16px 24px;
  border-radius: 33px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  width: 61%;
  justify-content: center;
  text-decoration: none;
  margin-left: 68px;
}

.hero-bien__cta-btn:hover {
  background: #f8f8f8;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.hero-bien__cta-icon {
  width: 20px;
  height: 20px;
  stroke-width: 2;
}

.bien-content {
  padding: 60px 0;
  background: #ffffff;
}

/* Responsive pour Hero Bien */
@media (max-width: 768px) {
  .hero-bien {
    min-height: 300px;
  }
  .hero-bien__content {
    padding: 15px 0;
    min-height: 300px;
  }
  .hero-bien__card {
    padding: 12px;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 35px;
    width: auto;
  }
  .hero-bien__card-header {
    gap: 12px;
    margin-bottom: 6px;
  }
  .hero-bien__status-badge {
    font-size: 9px;
    padding: 3px 6px;
  }
  .hero-bien__delivery-date {
    font-size: 10px;
  }
  .hero-bien__title {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 1.1;
  }
  .hero-bien__subtitle {
    font-size: 10px;
    margin-bottom: 12px;
  }
  .hero-bien__actions {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
  }
  .hero-bien__action-btn {
    justify-content: center;
    padding: 6px 10px;
    font-size: 11px;
  }
  .hero-bien__action-icon {
    width: 12px;
    height: 12px;
  }
  .hero-bien__cta-btn {
    padding: 8px 12px;
    font-size: 11px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 12px;
  }
  .hero-bien__cta-icon {
    width: 14px;
    height: 14px;
  }
}
/* Classes pour les icônes spécifiques */
.icon-metre {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/metre.svg");
  background-size: 32px 32px;
}

.icon-flag {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/flag.svg");
  background-size: 32px 32px;
}

.icon-tag {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/tag.svg");
  background-size: 32px 32px;
}

/* Amenities Section - Block réutilisable */
.amenities-section {
  margin-top: -30px !important;
  width: 85%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  background: rgb(254, 255, 254);
  backdrop-filter: blur(10px);
  border-radius: 48px;
  padding: 18px 0;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.amenities-grid {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 0 40px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: center;
  width: 100%;
  position: relative;
  cursor: grab;
}

.amenities-grid:active {
  cursor: grabbing;
}

.amenities-grid.active {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Afficher l'indicateur au hover du container */
.amenities-section:hover .scroll-indicator {
  display: flex;
  opacity: 1;
}

/* Masquer l'indicateur quand on quitte le hover */
.amenities-section:not(:hover) .scroll-indicator {
  display: none;
  opacity: 0;
}

.amenities-grid::-webkit-scrollbar {
  display: none;
}

/* Mode scrollable quand il y a beaucoup d'éléments */
.amenities-grid.scrollable {
  justify-content: flex-start;
  overflow-x: auto;
}

/* Mode centré quand il y a peu d'éléments */
.amenities-grid.centered {
  justify-content: center;
  overflow-x: hidden;
}

.amenity-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 170px;
  flex-shrink: 0;
  position: relative;
  justify-content: center;
  flex: 1;
}

.icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Classes pour les icônes spécifiques */
.icon-parking {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/parking.svg");
  background-size: 32px 32px;
}

.icon-islam {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/islam.svg");
  background-size: 32px 32px;
}

.icon-ecole {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/ecole.svg");
  background-size: 32px 32px;
}

.icon-college {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/school.svg");
  background-size: 32px 32px;
}

.icon-hospital {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/hospital.svg");
  background-size: 32px 32px;
}

.icon-market {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/market.svg");
  background-size: 32px 32px;
}

.icon-camera {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/camera-de-securite.svg");
  background-size: 32px 32px;
}

.icon-airplane {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/airplane.svg");
  background-size: 32px 32px;
}

.icon-cappuccino {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/cappuccino.svg");
  background-size: 32px 32px;
}

.icon-food-stand {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/food-stand.svg");
  background-size: 32px 32px;
}

.icon-restaurant {
  background-image: url("../bundles/omranesocle/refonte3/images/icons/restaurant.svg");
  background-size: 32px 32px;
}

.text {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #000000;
  text-align: center;
  margin: 0;
}

/* Scroll indicator */
.scroll-indicator {
  display: none; /* Masqué par défaut */
  align-items: center;
  justify-content: center;
  min-width: 60px;
  flex-shrink: 0;
  margin-left: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.scroll-indicator-icon {
  width: 35px;
  height: 34px;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  border-radius: 50%;
  background: #8b7a44;
  padding: 5px;
}

.scroll-indicator:hover .scroll-indicator-icon {
  opacity: 1;
  transform: translateX(5px);
  transition: all 0.3s ease;
}

.scroll-indicator-icon:hover {
  opacity: 1;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* Responsive pour Amenities */
@media (max-width: 768px) {
  .amenities-grid {
    gap: 30px;
    padding: 0 20px;
  }
  .amenity-item {
    min-width: 100px;
    max-width: 120px;
  }
  .amenity-item:not(:last-child)::after {
    right: -15px;
  }
  .icon {
    width: 40px;
    height: 40px;
    background-size: 24px 24px;
  }
  .text {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0px;
  }
  .scroll-indicator {
    min-width: 40px;
    right: 10px;
  }
  /* Comportement hover sur mobile */
  .amenities-section:hover .scroll-indicator {
    display: flex;
    opacity: 1;
  }
  .scroll-indicator-icon {
    width: 20px;
    height: 20px;
  }
}
.icon-location:before,
.icon-location::after {
  content: none !important;
}

.icon-camera:before {
  content: none;
}

.icon-parking:before {
  content: none;
}

.icon-islam:before {
  content: none;
}

.icon-ecole:before {
  content: none;
}

.icon-college:before {
  content: none;
}

.icon-hospital:before {
  content: none;
}

.icon-market:before {
  content: none;
}

.icon-camera:before {
  content: none;
}

.icon-airplane:before {
  content: none;
}

.icon-cappuccino:before {
  content: none;
}

.icon-food-stand:before {
  content: none;
}

.icon-restaurant:before {
  content: none;
}

/* Breadcrumb Navigation */
.breadcrumb {
  padding: 38px 0;
}

.breadcrumb-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 8px;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.breadcrumb-link {
  color: #0a0a0a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  transition: color 0.3s ease;
}

.breadcrumb-link:hover {
  color: #000000;
  text-decoration: underline;
}

.breadcrumb-current {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
}

.breadcrumb-separator {
  color: #6c757d;
  font-size: 14px;
  font-weight: 400;
  margin: 0 4px;
}

/* Responsive */
@media (max-width: 768px) {
  .breadcrumb {
    padding: 18px 0;
  }
  .breadcrumb-link,
  .breadcrumb-current {
    font-size: 12px;
  }
  .breadcrumb-separator {
    font-size: 12px;
  }
}
.timeline-section {
  padding: 40px 20px;
  background-color: #ffffff;
}

.content-container-center {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0%;
}

.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
}

.li {
  transition: all 200ms ease-in;
  flex: 1;
  position: relative;
}

.timestamp {
  margin-bottom: 20px;
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
}

.status {
  padding: 0px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
  height: 60px;
}

.status h4 {
  font-weight: 600;
  margin: 0;
  font-size: 14px;
  color: #B0B0B0;
  text-align: center;
  line-height: 1.4;
  transition: all 200ms ease-in;
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: pre-wrap;
}

.status::before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #D6DCE0;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 200ms ease-in;
  z-index: 2;
}

/* Completed state - triple layer circle */
.li.complete .status {
  border-top: 3px solid #000000;
}

.li.complete .status::before {
  background-color: #000000;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #000000;
  width: 19px;
  height: 19px;
  top: -13px;
}

.li.complete .status h4 {
  color: #000000;
  font-weight: 600;
}

/* First item - no left border */
.li:first-child .status {
  border-left: none;
}

/* Last item - no right border */
.li:last-child .status {
  border-right: none;
}

/* Responsive - Mobile/Tablet */
@media (max-width: 768px) {
  .timeline {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 132px;
  }
  .li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex: none;
  }
  .timestamp {
    width: auto;
    margin-bottom: 0;
    padding: 0;
  }
  .status {
    border-top: none;
    border-left: 2px solid #D6DCE0;
    padding: 0 0 30px 30px;
    height: auto;
    min-height: 40px;
    align-items: center;
  }
  .status h4 {
    margin-top: 0;
    text-align: left;
    position: static;
    transform: none;
    white-space: normal;
  }
  .status::before {
    left: -15px;
    top: 0;
    transform: none;
  }
  .li.complete .status::before {
    left: -11px;
    top: -2px;
  }
  .li.complete .status {
    border-left: 2px solid #000000;
    border-top: none;
  }
  /* Last item - remove bottom padding and border */
  .li:last-child .status {
    border-left: 2px solid #D6DCE0;
    padding-bottom: 0;
  }
  .li:last-child.complete .status {
    border-left: 2px solid #000000;
  }
}
/* Extra small devices */
@media (max-width: 480px) {
  .timeline-section {
    padding: 30px 15px;
  }
  .status h4 {
    font-size: 12px;
  }
  .status::before {
    width: 17px;
    height: 16px;
    left: -12px;
  }
  .li.complete .status::before {
    width: 10px;
    height: 10px;
    left: -8px;
  }
}
.results, .projects-container {
  padding: 24px 0 5px;
  position: relative;
  margin-bottom: 12px; /* espace pour éviter que la section suivante paraisse "sous" le bloc */
}

.results::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  pointer-events: none;
}

.results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.results__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.results__view-toggle {
  display: inline-flex;
  gap: 8px;
  background: #f2f2f2;
  padding: 4px;
  border-radius: 999px;
  margin: 16px auto;
  margin-right: 44%;
}

.results__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
  color: #222;
}

.results__tab.is-active {
  background: #f0b429;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.results__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding-bottom: 16px;
  position: relative;
}

.results__map, .map-wrapper {
  height: 800px !important;
}

.results__map-inner, .map-container {
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #e6e6e6;
}

.map-placeholder {
  height: 100%;
  display: grid;
  place-items: center;
  color: #666;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .results.is-list .results__body {
    grid-template-columns: 1fr;
  }
}
.card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.card-grid .card {
  width: calc(50% - 16px);
}

.card, .item-result-filter {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform: scale(1);
  max-width: 368px;
}

.card:hover, .item-result-filter:hover {
  transform: scale(0.9); /* scale down */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #faf0e4;
}

.card__media, .item-result-filter__visuel {
  position: relative;
  height: 260px;
  background: #f5f5f5;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.card__media img, .item-result-filter__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background: transparent;
  overflow-clip-margin: content-box;
  overflow: clip;
}

.card__badges {
  position: absolute;
  top: 10px;
  left: 10px;
}

.card__badge {
  position: relative;
  background: #f0b429;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
}

.card__cta--overlay {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: #3c3c3c;
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

.card__content, .item-result-filter__desc {
  padding: 12px 8px 14px;
}

.chip {
  background: #cccccc;
  color: #1F2F65;
  font-size: 11.34px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 999px;
}

.card__content .chip {
  position: static;
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 0;
}

.card__title {
  margin: 10px 0 6px;
  font-size: 16px;
  font-weight: 800;
  color: #1f2937;
}

.card__desc {
  margin: 0 0 12px;
  color: #4b5563;
  font-size: 14px;
}

.card__cta {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: #8b7a44;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.results-carousel {
  display: none;
}

.results-carousel__track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 8px 8px 0;
  touch-action: pan-x pan-y;
  cursor: grab;
}

.results-carousel__track.dragging {
  scroll-behavior: auto;
  cursor: grabbing;
}

.result-slide {
  flex: 0 0 85%;
  scroll-snap-align: none;
}

.results-carousel__track::-webkit-scrollbar {
  display: none;
}

.results-carousel__track {
  direction: ltr;
}

.result-slide {
  direction: ltr;
}

.results-carousel__track.dragging .card {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.results-carousel__track.dragging a {
  pointer-events: none;
}

@media (min-width: 1024px) {
  .results__body {
    grid-template-columns: 1.5fr 1.6fr;
  }
}
.results.is-list .results__body {
  grid-template-columns: 1fr;
}

.results.is-list #panelMap {
  display: none;
}

@media (min-width: 1024px) {
  .results.is-list .card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .results.is-list .card-grid .card {
    width: calc((100% - 80px) / 4);
  }
}
.results .results__list {
  max-height: 904px !important;
  overflow: auto;
  padding-right: 0px;
  padding-bottom: 48px;
}

/* Spécifique au mode liste: ajouter un espace pour la scrollbar */
.results.is-list .results__list {
  padding-right: 10px;
}

@media (max-width: 768px) {
  .results .results__list {
    padding-bottom: 4px !important;
  }
  .results, .projects-container {
    padding: 1px 0 5px;
  }
  .results__tab span {
    display: none;
  }
}
.results .results__list::-webkit-scrollbar {
  width: 8px;
}

.results .results__list::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 8px;
}

.results .results__list::-webkit-scrollbar-thumb {
  background: #8b7a44;
  border-radius: 8px;
}

.results .results__list {
  scrollbar-width: unset;
}

@media (max-width: 1023px) {
  .results__list {
    display: block;
    max-height: none;
    overflow: visible;
    padding-bottom: 0;
  }
  .results__map {
    display: none;
    height: 90vh !important;
  }
  .results__view-toggle {
    margin: 16px;
  }
  .results.is-list .results__list {
    display: block;
  }
  .results.is-list .results__map {
    display: none;
  }
  .results:not(.is-list) .results__list {
    display: none;
  }
  .results:not(.is-list) .results__map {
    display: block;
    height: 90vh !important;
    width: 100%;
  }
  .results:not(.is-list) .results__map-inner {
    height: 100%;
    width: 100%;
    border-radius: 0;
  }
  .card-grid {
    display: none;
  }
  .results-carousel {
    display: block;
  }
  .result-slide {
    flex-basis: 88%;
  }
  .results .results__list {
    scrollbar-width: none;
  }
  .results .results__list::-webkit-scrollbar {
    display: none;
  }
}
.affiliate-box {
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.affiliate-box-image {
  background: #ddd;
  flex-shrink: 0;
}

.mapboxgl-popup-close-button {
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  font-size: large;
}

.affiliate-box-image img {
  display: block;
  width: 240px;
  height: 135px;
  -o-object-fit: cover;
     object-fit: cover;
}

.affiliate-box-content {
  padding: 12px 14px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.affiliate-box-content .name-place {
  margin: 0 0 6px 0;
  color: #282833;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.affiliate-box-content .place-meta {
  margin: 0 0 10px 0;
  color: #111827;
  font-size: 12px;
  font-weight: 600;
}

.affiliate-box-content .affiliate-box-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #007035;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}

.affiliate-box-content .affiliate-box-link:hover {
  text-decoration: underline;
}

/* RTL support */
html[dir=rtl] .affiliate-box-content .affiliate-box-link {
  direction: rtl;
}

.mapboxgl-popup-content {
  padding: 0 !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.31) !important;
}

.mapboxgl-popup-tip {
  display: none !important;
}

.mapboxgl-popup {
  max-width: 400px !important;
}

.mapboxgl-popup .affiliate-box {
  display: block;
}

.affiliate-box-image {
  position: relative;
  height: auto;
  width: 240px;
}

.affiliate-box-price {
  position: relative;
  font-weight: bold;
  color: #725d19;
  font-size: 16px;
  padding: 10px 0 0;
}

.affiliate-box-price .news-btn {
  width: 4rem;
  height: 4rem;
  position: absolute;
  right: -22px;
  bottom: -30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}

.affiliate-box-price .news-btn img {
  width: 38px;
  height: 38px;
  transition: all 0.5s;
  box-sizing: border-box;
}

.affiliate-box-price .news-btn:hover img {
  transform: rotate(90deg) scale(1.15);
  transition: transform 0.3s;
}

/* Support RTL pour le bouton plus */
[dir=rtl] .affiliate-box-price .news-btn {
  right: unset;
  left: 0;
}

.all-projects {
  padding: 24px 0;
  background: linear-gradient(to bottom, rgba(211, 199, 190, 0) 0%, rgba(0, 0, 0, 0.12) 126%);
}

.all-projects:not(.resultsSection-islist) .all-projects__content {
  text-align: start;
  margin-left: 200px;
}

.all-projects.resultsSection-islist .all-projects__content {
  text-align: center;
}

.all-projects__button {
  display: inline-block;
  padding: 12px 24px;
  color: #000000;
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.all-projects__button:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .all-projects:not(.resultsSection-islist) .all-projects__content {
    text-align: center !important;
    margin: auto !important;
    margin-top: 10px !important;
  }
  .all-projects.resultsSection-islist .all-projects__content {
    text-align: center !important;
    margin: auto !important;
  }
  .all-projects {
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
/* Séparation et indépendance visuelle du bloc par rapport aux résultats */
.all-projects {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  background: linear-gradient(to bottom, rgba(211, 199, 190, 0) 0%, rgba(0, 0, 0, 0.12) 126%);
}

.all-projects .all-projects__content {
  text-align: center;
  margin-left: 0;
}

.daam-sakane {
  padding: 16px 0 0;
  margin-bottom: 20px !important;
}

.daam-sakane__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 33px 26px 16px !important;
  background-color: #EFF3E8;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  gap: 12px;
  min-width: 0;
}

.daam-sakane__brand img {
  display: block;
  height: 64px;
  width: auto;
}

.daam-sakane__brand,
.daam-sakane__actions {
  min-width: 0;
}

.daam-sakane__actions {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  flex: 0 1 auto;
}

.daam-sakane__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(8px, 2.2vw, 12px) clamp(12px, 4vw, 20px);
  background: #5F8C18;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.15;
  font-size: clamp(12px, 1.8vw, 16px);
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.daam-sakane__body {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.daam-sakane__body::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5F8C18;
}

.daam-sakane__body::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background-image: var(--daam-bg);
  background-position: center;
  background-size: cover;
  opacity: 0.35;
}

/* Support RTL - image de fond à droite */
[dir=rtl] .daam-sakane__body::after {
  left: auto;
  right: 0;
}

@media screen and (max-width: 960px) {
  .daam-sakane__body::after {
    top: -171px;
    bottom: 0;
    left: 0;
    width: 117%;
  }
  /* Support RTL - image de fond responsive */
  [dir=rtl] .daam-sakane__body::after {
    left: auto;
    right: 0;
  }
}
.daam-sakane__body-inner {
  display: flex;
  gap: 24px;
  padding: 24px 0 32px 16px;
  position: relative;
  z-index: 1;
  --intro-w: 24%;
}

.daam-sakane__intro {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  width: var(--intro-w);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  z-index: 3;
  overflow: hidden;
  background: inherit;
}

/* Support RTL - intro à droite */
[dir=rtl] .daam-sakane__intro {
  left: auto;
  right: 16px;
}

.daam-sakane__body-title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
}

.daam-sakane__body-subtitle {
  margin: 0;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 1;
  text-transform: uppercase;
}

.daam-sakane__intro-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 12px 24px;
  background: #fff;
  color: #5F8C18;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #fff;
}
.daam-sakane__intro-button:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.daam-sakane__intro-button:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (max-width: 992px) {
  .daam-sakane__intro-button {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 14px;
  }
}

.daam-sakane__carousel {
  flex: 1 1 auto;
  position: relative;
  min-width: 0;
  z-index: 1;
  margin-right: -77px;
  margin-left: 430px;
}

/* Support RTL - carousel ajusté pour intro à droite */
[dir=rtl] .daam-sakane__carousel {
  margin-left: -77px;
  margin-right: 430px;
}

.daam-sakane__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 8px 0 8px 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x;
  direction: ltr !important; /* Force LTR pour le carousel même en RTL */
  -webkit-overflow-scrolling: touch;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--intro-w) - 212px);
  margin-left: 0;
  margin-right: 0;
  overflow-y: visible;
}

[dir=rtl] .daam-sakane__track {
  padding-right: calc(var(--intro-w) - 212px);
  padding-left: 0;
}

.daam-sakane__track::-webkit-scrollbar {
  display: none;
}

.daam-sakane__slide {
  flex: 1 0 340px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.daam-sakane__track.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  background: rgba(0, 0, 0, 0.01);
}

.daam-sakane__track img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.daam-sakane__track.dragging * {
  pointer-events: none;
}

.daam-sakane .card__desc {
  margin: 0 0 12px;
  font-size: 14px;
  color: #4b5563;
  overflow: hidden;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.daam-sakane.is-collapsed .daam-sakane__intro {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-12px);
}

/* Support RTL - animation collapsed */
[dir=rtl] .daam-sakane.is-collapsed .daam-sakane__intro {
  transform: translateX(12px);
}

.daam-sakane.is-collapsed .daam-sakane__carousel {
  flex-basis: 100%;
}

@media (max-width: 992px) {
  .daam-sakane__body-inner {
    flex-direction: column;
  }
  .daam-sakane__intro {
    position: static;
    width: auto;
    padding: 34px;
  }
  .daam-sakane__carousel {
    flex-basis: auto;
  }
  .daam-sakane__body-inner {
    --intro-w: 0%;
  }
  .daam-sakane__track {
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .daam-sakane__carousel {
    margin-right: 0;
    margin-left: 0;
  }
  .daam-sakane__cta {
    font-size: clamp(11px, 4.2vw, 16px);
    padding: clamp(8px, 2.8vw, 12px) clamp(10px, 5vw, 18px);
  }
  .daam-sakane__header {
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 30px;
  }
  /* Support RTL - responsive */
  [dir=rtl] .daam-sakane__carousel {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .daam-sakane__slide {
    flex: 1 0 283px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
  }
  .daam-sakane__slide .card {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform: scale(1);
    max-width: 285px;
  }
}
.commercial-ads {
  padding: 10px 0;
  position: relative;
  overflow: visible;
  z-index: 2000;
}

.commercial-ads .container-85, .commercial-ads .content-container-center {
  position: relative;
  overflow: visible;
  z-index: 2001;
}

.commercial-ads__title {
  margin: 20px 0 0px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

.ads-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(326px, 1fr));
  gap: 47px;
}

/* Carrousel annonces */
.ads-carousel {
  position: relative;
  overflow: visible;
  z-index: auto;
}

.ads-carousel__track {
  display: flex;
  gap: 40px;
  padding: 125px 8px 0;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  direction: ltr;
  touch-action: pan-x pan-y;
  position: relative;
  z-index: auto;
}

.ads-carousel__track.dragging {
  scroll-behavior: auto;
}

.ads-carousel__track.dragging .ad-card {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.ads-carousel__track.dragging a {
  pointer-events: none;
}

.ads-carousel__track img {
  -webkit-user-drag: none;
  user-drag: none;
}

.ad-slide {
  flex: 0 0 calc((100% - 132px) / 4);
  margin-top: -80px;
  position: relative;
  z-index: 0;
  direction: ltr;
}

.ads-carousel__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}

.ads-carousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d9d9d9;
  border: 0;
  cursor: pointer;
}

.ads-carousel__dot.is-active {
  background: #94281A;
}

/* Scrollbar discrète */
.ads-carousel__track {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ads-carousel__track::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
  background: transparent;
}

.ad-slide {
  scroll-snap-align: none;
}

.ad-card {
  background: #fff;
  border-radius: 16px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  box-shadow: 0 -1px 4px rgb(0, 0, 0);
  margin-bottom: 2px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  z-index: auto;
  will-change: transform, box-shadow;
  direction: ltr;
  max-width: 368px;
  max-height: 458px;
}

.ad-card__media {
  position: relative;
  height: 380px;
  overflow: hidden;
  border-radius: 33px;
  border-bottom-right-radius: 0px;
}

.ad-card__media::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65px;
  height: 67px;
  background: #fff;
  border-top-left-radius: 80px;
  z-index: 1;
}

.ad-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: filter 0.2s ease, transform 0.2s ease;
  position: relative;
  z-index: 0;
}

.ad-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
  z-index: 2;
}

.ad-card__overlay-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.ad-card__overlay-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  transform: translateY(8px);
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  text-align: center;
}

.ad-card__overlay-content .icon-eye {
  display: inline-flex;
  line-height: 0;
}

.ad-card__overlay-content .icon-eye img {
  width: 39px;
  height: 39px;
  display: block;
}

.ad-card__badge {
  position: absolute;
  top: 22px;
  left: 20px;
  color: #ffffff;
  font-weight: 800;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  z-index: 2;
}

.ad-card__action {
  position: absolute;
  right: 12px;
  bottom: 12px;
  border: 0;
  z-index: 99;
  background: transparent;
  color: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  right: 3px;
  bottom: 2px;
}

.ad-card__action img {
  width: 48px;
  height: 48px;
  display: block;
}

.ad-card__action:hover,
.ad-card__action:focus-visible {
  background: #85702F;
  color: #fff;
  border-color: #85702F;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

.ad-card__action:hover img,
.ad-card__action:focus-visible img {
  filter: brightness(0) invert(1);
}

.ad-card__meta.chip {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #ffffff;
  color: #1f2937;
  border-radius: 999px;
  line-height: 1;
  font-weight: 700;
}

.ad-card__meta.chip .icon-location {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.ad-card__meta.chip .icon-location img {
  width: 17px;
  height: 21px;
  display: block;
}

.ad-card__meta.chip-commercial {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #ffffff;
  color: #1f2937;
  border-radius: 999px;
  line-height: 1;
  font-weight: 700;
  z-index: 2;
}

.ad-card__meta.chip-commercial .icon-location {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.ad-card__meta.chip-commercial .icon-location img {
  width: 17px;
  height: 21px;
  display: block;
}

.ad-card__body {
  padding: 12px 12px 16px;
}

.ad-card__title {
  margin: 8px 0 4px;
  font-size: 18px;
  font-weight: 800;
}

.ad-card__desc {
  margin: 0 0 10px;
  color: #4b5563;
  font-size: 14px;
}

.ad-card__links {
  display: flex;
  gap: 12px;
  align-items: center;
}

.ad-card__btn {
  display: inline-block;
  padding: 8px 12px;
  background: #8b7a44;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}

.ad-card__download {
  color: #1f2937;
  font-weight: 700;
  text-decoration: underline;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  text-underline-offset: 2px;
}

.ad-card__download .icon-download {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.ad-card__download .icon-download img {
  width: 18px;
  height: 18px;
  display: block;
}

.commercial-ads__cta {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.commercial-ads__cta .btn {
  background: #ffffff;
  color: #8b7a44;
  padding: 19px 62px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  border: 3px solid #8b7a44;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  transition: all 0.2s ease;
}

.commercial-ads__cta .btn:hover {
  background: #8b7a44;
  color: #ffffff;
}

/* Hover effects only on devices with hover capability (not mobile/touch) */
@media (hover: hover) {
  .ad-card:hover {
    transform: translateY(-28px) scale(1.03);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    z-index: 2147483647;
  }
  .ad-card:hover .ad-card__media img {
    filter: grayscale(35%) brightness(0.95);
    transform: none;
  }
  .ad-card:hover .ad-card__action {
    background: #85702F;
    color: #fff;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
  }
  .ad-card:hover .ad-card__action img {
    filter: brightness(0) invert(1);
  }
  .ad-card:hover .ad-card__overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.25);
  }
  .ad-card:hover .ad-card__overlay-content {
    opacity: 1;
    transform: translateY(0);
  }
  .ad-slide:hover {
    z-index: 2147483647;
  }
}
@media (max-width: 1200px) {
  .ads-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ad-slide {
    flex-basis: calc((100% - 48px) / 3);
  }
}
@media (max-width: 900px) {
  .ads-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ad-slide {
    flex-basis: calc((100% - 24px) / 2);
  }
  .commercial-ads__title {
    margin: 20px 0 -19px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
  }
}
@media (max-width: 600px) {
  .ads-grid {
    grid-template-columns: 1fr;
  }
  .ad-slide {
    flex-basis: 100%;
  }
}
.icon-location:before {
  content: "\e932";
}

.why-choose-al-omrane {
  background-color: #ffffff;
  padding: clamp(40px, 8vw, 80px) 0;
  position: relative;
  overflow: hidden;
}
.why-choose-al-omrane__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "images" "text" "man";
  gap: clamp(24px, 5vw, 40px);
  align-items: center;
  justify-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.why-choose-al-omrane__images {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  justify-self: center;
  overflow: hidden;
  z-index: 1;
  grid-area: images;
  box-sizing: border-box;
}
.why-choose-al-omrane__images > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-choose-al-omrane__image {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}
.why-choose-al-omrane__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.why-choose-al-omrane__image--building {
  width: 44%;
  height: 95%;
  border-radius: clamp(60px, 12vw, 114px);
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom-right-radius: 0px;
}
.why-choose-al-omrane__image--handshake {
  width: 50%;
  height: 43%;
  top: 0px;
  right: 0px;
  z-index: 2;
  border-bottom-left-radius: 0px;
}
.why-choose-al-omrane__image--family {
  width: 51%;
  height: 50%;
  bottom: 0px;
  right: 0;
  z-index: 1;
  border-top-right-radius: 0px;
}
.why-choose-al-omrane__image--man {
  border-radius: 0;
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
  flex-shrink: 0;
  justify-self: center;
  width: 100%;
  max-width: min(90vw, 320px);
  grid-area: man;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-choose-al-omrane__image--man img {
  width: 72%;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  position: relative;
  z-index: 2;
}
.why-choose-al-omrane__image--man .why-choose-al-omrane__image-bg {
  position: absolute;
  top: 57%;
  right: 112px;
  width: clamp(284px, 22vw, 380px);
  height: clamp(284px, 22vw, 380px);
  max-width: 90%;
  border-radius: 50%;
  background: #E9F6F9;
  z-index: -1;
  transform: translate(20%, -50%);
}
.why-choose-al-omrane__text {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 2;
  grid-area: text;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
}
.why-choose-al-omrane__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2d3748;
  margin: 0 0 clamp(12px, 2vw, 16px) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__subtitle {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 clamp(16px, 3vw, 24px) 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__description {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: #718096;
  line-height: 1.6;
  margin: 0 0 clamp(24px, 4vw, 40px) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__features {
  margin-bottom: clamp(24px, 4vw, 40px);
}
.why-choose-al-omrane__feature {
  display: flex;
  align-items: flex-start;
  gap: clamp(12px, 2.5vw, 20px);
  margin-bottom: clamp(20px, 3vw, 32px);
}
.why-choose-al-omrane__feature:last-child {
  margin-bottom: 0;
}
.why-choose-al-omrane__feature-icon {
  width: clamp(35px, 5vw, 53px);
  height: clamp(35px, 5vw, 55px);
  background: #8b7a44;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.why-choose-al-omrane__feature-icon img {
  width: clamp(18px, 2.5vw, 34px);
  height: clamp(18px, 2.5vw, 34px);
  filter: brightness(0) invert(1);
}
.why-choose-al-omrane__feature-content {
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__feature-title {
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 clamp(6px, 1vw, 8px) 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__feature-description {
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
  color: #718096;
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__cta {
  margin-top: clamp(24px, 4vw, 40px);
}
.why-choose-al-omrane__button {
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 1.5vw, 12px);
  background: #8b7a44;
  color: white;
  padding: clamp(12px, 2vw, 16px) clamp(20px, 3vw, 32px);
  border-radius: clamp(30px, 5vw, 47px);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  width: 100%;
  max-width: 55%;
  box-sizing: border-box;
  justify-content: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.why-choose-al-omrane__button:hover {
  background: #8b7a44;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(140, 114, 28, 0.3);
}
.why-choose-al-omrane__button .btn__icon {
  width: clamp(20px, 3vw, 33px);
  height: clamp(15px, 2vw, 33px);
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}
@media (min-width: 768px) {
  .why-choose-al-omrane__content {
    gap: clamp(28px, 4vw, 40px);
  }
  .why-choose-al-omrane__images {
    max-width: min(85vw, 480px);
  }
  .why-choose-al-omrane__text {
    max-width: min(90vw, 520px);
  }
  .why-choose-al-omrane__image--man {
    max-width: min(75vw, 340px);
  }
}
@media (min-width: 1024px) {
  .why-choose-al-omrane__content {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "images text" "man man";
    gap: clamp(32px, 4vw, 48px);
    align-items: start;
  }
  .why-choose-al-omrane__images {
    max-width: 100%;
    justify-self: center;
  }
  .why-choose-al-omrane__text {
    max-width: 100%;
    justify-self: center;
  }
  .why-choose-al-omrane__image--man {
    max-width: min(70vw, 380px);
    justify-self: center;
    margin-top: clamp(16px, 3vw, 24px);
  }
}
@media (min-width: 1280px) {
  .why-choose-al-omrane__content {
    grid-template-columns: minmax(300px, 1fr) minmax(400px, 1.5fr) minmax(300px, 1fr);
    grid-template-areas: "images text man";
    gap: clamp(32px, 4vw, 54px);
    align-items: center;
  }
  .why-choose-al-omrane__images {
    max-width: 100%;
    align-self: center;
    width: 180%;
  }
  .why-choose-al-omrane__text {
    max-width: 100%;
    align-self: center;
  }
  .why-choose-al-omrane__image--man {
    max-width: min(100%, 450px);
    justify-self: end;
    width: auto;
    align-self: center;
    position: relative;
  }
  .why-choose-al-omrane__image--man img {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    display: block;
  }
  .why-choose-al-omrane__image--man .why-choose-al-omrane__image-bg {
    position: absolute;
    top: 57%;
    right: 112px;
    width: clamp(284px, 22vw, 380px);
    height: clamp(284px, 22vw, 380px);
    max-width: 90%;
    border-radius: 50%;
    background: #E9F6F9;
    z-index: 1;
    transform: translate(20%, -50%);
  }
}
@media (min-width: 1600px) {
  .why-choose-al-omrane__content {
    grid-template-columns: minmax(546px, 1fr) minmax(529px, 0.2fr) minmax(272px, 520px);
    gap: clamp(35px, 4vw, 54px);
    align-items: start;
  }
  .why-choose-al-omrane__images {
    max-width: 560px;
    align-self: center;
  }
  .why-choose-al-omrane__text {
    max-width: 600px;
    width: 130%;
    align-self: center;
  }
  .why-choose-al-omrane__image--man {
    max-width: 654px;
    width: 151%;
    height: 575px;
    left: 83px;
  }
  .why-choose-al-omrane__image--man img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .why-choose-al-omrane__image--man {
    display: none;
  }
  .why-choose-al-omrane__title {
    font-size: 1.8rem;
  }
}
.blue--ciel {
  background: #00A0C6;
}

.rose--fuchsia {
  background: #E12D80;
}

.orange--safran {
  background: #F0B429;
}

.orange--ambre {
  background: #F59E0B;
}

.vert--olive {
  background: #638C1C;
}

.vert--menthe {
  background: #10B981;
}

.gris--ardoise {
  background: #6B7280;
}

.bleu--marine {
  background: #0B4F6C;
}

.quick-actions {
  padding: 8px 0 16px !important;
  margin: 0 auto;
  margin-bottom: 24px !important;
  width: 70%;
  max-width: 1440px;
}

.quick-actions__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 100%;
  overflow: hidden;
}

@media (min-width: 576px) {
  .quick-actions__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .quick-actions__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .quick-actions__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}
.quick-action {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 29px 26px;
  border: 2px solid rgba(150, 150, 150, 0.7294117647);
  border-radius: 16px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  overflow: hidden;
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.quick-action:hover {
  background: #8b7a44;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.quick-action__icon {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: rgba(133, 112, 47, 0.29);
  place-items: center;
  transition: background 0.3s ease;
}

.quick-action:hover .quick-action__icon {
  background: #a39156;
}

.quick-action__icon img {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  transform: translate(16px, 10px);
}

.quick-action__texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.quick-action__line {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  transition: color 0.3s ease;
}

.quick-action:hover .quick-action__line {
  color: #ffffff;
}

.quick-action__arrow img {
  width: 24px;
  height: 24px;
  display: block;
  transform: translateY(18px);
  transition: filter 0.3s ease;
}

.quick-action:hover .quick-action__arrow img {
  filter: brightness(0) invert(1); /* Rendre l'image blanche */
}

[dir=rtl] .quick-action__arrow img {
  transform: rotate(180deg);
  margin-top: 33px;
}

.news {
  /* Variables configurables - dimensions exactes Figma */
  --news-card-width: 333px;
  --news-card-media-height: 313px;
  --news-card-height: 430px;
  padding: 68px 0;
  background: #F3EBE1;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

.news::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background-image: url("../bundles/omranesocle/refonte3/images/contenus/background-actualites.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  pointer-events: none;
  opacity: 1;
  z-index: 0;
}

.news__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 44px auto !important;
  padding: 0 20px;
}

.news__title {
  margin: 0px -35px !important;
  font-size: 32px;
  font-weight: 600;
  font-family: "Montserrat", Arial, sans-serif;
}

.news__all {
  margin: 0px -35px !important;
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  border: 1px solid #1f2937;
  text-decoration: none;
  color: #1f2937;
  font-weight: 500;
  transition: all 0.2s ease;
}

.news__all:hover {
  background: #8b7a44;
  color: #fff;
  border-color: #8b7a44;
}

/* Carrousel actualités - 3 cartes visibles */
.news-carousel {
  position: relative;
  overflow: hidden;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 20px;
  transition: all 0.3s ease;
}

.news-carousel.is-hovered {
  /* Indication visuelle que le carrousel est en pause */
  transform: scale(1.01);
}

.news-carousel__track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  direction: ltr;
  touch-action: pan-x pan-y;
  position: relative;
  z-index: auto;
  padding: 0 0 20px 0;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
}

.news-carousel__track.dragging {
  scroll-behavior: auto;
  cursor: grabbing;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  will-change: scroll-position;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.news-carousel__track.dragging .news-card {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.news-carousel__track.dragging a {
  pointer-events: none;
}

.news-carousel__track img {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
}

.news-slide {
  flex: 0 0 calc((100% - 48px) / 3);
  position: relative;
  z-index: 0;
  direction: ltr;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.news-slide:hover {
  z-index: 2147483647;
}

.news-carousel__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  transition: opacity 0.3s ease;
}

.news-carousel.is-hovered .news-carousel__dots {
  opacity: 0.7;
}

.news-carousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d9d9d9;
  border: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}

.news-carousel__dot.is-active {
  background: #94281A;
}

/* Scrollbar discrète */
.news-carousel__track {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.news-carousel__track::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
  background: transparent;
}

.news-slide {
  scroll-snap-align: start;
}

.news-card {
  width: var(--news-card-width);
  height: var(--news-card-height);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0px 1px rgb(0, 0, 0);
  background: #fff;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 2;
  will-change: transform, box-shadow;
  direction: ltr;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.news-card__media {
  height: var(--news-card-media-height);
  overflow: hidden;
  position: relative;
  background: #f8f9fa;
  z-index: 1;
}

.news-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  opacity: 1;
  background: #f8f9fa;
  transition: filter 0.2s ease, transform 0.2s ease;
  position: relative;
  z-index: 2;
}

/* Fallback si l'image ne se charge pas */
.news-card__media img:not([src]),
.news-card__media img[src=""] {
  background: linear-gradient(135deg, #8b7a44 0%, #6d5a2f 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

.news-card__media img:not([src])::after,
.news-card__media img[src=""]::after {
  content: "Image non disponible";
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

/* Debug pour voir si les images se chargent */
.news-card__media img {
  border: 1px solid transparent;
}

.news-card__media img:hover {
  border: 1px solid #8b7a44;
}

.news-card__body {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news-card__date {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 6px;
}

.news-card__title {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #111;
  letter-spacing: 1px;
  flex: 1;
  line-height: 1.4;
}

.news-card__cta {
  display: inline-block;
  background: #8b7a44;
  color: #fff;
  text-decoration: none;
  padding: 11px 28px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 12px;
  margin-top: auto;
  transition: all 0.2s ease;
  align-self: flex-start;
}

.news-card__cta:hover {
  background: #6d5a2f;
  transform: translateY(-1px);
}

.news-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  z-index: 2147483647;
}

.news-card:hover .news-card__media img {
  filter: grayscale(20%) brightness(0.95);
  transform: scale(1.05);
}

/* Responsive Design */
@media (max-width: 1200px) {
  .news-carousel {
    max-width: 1000px;
  }
  .news-slide {
    flex: 0 0 calc((100% - 48px) / 3);
  }
}
@media (max-width: 900px) {
  .news__header {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .news-carousel {
    max-width: 800px;
  }
  .news-slide {
    flex: 0 0 calc((100% - 24px) / 2);
  }
  .news__title {
    font-size: 28px;
  }
}
@media (max-width: 622px) {
  .news {
    padding: 40px 0;
  }
  .news__header {
    padding: 0 15px;
  }
  .news-carousel {
    padding: 18px 15px;
    max-width: 459px;
  }
  .news-slide {
    flex: 0 0 100%;
    width: 100%;
  }
  .news__title {
    font-size: 1.8rem;
  }
  .news-card {
    --news-card-width: 100%;
    width: 100%;
    max-width: none;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .news-slide {
    flex: 0 0 100%;
    margin: 0;
    width: 100%;
    min-width: 100%;
  }
  .news-card {
    width: 100%;
    max-width: 100%;
  }
}
.coverflow-section {
  padding: 91px 0 4px;
  direction: ltr !important; /* Force LTR même en RTL */
}

.coverflow-title {
  margin: 0 0 0px;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Montserrat", Arial, sans-serif;
  line-height: 100%;
  color: #1F2F65;
  direction: ltr !important; /* Force LTR même en RTL */
  text-align: center;
  margin-top: -67px;
  margin-bottom: 20px;
}

.coverflow {
  position: relative;
  direction: ltr !important; /* Force LTR même en RTL */
}

.coverflow__swiper {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}

.coverflow__slide {
  width: 30% !important;
}

.coverflow-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
  direction: ltr !important; /* Force LTR même en RTL */
}

.coverflow-card__image {
  display: block;
  width: 100%;
  height: 751px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}

.coverflow-card__content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 60px 38px;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.75) 100%);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  direction: ltr !important; /* Force LTR même en RTL */
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.coverflow-card__content:hover {
  opacity: 0.95;
}

.coverflow-card__text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0; /* Permet au texte de se rétrécir si nécessaire */
  padding-right: 16px; /* Espace entre le texte et le bouton */
}

.coverflow-card__title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: wrap;
}

.coverflow-card__subtitle {
  margin: 0 0 10px;
  font-size: 13px;
  opacity: 0.9;
}

.coverflow-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border: 1px solid #ffffff;
  border-radius: 20px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0);
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0; /* Le bouton ne se rétrécit jamais */
  align-self: flex-end; /* Positionne le bouton en bas */
  pointer-events: none; /* Désactive les événements de clic sur le span pour que le parent gère le clic */
}

.coverflow-card__content:hover .coverflow-card__cta {
  background: #fff;
  color: #0e2a4a;
  border: 1px solid #000000;
}

.coverflow-card__content:hover .coverflow-card__cta img {
  filter: invert(1);
}

/* Zoom de l'image au hover sur la carte */
.coverflow-card:hover .coverflow-card__image {
  transform: scale(1.05); /* agrandit légèrement l'image au hover */
}

@media (max-width: 768px) {
  .coverflow__slide {
    width: 40% !important;
  }
  .coverflow-card__image {
    height: 575px;
  }
  .coverflow-card__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 30px 20px;
    gap: 12px;
  }
  .coverflow-card__text {
    width: 100%;
    padding-right: 0;
  }
  .coverflow-card {
    width: 171% !important;
    height: 500px !important;
    right: 55px !important;
  }
  .coverflow-card__title {
    font-size: 18px;
    width: 100%;
  }
  .coverflow-card__subtitle {
    font-size: 12px;
  }
  .coverflow-card__cta {
    font-size: 12px;
    height: 30px;
    padding: 0 12px;
    width: 100%;
    justify-content: center;
    align-self: stretch;
    margin-top: 8px;
    pointer-events: none;
  }
  .coverflow-card__content:hover .coverflow-card__cta {
    background: #fff;
    color: #0e2a4a;
    border: 1px solid #000000;
  }
  .coverflow-card__content:hover .coverflow-card__cta img {
    filter: invert(1);
  }
  .coverflow-title {
    margin: 0 0 12px;
    font-size: 32px;
    font-weight: 600;
    font-family: "Montserrat", Arial, sans-serif;
    line-height: 100%;
    color: #1F2F65;
  }
  .coverflow-section {
    padding: 11px 0 4px;
  }
}
.swiper-3d {
  perspective: 1302px !important;
}

/* Styles extraits de map.twig */
/*
map-container {
  height: 112% !important;

  898px
  816 width

  */
.map-container {
  position: relative;
  width: 100%;
  height: 112% !important;
}

.mapbox-embed {
  width: 100%;
  height: 100%;
  background: #e9ecef;
  border-radius: 12px;
  overflow: hidden;
}

.mapbox-embed.is-ready {
  background: transparent;
}

/* Décale logo + attribution en bas à droite de 200px vers le haut */
.mapbox-embed .mapboxgl-ctrl-bottom-right {
  bottom: -200px;
}

/* Styles pour le contrôle fullscreen */
.mapboxgl-ctrl-top-right .mapboxgl-ctrl-group,
.mapboxgl-ctrl-top-left .mapboxgl-ctrl-group {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl-fullscreen-page:hover,
.mapboxgl-ctrl-top-left .mapboxgl-ctrl-fullscreen-page:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Overlay fullscreen de page */
.map-fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}
.map-fullscreen-overlay .map-fullscreen-close {
  position: absolute;
  top: 101px;
  right: 10px;
  z-index: 10000;
  width: 29px;
  height: 27px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: background-color 0.2s, transform 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.map-fullscreen-overlay .map-fullscreen-close:hover {
  background: #fff;
  transform: scale(1.1);
}
.map-fullscreen-overlay .map-fullscreen-close:active {
  transform: scale(0.95);
}
.map-fullscreen-overlay .map-fullscreen-map {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.map-fullscreen-overlay .map-fullscreen-legend {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10000;
}

/* Ajustements pour mobile */
@media (max-width: 767px) {
  .map-fullscreen-overlay .map-fullscreen-close {
    top: 99px;
    right: 10px;
    width: 29px;
    height: 27px;
    font-size: 24px;
  }
  .map-fullscreen-overlay .map-fullscreen-legend {
    bottom: 10px;
    right: 4px;
    padding: 9px;
  }
}
.mapboxgl-popup {
  max-width: 300px;
}

.custom-marker {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1DA1F2;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.custom-marker--img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

/* Styles pour la légende */
.map-zone-legend-container {
  position: absolute;
  bottom: 118px;
  right: 20px;
  z-index: 1000;
  background: rgba(230, 230, 230, 0.62);
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.map-zone-legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.map-zone-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.map-zone-legend-ball {
  width: 19px;
  height: 30px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.map-zone-legend-item:first-child .map-zone-legend-ball {
  width: 21px;
  height: 21px;
  border-radius: 15px;
  background-color: #007035;
  background-image: unset;
}

/* Style pour le cluster mixte (comme les vrais clusters) */
.map-zone-legend-cluster {
  width: 21px;
  height: 22px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(#000000 0% 60%, #85702f 60% 100%);
  position: relative;
}

.map-zone-legend-cluster-inner {
  width: 13px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

.map-zone-legend-text {
  font-size: 12px;
  color: #333;
  margin: 0;
  font-weight: 500;
}

/* Mobile adjustments for legend container */
@media (max-width: 767px) {
  .map-zone-legend-container {
    bottom: 101px;
    right: 4px;
    padding: 9px;
  }
  .map-container {
    height: 100% !important;
  }
  .results, .projects-container {
    height: 118% !important;
  }
}
.leaflet-control-fullscreen a {
  background-color: #fff;
  border-bottom: none;
}
.leaflet-control-fullscreen a:hover {
  background-color: #f4f4f4;
}
.leaflet-control-fullscreen .fullscreen-icon {
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
}
.leaflet-control-fullscreen .leaflet-control-fullscreen-button-active {
  background-color: #f4f4f4;
}

.leaflet-fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-map-container {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-ui-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-ui-element {
  pointer-events: auto;
  position: absolute;
  z-index: 9955;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-tooltip {
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 28px;
  font-weight: 700;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-tooltip button.close {
  border: none;
  background: none;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  color: #444;
  line-height: 1;
  padding: 0;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-tooltip button.close:hover {
  color: #000;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend {
  bottom: 32px;
  right: 32px;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  min-width: 220px;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend div:last-child {
  margin-bottom: 0;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend .dot-yellow {
  background: #F3C005;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend .dot-red {
  background: #E03617;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend .dot-gray {
  background: #6B7280;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend .dot-orange {
  background: #FE7E10;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-legend .dot-green {
  background: #2AAF3E;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary {
  bottom: 32px;
  left: 32px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 32px;
  border-radius: 999px;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #000;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary:hover {
  background: #222;
  transform: translateY(-2px);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary:active {
  transform: translateY(0);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary .map-itinerary-control__label {
  font-size: 13px;
}
@media (max-width: 768px) {
  .leaflet-fullscreen-overlay .leaflet-fullscreen-tooltip {
    top: 16px;
    padding: 8px 16px;
    font-size: 11px;
    gap: 8px;
    white-space: normal;
    text-align: center;
    max-width: calc(100% - 32px);
  }
  .leaflet-fullscreen-overlay .leaflet-fullscreen-legend {
    bottom: 16px;
    right: 16px;
    padding: 12px 14px;
    font-size: 11px;
    min-width: 180px;
  }
  .leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary {
    top: 160px;
    right: 9px;
    left: auto;
    bottom: auto;
    width: 34px;
    height: 33px;
    padding: 0;
    border-radius: 50%;
    border-width: 0;
    justify-content: center;
    gap: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  }
  .leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary .project-description__button-icon {
    width: 22px;
    height: 22px;
  }
  .leaflet-fullscreen-overlay .leaflet-fullscreen-itinerary .map-itinerary-control__label {
    display: none;
  }
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-close {
  position: absolute;
  top: 76px;
  right: 10px;
  z-index: 10000;
  width: 33px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 24px;
  line-height: 1;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-close:hover {
  background: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-close:active {
  transform: scale(0.95);
}
@media (max-width: 768px) {
  .leaflet-fullscreen-overlay .leaflet-fullscreen-close {
    top: 15px;
    right: 15px;
    width: 33px;
    height: 33px;
    font-size: 20px;
  }
}

body.leaflet-fullscreen-active {
  overflow: hidden;
}

.leaflet-control-reload a {
  background-color: #fff;
  border-bottom: none;
}
.leaflet-control-reload a:hover {
  background-color: #f4f4f4;
}

.map-interactive-nav {
  padding: 0;
  margin: 21px;
}
.map-interactive-nav__container {
  display: flex;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
.map-interactive-nav__tabs {
  display: flex;
  background: #000;
  border-radius: 53px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.map-interactive-nav__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  min-width: 120px;
}
.map-interactive-nav__tab:hover {
  background: rgba(255, 255, 255, 0.1);
}
.map-interactive-nav__tab--active {
  background: #D4AF37;
  color: #000;
  border-radius: 53px;
  padding: 12px 51px;
}
.map-interactive-nav__tab--active:hover {
  background: #665006;
  color: #ffffff;
}
.map-interactive-nav__tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.map-interactive-nav__icon {
  width: 20px;
  height: 20px;
  stroke-width: 3;
  font-weight: 600;
}

.map-interactive-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.icon-list-nav {
  width: 32px;
  height: 25px;
  color: #ffffff;
  font-weight: 700;
}

.map-interactive-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.map-interactive-content--active {
  opacity: 1;
  visibility: visible;
}

.map-interactive-map {
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-placeholder {
  text-align: center;
  color: #666;
}
.map-placeholder h2 {
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 16px 0;
  color: #333;
}
.map-placeholder p {
  font-size: 18px;
  margin: 0;
  color: #999;
}

.mi-gallery {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
}

.mi-stage {
  position: relative;
  width: 100%;
  height: calc(100% - 120px);
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.mi-stage__media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.mi-thumbs {
  display: flex;
  align-items: stretch;
  gap: 12px;
  overflow-x: auto;
  padding: 6px 4px;
}

.mi-thumb {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
  outline: none;
}

.mi-thumb img {
  width: 140px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.mi-thumb video {
  width: 140px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  background: #000;
}

.mi-thumb--active img {
  box-shadow: 0 0 0 3px #0be2f6;
}

.mi-gallery[data-mi-type=video] .mi-stage {
  background: #000;
}

.mi-gallery[data-mi-type=video] .mi-stage__media {
  background: #000;
}

.video-player {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  background: #000;
}

.map-interactive-legend {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 200px;
}
.map-interactive-legend__item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.map-interactive-legend__item:last-child {
  margin-bottom: 0;
}
.map-interactive-legend__dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
}
.map-interactive-legend__dot--yellow {
  background: #FFD700;
}
.map-interactive-legend__dot--cyan {
  background: #00FFFF;
}
.map-interactive-legend__dot--purple {
  background: #800080;
}
.map-interactive-legend__dot--pink {
  background: #FF69B4;
}
.map-interactive-legend__dot--green {
  background: #00FF00;
}
.map-interactive-legend span {
  font-size: 12px;
  color: #333;
  font-weight: 500;
}

.map-interactive-filters {
  border-top: 1px solid #e9ecef;
}
.map-interactive-filters__container {
  display: flex;
  justify-content: center;
  gap: 10px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  flex-wrap: wrap;
}
.map-interactive-filters__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 80px;
}
.map-interactive-filters__item--active {
  color: #000;
}
.map-interactive-filters__item--active .map-interactive-filters__icon {
  color: #000;
}
.map-interactive-filters__icon {
  width: 24px;
  height: 24px;
  color: #000;
  font-weight: 600;
  stroke-width: 3;
  transition: color 0.3s ease;
}
.map-interactive-filters span {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-align: center;
}

.plot-popup {
  padding: 12px;
  min-width: 200px;
}
.plot-popup h3 {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.plot-popup p {
  margin: 4px 0;
  font-size: 14px;
  color: #666;
}

@media (max-width: 768px) {
  .map-interactive-nav {
    margin: 16px;
  }
  .map-interactive-nav__container {
    padding: 0 16px;
  }
  .map-interactive-nav__tabs {
    width: 100%;
    max-width: 350px;
    border-radius: 25px;
  }
  .map-interactive-nav__tab {
    padding: 10px 16px;
    font-size: 12px;
    min-width: 70px;
    flex: 1;
  }
  .map-interactive-nav__tab span {
    display: flex;
  }
  .map-interactive-nav__tab--active {
    padding: 14px 24px;
    border-radius: 25px;
  }
  .map-interactive-nav__icon {
    width: 16px;
    height: 16px;
  }
  .map-placeholder h2 {
    font-size: 36px;
  }
  .map-placeholder p {
    font-size: 16px;
  }
  .map-interactive-legend {
    bottom: 10px;
    right: 10px;
    padding: 12px;
    min-width: 160px;
  }
  .map-interactive-legend__item {
    gap: 8px;
  }
  .map-interactive-legend__dot {
    width: 14px;
    height: 14px;
  }
  .map-interactive-legend span {
    font-size: 11px;
  }
  .map-interactive-filters__container {
    gap: 16px;
    padding: 0 16px;
  }
  .map-interactive-filters__item {
    padding: 8px 12px;
    min-width: 60px;
  }
  .map-interactive-filters__icon {
    width: 20px;
    height: 20px;
    stroke-width: 3;
  }
  .map-interactive-filters span {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .map-interactive-nav {
    margin: 12px;
  }
  .map-interactive-nav__container {
    padding: 0 12px;
  }
  .map-interactive-nav__tabs {
    max-width: 300px;
    border-radius: 20px;
  }
  .map-interactive-nav__tab {
    padding: 8px 12px;
    min-width: 60px;
  }
  .map-interactive-nav__tab--active {
    padding: 6px 16px;
    border-radius: 20px;
  }
  .map-interactive-nav__icon {
    width: 14px;
    height: 14px;
    stroke-width: 3;
  }
  .map-interactive-filters__container {
    gap: 12px;
  }
  .map-interactive-filters__item {
    padding: 6px 8px;
    min-width: 50px;
  }
}
.project-description {
  padding: 60px 0;
}
.project-description__title {
  font-size: 32px;
  font-weight: 700;
  color: #333;
  margin: 0 0 24px 0;
  line-height: 1.3;
}
.project-description__paragraph {
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
  margin: 0 0 20px 0;
}
.project-description__paragraph:last-of-type {
  margin-bottom: 32px;
}
.project-description__neighborhood-title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin: 0 0 16px 0;
  line-height: 1.3;
}
.project-description__neighborhood-description {
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
  margin: 0 0 32px 0;
}
.project-description__action {
  margin-top: 40px;
}
.project-description__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #000;
  color: #fff;
  padding: 12px 27px;
  border-radius: 51px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid #000;
}
.project-description__button:hover {
  background: #333;
  border-color: #333;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.project-description__button:active {
  transform: translateY(0);
}
.project-description__button-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
  .project-description {
    padding: 40px 0;
  }
  .project-description__content {
    padding: 0 16px;
  }
  .project-description__title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .project-description__paragraph {
    font-size: 15px;
    margin-bottom: 18px;
  }
  .project-description__neighborhood-title {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .project-description__neighborhood-description {
    font-size: 15px;
    margin-bottom: 28px;
  }
  .project-description__action {
    margin-top: 32px;
  }
  .project-description__button {
    padding: 14px 28px;
    font-size: 15px;
  }
  .project-description__button-icon {
    width: 20px !important;
    height: 20px !important;
    filter: brightness(0) invert(1);
  }
}
@media (max-width: 480px) {
  .project-description {
    padding: 32px 0;
  }
  .project-description__title {
    font-size: 24px;
  }
  .project-description__paragraph {
    font-size: 14px;
  }
  .project-description__neighborhood-title {
    font-size: 20px;
  }
  .project-description__neighborhood-description {
    font-size: 14px;
  }
  .project-description__button {
    padding: 12px 24px;
    font-size: 14px;
  }
}
.lame-detail-project {
  margin-bottom: 40px;
}
.lame-detail-project__inner {
  margin: 30px auto 60px;
  display: flex;
  gap: 40px;
  padding: 0 15px;
}
.lame-detail-project__left {
  width: 40%;
}
.lame-detail-project__left_tags {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.lame-detail-project__left_title {
  font-weight: 700;
  font-size: 22px;
  margin: 8px 0 0 0;
  text-transform: uppercase;
}
.lame-detail-project__left .hero-bien__delivery-date {
  color: #000000;
}
.lame-detail-project__left_highlight {
  color: #DFB42D;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 14px;
}
.lame-detail-project__left_buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.lame-detail-project__left_btn-brochure {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  color: #8b7a44;
  font-size: 16px;
  font-weight: 600;
  gap: 12px;
  background: #ffffff;
  border: 2px solid #8b7a44 !important;
  padding: 12px 27px;
  border-radius: 51px;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  z-index: 1;
  outline: none;
}
.lame-detail-project__left_btn-brochure:focus {
  outline: 2px solid #8b7a44;
  outline-offset: 2px;
}
.lame-detail-project__left_btn-brochure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #8b7a44;
  transition: width 0.3s ease;
  z-index: -1;
}
.lame-detail-project__left_btn-brochure .icon-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease;
}
.lame-detail-project__left_btn-brochure .icon-download img {
  width: 18px;
  height: 18px;
  display: block;
  filter: brightness(0) invert(0);
  transition: filter 0.3s ease;
}
.lame-detail-project__left_btn-brochure .btn-text {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}
.lame-detail-project__left_btn-brochure:hover {
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
}
.lame-detail-project__left_btn-brochure:hover::before {
  width: 100%;
}
.lame-detail-project__left_btn-brochure:hover .btn-text {
  color: #ffffff;
}
.lame-detail-project__left_btn-brochure:hover .icon-download img {
  filter: brightness(0) invert(1);
}
.lame-detail-project__left .amenities-section {
  width: 100%;
  max-width: none;
  margin: 30px 0 0 !important;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  z-index: auto;
}
.lame-detail-project__left .amenities-grid {
  gap: 10px;
  margin: 0;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: unset;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #8b7a44 transparent;
  scroll-behavior: smooth;
  --scroll-track: rgba(0, 0, 0, 0.08);
  --scroll-thumb: linear-gradient(90deg, #c8b273 0%, #8b7a44 100%);
}
.lame-detail-project__left .amenities-grid::-webkit-scrollbar {
  height: 6px;
}
.lame-detail-project__left .amenities-grid::-webkit-scrollbar-track {
  background: transparent;
  margin: 2px 0;
}
.lame-detail-project__left .amenities-grid::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 999px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.lame-detail-project__left .amenities-grid::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.1);
}
.lame-detail-project__left .amenities-grid .amenity-item {
  gap: 0;
  min-width: 140px;
  flex-direction: column;
}
.lame-detail-project__left .amenities-grid .amenity-item p {
  text-align: center;
  font-size: 1rem;
}
.lame-detail-project__left_details-list {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  color: #111;
}
.lame-detail-project__left_details-list li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 16px;
}
.lame-detail-project__left_details-list li::before {
  content: "›";
  position: absolute;
  left: 0;
  color: #000;
  font-size: 16px;
  line-height: 1;
}
.lame-detail-project__left .card__cta {
  display: inline-flex;
  align-items: center;
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 600;
  gap: 12px;
  background: #8b7a44;
  padding: 12px 27px;
  border-radius: 51px;
  text-decoration: none;
  transition: 0.3s;
}
.lame-detail-project__left_header {
  margin-bottom: 20px;
}
.lame-detail-project__left_header .hero-bien__title {
  margin: 0;
}
.lame-detail-project__left_content {
  margin-bottom: 20px;
  line-height: 24px;
}
.lame-detail-project__right {
  flex: 1;
  width: 60%;
  position: relative;
}
.lame-detail-project__right #new-map {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.lame-detail-project__right #new-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.lame-detail-project__right .tooltip {
  position: absolute;
  top: 8px;
  left: 50%;
  color: white;
  transform: translateX(-50%);
  background: rgba(149, 129, 29, 0.82);
  font-size: 13px;
  padding: 8px 18px;
  font-weight: 700;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9955;
  max-width: calc(100% - 24px);
}
.lame-detail-project__right .tooltip button.close {
  border: none;
  background: none;
  font-weight: 700;
  font-size: 26px;
  cursor: pointer;
  color: #fffefe;
  line-height: 1;
  padding: 0;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.lame-detail-project__right .tooltip button.close:hover {
  color: #000;
}
.lame-detail-project__right .tooltip button.close:active {
  transform: scale(0.95);
}
.lame-detail-project__right .legend {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: #fff;
  border-radius: 8px;
  padding: 12px 18px;
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 9955;
}
.lame-detail-project__right .legend div {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.lame-detail-project__right .legend div:last-child {
  margin-bottom: 0;
}
.lame-detail-project__right .legend .dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-right: 8px;
}
.lame-detail-project__right .dot-yellow {
  background: #F3C005;
}
.lame-detail-project__right .dot-red {
  background: #E03617;
}
.lame-detail-project__right .dot-gray {
  background: #6B7280;
}
.lame-detail-project__right .dot-orange {
  background: #FE7E10;
}
.lame-detail-project__right .dot-green {
  background: #2AAF3E;
}
.lame-detail-project__right .map-itinerary-control {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 9955;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 27px;
  border-radius: 51px;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #000;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.lame-detail-project__right .map-itinerary-control:hover {
  background: #333;
  border-color: #333;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.lame-detail-project__right .map-itinerary-control:active {
  transform: translateY(0);
}
body.leaflet-fullscreen-active .lame-detail-project__right .map-itinerary-control {
  bottom: -7rem;
  left: -51rem;
}
.lame-detail-project__right .map-itinerary-control__label {
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .lame-detail-project__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
  }
  .lame-detail-project__left {
    margin-top: 0;
    width: 100%;
  }
  .lame-detail-project__right {
    min-height: 440px;
    margin-bottom: 0;
    width: 100%;
  }
  .lame-detail-project__right #new-map {
    min-height: 440px;
  }
  .lame-detail-project__right .tooltip {
    font-size: 12px;
    padding: 2px 8px;
    white-space: normal;
    width: 70%;
    /* max-width: calc(86% - 13px); */
    left: 50%;
    transform: translateX(-62%);
    text-align: center;
    line-height: 1.4;
  }
  .lame-detail-project__right .tooltip button.close {
    min-width: 28px;
    min-height: 28px;
    font-size: 26px;
    margin-left: -7px;
    color: white;
  }
  .lame-detail-project__right .map-itinerary-control {
    top: 166px;
    right: 9px;
    left: auto;
    bottom: auto;
    padding: 10px;
    width: 35px;
    height: 35px;
    justify-items: center;
    justify-content: center;
    border-radius: 50%;
    border-width: 0;
    gap: 0;
  }
  .lame-detail-project__right .map-itinerary-control__label {
    display: none;
  }
}
.gallery {
  max-width: 1200px;
  margin: 30px auto 60px;
  padding: 0 15px;
}

.gallery-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
  color: #222;
}

.photos-grid {
  display: grid;
  gap: 12px;
  max-width: 100%;
}

.photos-grid a,
.photos-grid img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  display: block;
  cursor: pointer;
}

.photos-grid .more-photos {
  background: #f0f0f0;
  color: #585858;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0 8px;
}

.photos-grid.two-images {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 500px;
}

.photos-grid.three-images {
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 250px;
  height: 500px;
}

.photos-grid.three-images > a.main-photo {
  grid-row: 1/3;
  border-radius: 12px;
  overflow: hidden;
}

.photos-grid.three-images > a.side-image {
  height: 250px;
}

.photos-grid.three-images > a.side-image:nth-child(2) {
  border-radius: 12px 12px 0 0;
}

.photos-grid.three-images > a.side-image:nth-child(3) {
  border-radius: 0 0 12px 12px;
}

.photos-grid.multiple-images {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 300px);
}

.photos-grid.multiple-images > a.main-photo {
  grid-row: span 2;
  grid-column: span 2;
  border-radius: 12px;
  overflow: hidden;
}

.photos-grid.multiple-images > a:not(.main-photo):not(.more-photos) {
  border-radius: 12px;
}

.photos-grid.multiple-images > .more-photos {
  grid-column: span 2;
}

@media (max-width: 850px) {
  .photos-grid.two-images {
    grid-template-columns: 1fr;
    grid-auto-rows: 180px;
    gap: 10px;
  }
  .photos-grid.three-images {
    grid-template-columns: 1fr;
    grid-auto-rows: 180px;
    height: auto;
    gap: 10px;
  }
  .photos-grid.three-images > a.main-photo {
    grid-row: auto;
    border-radius: 12px;
    margin-bottom: 10px;
    height: 180px;
  }
  .photos-grid.three-images > a.side-image {
    height: 140px;
    border-radius: 12px;
  }
  .photos-grid.multiple-images {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 130px);
  }
  .photos-grid.multiple-images > a.main-photo {
    grid-column: span 2;
    grid-row: span 1;
    height: 130px;
  }
  .photos-grid.multiple-images > .more-photos {
    grid-column: span 2;
  }
}
.contact-info {
  padding: 13px 0;
  border: 1px solid #fff;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .contact-info {
    padding: 40px 0;
  }
}
.contact-info__content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 768px) {
  .contact-info__content {
    flex-direction: column;
    gap: 40px;
  }
}
.contact-info__left {
  flex: 1;
  background: #242121;
  padding: 20px;
  display: block;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .contact-info__left {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
.contact-info__info-section {
  width: 36%;
}
.contact-info__title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 30px 0;
}
@media (max-width: 768px) {
  .contact-info__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.contact-info__person {
  margin-bottom: 0;
}
.contact-info__person-name {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  margin: 0 0 8px 0;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .contact-info__person-name {
    font-size: 16px;
  }
}
.contact-info__person-phone {
  font-size: 16px;
  color: #fff;
  margin: 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .contact-info__person-phone {
    font-size: 15px;
  }
}
.contact-info__office {
  flex: 1;
}
.contact-info__office-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.contact-info__office-icon {
  width: 28px;
  height: 33px;
}
.contact-info__office-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
@media (max-width: 768px) {
  .contact-info__office-title {
    font-size: 16px;
  }
}
.contact-info__office-address {
  font-size: 16px;
  color: #fff;
  margin: 0;
  padding-left: 32px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .contact-info__office-address {
    font-size: 15px;
    padding-left: 28px;
  }
}
.contact-info__right {
  flex: 1;
  background: #242121;
  padding: 20px;
  display: block;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.contact-info__actions {
  display: flex;
  gap: 76px;
  width: 100%;
  justify-content: center;
}
@media (max-width: 768px) {
  .contact-info__actions {
    gap: 16px;
  }
}
.contact-info__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 10px;
  background: transparent;
  text-decoration: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-info__action:hover {
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .contact-info__action {
    padding: 16px;
    gap: 10px;
  }
}
.contact-info__action-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-info__action-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .contact-info__action-icon {
    width: 36px;
    height: 36px;
  }
}
.contact-info__action-text {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .contact-info__action-text {
    font-size: 15px;
  }
}
.contact-info__sections {
  display: flex;
}

@media (max-width: 480px) {
  .contact-info {
    padding: 30px 0;
  }
  .contact-info .content-container-center {
    padding: 0 16px;
  }
  .contact-info__content {
    gap: 1rem;
  }
  .contact-info__left {
    padding: 16px;
  }
  .contact-info__right {
    padding: 16px;
  }
  .contact-info__title {
    font-size: 22px;
    margin-bottom: 16px;
  }
  .contact-info__person {
    margin-bottom: 24px;
  }
  .contact-info__person-name {
    font-size: 1rem;
  }
  .contact-info__person-phone {
    font-size: 14px;
  }
  .contact-info__personp {
    line-height: 1.2rem;
    margin: 0;
    padding: 0 0 10px;
    font-size: 1rem;
  }
  .contact-info__office-header {
    gap: 10px;
    margin-bottom: 10px;
  }
  .contact-info__office-icon {
    width: 18px;
    height: 18px;
  }
  .contact-info__office-title {
    font-size: 15px;
  }
  .contact-info__office-address {
    font-size: 14px;
    padding-left: 24px;
  }
  .contact-info__actions {
    gap: 14px;
  }
  .contact-info__action {
    padding: 14px;
    gap: 8px;
  }
  .contact-info__action-icon {
    width: 32px;
    height: 32px;
  }
  .contact-info__action-text {
    font-size: 9px;
  }
}
.features {
  background-color: #f9f9f9;
  padding: 60px 0;
}
.features .features-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  text-align: center;
}
.features .feature {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  min-width: 180px;
  min-height: 100px;
  transition: transform 0.3s ease;
  background: transparent;
}
.features .feature:hover {
  transform: translateY(-4px);
}
.features .feature img {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 12px;
  transition: filter 0.3s ease;
}
.features .feature .link {
  text-decoration: none;
}
.features .feature .link span {
  font-size: 16px;
  font-weight: 700;
  color: #26394C;
  line-height: 100%;
}

.lots-dropdown {
  padding: 0;
  margin: 10px 0px;
}
.lots-dropdown__panel-separator {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.lots-dropdown__panel {
  margin-bottom: 10px;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--gradient-start, #A0823F) 0%, var(--gradient-end, #67510D) 100%);
}
.lots-dropdown__panel:last-of-type {
  margin-bottom: 0;
}
.lots-dropdown__panel--open {
  --gradient-start: #682f20;
  --gradient-end: #957A37;
}
.lots-dropdown__panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.lots-dropdown__panel-header:hover {
  opacity: 0.9;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-header {
    padding: 18px 25px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-header {
    padding: 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-header {
    padding: 14px 16px;
    gap: 10px;
  }
}
.lots-dropdown__panel-info {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-info {
    gap: 18px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-info {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-info {
    gap: 12px;
  }
}
.lots-dropdown__panel-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-title {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-title {
    font-size: 20px;
    white-space: normal;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-title {
    font-size: 18px;
  }
}
.lots-dropdown__panel-details {
  display: flex;
  gap: 20px;
  margin-left: auto;
  margin-right: 20px;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-details {
    gap: 18px;
    margin-right: 18px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-details {
    gap: 2px;
    margin-right: 16px;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-details {
    gap: 4px;
    margin-right: 12px;
  }
}
.lots-dropdown__panel-units {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-units {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-units {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-units {
    font-size: 12px;
  }
}
.lots-dropdown__panel-price {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-price {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-price {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-price {
    font-size: 13px;
  }
}
.lots-dropdown__panel-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.lots-dropdown__panel-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
}
.lots-dropdown__panel-toggle:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .lots-dropdown__panel-toggle {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-toggle {
    top: 0px;
    right: 0px;
  }
}
@media (max-width: 768px) {
  html[dir=rtl] .lots-dropdown__panel-toggle, body.is-rtl .lots-dropdown__panel-toggle {
    right: auto;
    left: 0px;
  }
}
@media (max-width: 480px) {
  html[dir=rtl] .lots-dropdown__panel-toggle, body.is-rtl .lots-dropdown__panel-toggle {
    right: auto;
    left: 0px;
  }
}
.lots-dropdown__panel-icon {
  width: 49px;
  height: 49px;
  display: block;
  transition: transform 0.3s ease;
}
@media (max-width: 1024px) {
  .lots-dropdown__panel-icon {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__panel-icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__panel-icon {
    width: 35px;
    height: 35px;
  }
}
.lots-dropdown__panel-icon--plus {
  transform: rotate(0deg);
}
.lots-dropdown__panel-icon--minus {
  transform: rotate(0deg);
}
@media (max-width: 768px) {
  .lots-dropdown__panel-icon {
    width: 36px;
    height: 42px;
  }
}
.lots-dropdown__panel-content {
  background: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.lots-dropdown__panel-content--expanded {
  max-height: none;
}
.lots-dropdown__table-container {
  padding: 0px;
}
.lots-dropdown__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .lots-dropdown__table {
    margin-bottom: 16px;
  }
}
.lots-dropdown__table th, .lots-dropdown__table td {
  padding: 16px 29px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 1024px) {
  .lots-dropdown__table th, .lots-dropdown__table td {
    padding: 14px 10px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__table th, .lots-dropdown__table td {
    padding: 12px 8px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__table th, .lots-dropdown__table td {
    padding: 10px 6px;
    font-size: 13px;
  }
}
.lots-dropdown__table[dir=rtl] th, .lots-dropdown__table[dir=rtl] td {
  text-align: right;
}
html[dir=rtl] .lots-dropdown__table th, html[dir=rtl] .lots-dropdown__table td, body.is-rtl .lots-dropdown__table th, body.is-rtl .lots-dropdown__table td {
  text-align: right;
}
.lots-dropdown__table thead th {
  background: #d4d4d4;
  font-weight: 700;
  color: #333;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .lots-dropdown__table thead th {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__table thead th {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__table thead th {
    font-size: 13px;
  }
}
.lots-dropdown__table td {
  color: #555;
  font-size: 15px;
}
@media (max-width: 768px) {
  .lots-dropdown__table td {
    font-size: 13px;
  }
}
.lots-dropdown__table tbody tr {
  transition: background-color 0.2s ease;
}
.lots-dropdown__table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.lots-dropdown__table tbody tr:nth-child(even) {
  background: #f8f9fa;
}
.lots-dropdown__table tbody tr:hover {
  background: #f0f0f0;
}
.lots-dropdown__detail-btn {
  background: linear-gradient(135deg, var(--gradient-start, #A0823F) 0%, var(--gradient-end, #67510D) 100%);
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}
.lots-dropdown__detail-btn:hover {
  background: linear-gradient(135deg, var(--gradient-end, #67510D) 0%, var(--gradient-start, #A0823F) 100%);
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.lots-dropdown__detail-btn:focus {
  outline: 2px solid var(--gradient-start, #A0823F);
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .lots-dropdown__detail-btn {
    padding: 6px 12px;
    font-size: 12px;
  }
}
.lots-dropdown__disclaimer {
  font-size: 12px;
  color: #666;
  margin: 0;
  font-style: italic;
}
@media (max-width: 768px) {
  .lots-dropdown__disclaimer {
    font-size: 11px;
  }
}
.lots-dropdown__cta {
  text-align: center;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .lots-dropdown__cta {
    padding: 30px 0;
  }
}
.lots-dropdown__cta-btn {
  display: inline-block;
  background: #fff;
  color: #333;
  border: 1px solid #333;
  padding: 12px 32px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.lots-dropdown__cta-btn:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
}
.lots-dropdown__cta-btn:focus {
  outline: 2px solid #333;
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .lots-dropdown__cta-btn {
    padding: 10px 24px;
    font-size: 15px;
  }
}
.lots-dropdown__pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 15px 10px;
}
@media (max-width: 768px) {
  .lots-dropdown__pagination {
    flex-direction: column;
    gap: 15px;
    margin-top: 16px;
    padding: 12px 0;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__pagination {
    gap: 12px;
    margin-top: 12px;
    padding: 10px 0;
  }
}
.lots-dropdown__pagination-info {
  flex: 1;
}
@media (max-width: 768px) {
  .lots-dropdown__pagination-info {
    text-align: center;
    order: 2;
  }
}
.lots-dropdown__pagination-text {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}
@media (max-width: 768px) {
  .lots-dropdown__pagination-text {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__pagination-text {
    font-size: 12px;
  }
}
.lots-dropdown__pagination-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .lots-dropdown__pagination-wrapper {
    order: 1;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__pagination-wrapper {
    gap: 6px;
  }
}
.lots-dropdown__pagination-btn {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  color: #333;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  text-decoration: none;
}
.lots-dropdown__pagination-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--gradient-start, #A0823F) 0%, var(--gradient-end, #67510D) 100%);
  color: #fff;
  border-color: transparent;
  transform: translateY(-1px);
}
.lots-dropdown__pagination-btn:focus {
  outline: 2px solid var(--gradient-start, #A0823F);
  outline-offset: 2px;
}
.lots-dropdown__pagination-btn:disabled {
  background: #f5f5f5;
  color: #ccc;
  border-color: #e0e0e0;
  cursor: not-allowed;
  transform: none;
}
.lots-dropdown__pagination-btn--active {
  background: linear-gradient(135deg, var(--gradient-start, #A0823F) 0%, var(--gradient-end, #67510D) 100%);
  color: #fff;
  border-color: transparent;
}
.lots-dropdown__pagination-btn--prev, .lots-dropdown__pagination-btn--next {
  padding: 8px;
}
.lots-dropdown__pagination-btn--prev img, .lots-dropdown__pagination-btn--next img {
  width: 16px;
  height: 16px;
  transition: filter 0.3s ease;
}
.lots-dropdown__pagination-btn--prev:hover:not(:disabled) img, .lots-dropdown__pagination-btn--next:hover:not(:disabled) img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.lots-dropdown__pagination-btn--prev:disabled img, .lots-dropdown__pagination-btn--next:disabled img {
  filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.lots-dropdown__pagination-btn--page {
  min-width: 36px;
  height: 36px;
  font-size: 13px;
}
@media (max-width: 480px) {
  .lots-dropdown__pagination-btn--page {
    min-width: 32px;
    height: 32px;
    font-size: 12px;
    padding: 6px 8px;
  }
}
@media (max-width: 768px) {
  .lots-dropdown__pagination-btn {
    padding: 6px 10px;
    font-size: 13px;
    min-width: 36px;
    height: 36px;
  }
}
@media (max-width: 480px) {
  .lots-dropdown__pagination-btn {
    padding: 5px 8px;
    font-size: 12px;
    min-width: 32px;
    height: 32px;
  }
}
.lots-dropdown__pagination-list {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 480px) {
  .lots-dropdown__pagination-list {
    gap: 4px;
  }
}
.lots-dropdown__pagination-list li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lots-dropdown__pagination-page-item, .lots-dropdown__pagination-more,
.lots-dropdown .page-limit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lots-dropdown__pagination-page-item.current .lots-dropdown__pagination-link {
  pointer-events: none;
  cursor: default;
}
.lots-dropdown__pagination-more span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  font-weight: 600;
  color: #999;
}
.lots-dropdown__skeleton-panel {
  opacity: 0.9;
  pointer-events: none;
}
.lots-dropdown__skeleton-panel .lots-dropdown__panel-header {
  cursor: default;
}
.lots-dropdown__skeleton-panel .lots-dropdown__panel-header:hover {
  opacity: 1;
}
.lots-dropdown__skeleton {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
  border-radius: 4px;
}
.lots-dropdown__skeleton--title {
  width: 250px;
  height: 28px;
  margin-bottom: 10px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.3) 75%);
  background-size: 200% 100%;
}
@media (max-width: 768px) {
  .lots-dropdown__skeleton--title {
    width: 200px;
    height: 24px;
  }
}
.lots-dropdown__skeleton--text {
  width: 120px;
  height: 16px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 75%);
  background-size: 200% 100%;
}
@media (max-width: 768px) {
  .lots-dropdown__skeleton--text {
    width: 100px;
    height: 14px;
  }
}
.lots-dropdown__skeleton--icon {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 75%);
  background-size: 200% 100%;
}
@media (max-width: 768px) {
  .lots-dropdown__skeleton--icon {
    width: 40px;
    height: 40px;
  }
}
.lots-dropdown__skeleton--cell {
  width: 100%;
  height: 20px;
  margin: 8px 0;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
}
.lots-dropdown__skeleton--button {
  width: 80px;
  height: 32px;
  border-radius: 20px;
  margin: 0 auto;
  background: linear-gradient(90deg, #e0e0e0 25%, #d0d0d0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
}
@media (max-width: 768px) {
  .lots-dropdown__skeleton--button {
    width: 60px;
    height: 28px;
  }
}
.lots-dropdown__skeleton--pagination {
  width: 200px;
  height: 40px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
}
@media (max-width: 768px) {
  .lots-dropdown__skeleton--pagination {
    width: 150px;
    height: 36px;
  }
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.lots-dropdown__panel-header[aria-expanded=true] .lots-dropdown__panel-icon--plus {
  transform: rotate(45deg);
}
.lots-dropdown__panel-header[aria-expanded=true] .lots-dropdown__panel-icon--minus {
  transform: rotate(0deg);
}

@media (max-width: 480px) {
  .lots-dropdown .content-container-center-large {
    padding: 0 0;
  }
  .lots-dropdown__panel-header {
    padding: 12px 16px;
  }
  .lots-dropdown__panel-title {
    font-size: 18px;
    max-width: 90%;
  }
  .lots-dropdown__panel-units, .lots-dropdown__panel-price {
    font-size: 13px;
  }
  .lots-dropdown__panel-icon {
    width: 32px;
    height: 36px;
  }
  .lots-dropdown__table-container {
    padding: 0px;
  }
  .lots-dropdown__table th, .lots-dropdown__table td {
    padding: 10px 6px;
    font-size: 12px;
  }
  .lots-dropdown__detail-btn {
    padding: 5px 10px;
    font-size: 11px;
  }
}
.cta-button-section {
  padding: 40px 0;
  background: #fff;
}
@media (max-width: 768px) {
  .cta-button-section {
    padding: 30px 0;
  }
}
@media (max-width: 480px) {
  .cta-button-section {
    padding: 20px 0;
  }
}

.cta-button-wrapper {
  text-align: center;
}

.cta-button {
  display: inline-block;
  background: #fff;
  color: #333;
  border: 1px solid #333;
  padding: 12px 32px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.cta-button:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cta-button:focus {
  outline: 2px solid #333;
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .cta-button {
    padding: 10px 24px;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .cta-button {
    padding: 8px 20px;
    font-size: 14px;
  }
}

.similar-projects {
  padding: 10px 0;
  background: #ffffff;
}
@media (max-width: 1024px) {
  .similar-projects {
    padding: 8px 0;
  }
}
@media (max-width: 768px) {
  .similar-projects {
    padding: 6px 0;
  }
}
@media (max-width: 480px) {
  .similar-projects {
    padding: 4px 0;
  }
}
.similar-projects__header {
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .similar-projects__header {
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .similar-projects__header {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .similar-projects__header {
    margin-bottom: 25px;
  }
}
.similar-projects__title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
  margin: 0;
}
@media (max-width: 1024px) {
  .similar-projects__title {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .similar-projects__title {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .similar-projects__title {
    font-size: 24px;
  }
}
.similar-projects__carousel {
  position: relative;
  overflow: hidden;
}
.similar-projects__track {
  overflow-x: auto;
  cursor: grab;
}
.similar-projects__track.is-dragging {
  cursor: grabbing;
}
.similar-projects__track::-webkit-scrollbar {
  display: none;
}
.similar-projects__slides {
  display: flex;
  gap: 24px;
  padding: 0 0 20px 0;
}
@media (max-width: 1024px) {
  .similar-projects__slides {
    gap: 20px;
    padding: 0 0 18px 0;
  }
}
@media (max-width: 768px) {
  .similar-projects__slides {
    gap: 16px;
    padding: 0 0 16px 0;
  }
}
@media (max-width: 480px) {
  .similar-projects__slides {
    gap: 0px;
    padding: 0 0 14px 0;
  }
}
.similar-projects__slide {
  flex: 0 0 calc(25% - 18px);
}
@media (max-width: 1024px) {
  .similar-projects__slide {
    flex: 0 0 calc(33.333% - 14px);
  }
}
@media (max-width: 768px) {
  .similar-projects__slide {
    flex: 0 0 calc(100% - 0px);
  }
}
@media (max-width: 480px) {
  .similar-projects__slide {
    flex: 0 0 calc(100% - 0px);
  }
}
.similar-projects__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 12px;
}
@media (max-width: 768px) {
  .similar-projects__dots {
    margin-top: 20px;
    gap: 6px;
  }
}
.similar-projects__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background: #ccc;
  cursor: pointer;
  transition: all 0.3s ease;
}
.similar-projects__dot:hover {
  background: #999;
}
.similar-projects__dot.active {
  background: #85702F;
}
@media (max-width: 1024px) {
  .similar-projects__dot {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 768px) {
  .similar-projects__dot {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 480px) {
  .similar-projects__dot {
    width: 8px;
    height: 8px;
  }
}
.similar-projects__dot:focus {
  outline: 2px solid #85702F;
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .similar-projects__dot {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 480px) {
  .similar-projects {
    padding: 4px 0;
  }
  .similar-projects .content-container-center-large {
    padding: 0 16px;
  }
  .similar-projects__header {
    margin-bottom: 30px;
  }
  .similar-projects__title {
    font-size: 24px;
  }
  .similar-projects__slides {
    gap: 0px;
  }
  .similar-projects__slide {
    flex: 0 0 calc(100% - 0px);
  }
  .similar-projects__card-media {
    height: 160px;
  }
}
.footer {
  clear: both;
}

.footer-top {
  background-color: #353535;
}
.footer-top h2 {
  color: #ffffff;
  font-size: 2.4rem;
  padding: 0 0 10px 0;
  background: url("../bundles/omranesocle/refonte3/images/css/border-rouge.gif") no-repeat left bottom;
  margin: 0 0 35px 0;
  font-family: "Lato-Regular";
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-top h2 {
    font-size: 2.2rem;
  }
}
.footer-top h3 {
  color: #ffffff;
  margin: 0 0 18px 0;
  font-family: Lato-Bold;
  font-size: 32.2px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 44px;
}
@media screen and (max-width: 1440px) {
  .footer-top h3 {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-top h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .footer-top h3 {
    font-size: 2.4rem;
  }
}
.footer-top p {
  font-family: Lato-Medium;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 26px;
  color: #ffffff;
}

.content-footer-top-col1.flex {
  position: relative;
  display: flex;
  flex-direction: revert;
  width: 100%;
  justify-content: space-around;
}
.content-footer-top-col1.flex .title-collf {
  color: #ffffff;
  text-align: center;
}
.content-footer-top-col1.flex .title-collf h4 {
  font-family: Lato-Medium;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
}
.content-footer-top-col1.flex:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(216, 216, 216, 0.14902);
  right: 0;
  content: "";
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .content-footer-top-col1 {
    width: 100%;
    margin: 0 0 50px 0;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .content-footer-top-col1 {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .content-footer-top-col1.flex {
    flex-direction: column;
  }
  .content-footer-top-col1.flex .form-newsletter {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .content-footer-top-col1.flex .form-newsletter .input-newsletter {
    margin-left: 2%;
    width: 80%;
  }
}
@media screen and (max-width: 440px) {
  .content-footer-top-col1.flex .form-newsletter .bt-submit {
    padding: 0 14px;
  }
}

.form-newsletter {
  position: relative;
}
.form-newsletter .input-newsletter {
  width: 451px;
  background-color: #ffffff;
  height: 54px;
  line-height: 37px;
  padding: 0 0 0 45px;
  font-size: 1.6rem;
  font-family: "Lato-Light";
  color: #4A4A4A;
  border-radius: 30px;
  border: 8px solid #efefef;
  outline: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .form-newsletter .input-newsletter {
    width: 80%;
  }
}
.form-newsletter .bt-submit {
  height: 54px;
  line-height: 37px;
  text-align: center;
  text-transform: capitalize;
  font-size: 1.8rem;
  font-family: "Lato-Light";
  background: #e5322d;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  padding: 0 32px;
  margin-left: -74px;
}
.form-newsletter .icon {
  font-size: 18px;
  position: absolute;
  left: 20px;
  top: 50%;
  color: #000000;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  .form-newsletter .icon {
    top: 30px;
    transform: none;
  }
}
@media screen and (max-width: 991px) {
  .form-newsletter .icon {
    top: 18px;
  }
}
.form-newsletter .icon:after {
  position: absolute;
  right: -7px;
  content: "";
  box-sizing: border-box;
  height: 40.6px;
  width: 0.7px;
  border: 0.7px solid #979797;
  opacity: 0.25;
  background-color: #D8D8D8;
  top: -12px;
}
.form-newsletter .form-newsletter__item {
  margin: 0 0 9px 0;
  min-width: 500px;
  position: relative;
}
.form-newsletter .form-newsletter__item.hidden {
  display: none;
}
@media screen and (max-width: 500px) {
  .form-newsletter .form-newsletter__item {
    min-width: 280px;
    width: 100%;
  }
}

.link-footer {
  background: #ffffff;
  color: #2b8855;
  font-family: "Lato-Light";
  font-size: 1.8rem;
  line-height: 37px;
  margin: 0 0 10px 6%;
  min-height: 37px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  width: 29.33%;
  float: left;
}
@media screen and (max-width: 767px) {
  .link-footer {
    margin: 0 0 15px 0;
    width: 100%;
    float: none;
    display: block;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .link-footer {
    font-size: 1.6rem;
  }
}
.link-footer:hover {
  text-decoration: none;
  color: #2b8855;
}

.link-footer.first {
  margin: 0 0 10px 0;
}
@media screen and (max-width: 767px) {
  .link-footer.first {
    margin: 0 0 15px 0;
  }
}

.content-footer-top-col {
  padding: 4px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .content-footer-top-col {
    padding: 5px;
  }
}
@media screen and (max-width: 767px) {
  .content-footer-top-col {
    padding: 10px 5px;
  }
}

.footer-bottom {
  padding: 28px 0;
  background: #2A2727;
}

.content-footer-bottom-col {
  padding: 10px 0 8px;
}

.footer-bottom-col1 a img {
  margin-top: 0;
}
.footer-bottom-col1 p {
  font-family: "Lato-Light";
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #ffffff;
  padding: 0;
}
.footer-bottom-col1 p span {
  text-transform: none;
}

.list-footer li {
  font-family: "Lato-Light";
  color: #ffffff;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 0 0 18px;
  padding: 0;
  vertical-align: top;
  line-height: 17px;
}
.list-footer li a {
  color: #ffffff;
  font-family: Lato-Medium;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 26px;
}
.list-footer li a:hover {
  text-decoration: none;
}

.form-type-checkbox {
  margin: 0 18px 0 0;
  display: inline-block;
}

.form-type-checkbox div:not(#foo) > input[type=checkbox] {
  height: 18px;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 18px;
}

.form-type-checkbox div:not(#foo) > label {
  background: url("../bundles/omranesocle/refonte3/images/css/check.png") no-repeat left bottom !important;
  font-family: "Lato-Light";
  line-height: 15px;
  padding: 0 0 0 22px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 0;
}

.zone-form .form-type-checkbox div:not(#foo) > label {
  background: inherit !important;
}

.form-type-checkbox div:not(#foo) > input[type=checkbox]:checked + label {
  background: url("../bundles/omranesocle/refonte3/images/css/check.png") no-repeat left top !important;
}

.form-newsletter {
  margin: 0 0 26px 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .form-newsletter {
    width: 490px;
  }
}
@media screen and (max-width: 767px) {
  .form-newsletter {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  .footer-bottom-col2 {
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 1100px) {
  .footer-bottom-col1 {
    float: none;
    text-align: center;
  }
}

.footer-menu {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .footer-menu {
    flex-wrap: wrap;
  }
}
.footer-menu .item {
  display: flex;
  flex-direction: column;
  padding-right: 2%;
  position: relative;
  width: 18%;
}
.footer-menu .item:last-of-type {
  width: 10%;
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .footer-menu .item {
    min-width: 50%;
  }
  .footer-menu .item:first-of-type {
    order: 1;
  }
  .footer-menu .item:nth-of-type(2) {
    order: 2;
  }
  .footer-menu .item:nth-of-type(3) {
    order: 4;
  }
  .footer-menu .item:nth-of-type(4) {
    order: 3;
  }
  .footer-menu .item:nth-of-type(5) {
    order: 5;
  }
  .footer-menu .item:nth-of-type(6) {
    order: 6;
  }
  .footer-menu .item:nth-of-type(7) {
    order: 7;
  }
  .footer-menu .item block-ss-menu-top a {
    width: auto;
  }
}
@media screen and (max-width: 500px) {
  .footer-menu .item {
    min-width: 100%;
    text-align: center;
    padding: 0;
  }
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul {
    display: flex;
    flex-direction: column;
  }
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li {
    margin-left: 0;
    margin-bottom: 0;
  }
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:first-of-type, .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:nth-of-type(2) {
    left: 0;
    transform: translateX(50%);
  }
  .footer-menu .item:nth-of-type(5) {
    flex-direction: column;
    align-items: center;
  }
  .footer-menu .item:nth-of-type(5) .twitter {
    margin-right: 20px;
  }
}
@media screen and (max-width: 430px) {
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top {
    position: relative;
    width: 100%;
  }
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:nth-of-type(2) a {
    top: 0;
  }
  .footer-menu .item:nth-of-type(4) {
    padding-bottom: 0;
  }
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:first-of-type, .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:nth-of-type(2) {
    left: 0;
    transform: none;
  }
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:first-of-type a, .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:nth-of-type(2) a {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 318px) {
  .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:first-of-type, .footer-menu .item:nth-of-type(4) .block-ss-menu-top ul li:nth-of-type(2) {
    transform: translateX(33%);
  }
}
.footer-menu .item h4 {
  color: #FFFFFF;
  font-family: Lato-Medium;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  padding-bottom: 10px;
  font-weight: 900;
}
.footer-menu .item div {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.footer-menu .item div.button-link:last-of-type .bordred {
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Lato-Medium";
  text-transform: uppercase;
}
.footer-menu .item div a {
  color: #FFFFFF;
  font-family: Lato-Medium;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2rem;
  padding-bottom: 1rem;
}
.footer-menu .item div a.bordred {
  border: 1px solid white;
  padding: 10px 20px;
  border-radius: 30px;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0 auto auto 0;
  width: 348px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-family: "Lato-Medium";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  .footer-menu .item div a.bordred {
    width: 250px;
    font-size: 19px;
  }
}
@media screen and (max-width: 500px) {
  .footer-menu .item div a.bordred {
    margin: auto;
    width: 100%;
  }
}
.footer-menu .item div a.bordred:hover {
  background-color: white;
  color: black;
}
.footer-menu .item div a:hover {
  text-decoration: none;
  color: #8b7a44;
}
.footer-menu .item div span {
  color: #ffffff;
  text-align: center;
  margin-top: -10px;
  margin-bottom: 20px;
}
.footer-menu .item .list-rs li {
  margin-bottom: 0;
}
.footer-menu .item .list-rs li a {
  color: #FFFFFF;
  font-family: Lato-Medium;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 20px;
}
.footer-menu .item .list-rs li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.footer-menu .item .list-rs li.twitter a {
  display: flex;
  align-items: center;
}
.footer-menu .item .list-rs li.twitter a:before {
  display: block;
  height: 54px;
  position: absolute;
  left: -4px;
  top: 0;
  width: 54px;
  content: "\e90d";
  font-family: "icomoon";
  color: #ffffff;
  font-size: 20px;
}
.footer-menu .item .list-rs li.twitter a:hover:before {
  color: #8b7a44;
}
.footer-menu .item .list-rs li.facebook a {
  display: flex;
  align-items: center;
}
.footer-menu .item .list-rs li.facebook a:before {
  display: block;
  height: 54px;
  position: absolute;
  left: -4px;
  top: 0;
  width: 54px;
  content: "\e90b";
  font-family: "icomoon";
  color: #ffffff;
  font-size: 20px;
}
.footer-menu .item .list-rs li.facebook a:hover:before {
  color: #8b7a44;
}
.footer-menu .item.special-item {
  width: 100%;
  flex-direction: row;
  position: relative;
  margin-bottom: 20px;
}
.footer-menu .item.special-item:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(216, 216, 216, 0.14902);
  right: 0;
  content: "";
}
.footer-menu .item.special-item div:not(.button-link) {
  flex-direction: row;
  width: 70%;
  justify-content: space-around;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .footer-menu .item.special-item div:not(.button-link) {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .footer-menu .item.special-item div:not(.button-link) {
    flex-direction: column;
    width: 300px;
    margin-bottom: 10px;
  }
  .footer-menu .item.special-item div:not(.button-link) .bordred {
    margin-bottom: 10px;
  }
}

html[dir=rtl] .footer-menu .item div.block-ss-menu-top a {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .form-newsletter {
  border: 2px solid blue;
}
html[dir=rtl] .footer-menu .item .list-rs li.twitter a .icon {
  margin-right: inherit;
  margin-left: 10px;
}
html[dir=rtl] .footer-menu .item .list-rs li.facebook a .icon {
  margin-right: inherit;
  margin-left: 10px;
}
html[dir=rtl] .footer-top .footer-menu .item {
  padding-left: 7%;
  padding-right: inherit;
}
html[dir=rtl] .footer-top .form-newsletter .icon {
  left: inherit;
  right: 20px;
  margin-right: inherit;
  margin-left: 10px;
}
@media screen and (max-width: 790px) {
  html[dir=rtl] .footer-top .form-newsletter .icon {
    top: 19px;
  }
}
html[dir=rtl] .footer-top .form-newsletter .icon::after {
  left: -7px;
  right: inherit;
}
@media screen and (max-width: 790px) {
  html[dir=rtl] .footer-top .form-newsletter .icon::after {
    top: -11px;
  }
}
html[dir=rtl] .footer-top .form-newsletter .form-newsletter__item {
  display: flex;
  align-items: center;
}
html[dir=rtl] .footer-top .form-newsletter .form-newsletter__item.hidden {
  display: none;
}
html[dir=rtl] .footer-top .form-newsletter .form-newsletter__item .bt-submit {
  margin-left: 0;
  margin-right: -74px;
  width: 140px;
}

.hero-banner {
  position: relative;
  height: 50vh;
  max-height: 400px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 0;
}
.hero-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(63.27deg, rgba(0, 15, 11, 0.3) 109.78%, rgb(0, 3, 4) 206.31%);
}
.hero-banner-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.hero-banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  margin: 0 auto;
}
.hero-banner-content-title {
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  padding: 0.66em 1.5em;
  backdrop-filter: blur(3px);
  border-radius: 12px;
}
.hero-banner-content-title * {
  color: #fff;
  font-weight: 900;
  font-size: 31px;
  line-height: 140%;
  font-family: "Montserrat";
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.55), 0 1px 2px #000, -1px 0px 8px #444;
}

.hero-banner-carousel__track {
  position: relative;
}

.hero-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.7s;
  z-index: 1;
}

.hero-slide.is-active {
  opacity: 1;
  z-index: 2;
}

.hero-carousel__track {
  width: 100%;
  height: 100%;
  min-height: inherit;
  position: relative;
}

.hero-banner-background--with-carousel,
.hero-banner-background {
  width: 100%;
  min-height: inherit;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero-slide .hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(63.27deg, rgba(0, 15, 11, 0.3) 109.78%, rgba(0, 3, 4, 0.08) 206.31%);
  pointer-events: none;
}

.hero-slide__image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-hero-carousel__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: auto;
}

.event-hero-carousel__dot {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px solid white;
  background: rgba(255, 255, 255, 0.2);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
}

.event-hero-carousel__dot.is-active {
  background: white;
  border-color: #00796B;
  box-shadow: 0 0 0 2px rgba(0, 121, 107, 0.18);
}

@media (max-width: 768px) {
  .hero-banner {
    height: 20vh;
  }
  .hero-banner-content-title {
    padding: 0.4em 0.6em;
  }
  .hero-banner-content-title * {
    font-size: 1.2rem;
    width: 500px !important;
    line-height: 140%;
    text-shadow: 0 7px 14px rgba(0, 0, 0, 0.55), 0 2px 6px #000, 3px 2px 3px #444;
  }
}
.container-breadcrumb .breadcrumb {
  display: inline-block;
  margin: 13px 0;
  margin-inline-start: -37px;
}
.container-breadcrumb .breadcrumb-item {
  display: inline-flex;
  align-items: center;
}
.container-breadcrumb .breadcrumb-item:first-child a {
  text-decoration: none !important;
}
.container-breadcrumb .breadcrumb-item * {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
.container-breadcrumb .breadcrumb-item a {
  font-weight: 400;
}
.container-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\e913";
  font-family: "icomoon" !important;
  font-size: 12px;
  color: #222;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

.event-description-content {
  width: 100%;
  margin: 0 auto;
}
.event-description-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #282833;
  margin-bottom: 20px;
  font-family: "Montserrat";
}
.event-description-subtitle {
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
  color: #BA4A32;
  margin-bottom: 15px;
  font-family: "Montserrat";
}
.event-description-section-title {
  font-weight: 700;
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
  font-family: "Montserrat";
}
.event-description-text {
  width: 100%;
  line-height: 1.6;
  color: #000;
  font-size: 16px;
  font-family: "Montserrat";
}

.event-form {
  padding: 60px 0;
}
.event-form-wrapper {
  max-width: 50%;
}
.event-form-wrapper .form-conditions {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.event-form-wrapper .form-conditions .link-conditions {
  color: rgba(0, 0, 0, 0.3411764706);
}
.event-form-content .event-form-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.2rem;
  color: #000000;
  text-transform: uppercase;
}
.event-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.event-form .form-row .form-group {
  position: relative;
  flex: 1;
}
.event-form .form-row .form-group input {
  width: 100%;
  height: 56px;
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 0 20px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  outline: none;
  transition: border-color 0.3s ease;
  background-color: #fff;
}
.event-form .form-row .form-group input:focus {
  border-color: #85702F;
}
.event-form .form-row .form-group input:not(:-moz-placeholder) + label {
  top: -10px;
  left: 20px;
  font-size: 12px;
  color: #85702F;
  background: #fff;
  padding: 0 6px;
}
.event-form .form-row .form-group input:focus + label, .event-form .form-row .form-group input:not(:placeholder-shown) + label {
  top: -10px;
  left: 20px;
  font-size: 12px;
  color: #85702F;
  background: #fff;
  padding: 0 6px;
}
.event-form .form-row .form-group label {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: #000000;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  pointer-events: none;
  transition: all 0.2s ease;
}
.event-form .form-submit {
  margin-top: 30px;
}
.event-form .form-submit .btn-submit {
  display: inline-block;
  background-color: #85702F;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 12px 100px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.event-form .form-submit .btn-submit:hover {
  background-color: #67510D;
}

@media (max-width: 768px) {
  .event-form-wrapper {
    max-width: 100%;
  }
  .event-form .form-row {
    flex-direction: column;
  }
  .event-form .form-submit {
    text-align: center;
  }
}
.event-map {
  margin: 40px 0;
}
.event-map .map-container {
  height: 656px !important;
  min-height: 656px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.event-map .mapboxgl-canvas {
  border-radius: inherit;
}

.project-banner {
  position: relative;
  overflow: hidden;
}
.project-banner__image {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 310px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.project-banner__content {
  position: relative;
  width: 100%;
  z-index: 2;
  padding-bottom: 100px;
}
.project-banner__info {
  background-color: #67510D;
  color: #fff;
  padding: 20px 28px;
  max-width: 420px;
}
.project-banner__title {
  font-weight: 800;
  font-size: 22px;
  margin: 0 0 6px;
}
.project-banner__subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.project-banner__delivery {
  background-color: #000;
  color: #fff;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 15px;
}
.project-banner__details {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
}
.project-banner__details .detail-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
}
.project-banner__details .detail-item i {
  font-size: 16px;
  color: #fff;
}
.project-banner__details .detail-item.price {
  font-weight: 700;
}
.project-banner__details .detail-item.price span {
  color: #f9d16b;
}
.project-banner__features {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  margin-top: -45px !important;
  margin-bottom: 10px !important;
  position: relative;
  z-index: 3;
  padding: 15px 10px !important;
}
.project-banner .features-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
}
.project-banner .features-list .feature-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  flex: 1;
  text-align: center;
  padding: 0 20px;
  min-height: 60px;
  position: relative;
}
.project-banner .features-list .feature-item i {
  font-size: 26px;
  color: #222222;
}
.project-banner .features-list .feature-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 40%;
  background-color: #e6e6e6;
}
.project-banner .features-list .feature-item:last-child::after {
  display: none;
}
@media (max-width: 768px) {
  .project-banner__image {
    height: 320px;
  }
  .project-banner__info {
    max-width: 100%;
    padding: 15px;
  }
  .project-banner__details {
    flex-wrap: wrap;
  }
  .project-banner .features-list {
    flex-direction: column;
  }
  .project-banner .features-list .feature-item {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
  }
  .project-banner .features-list .feature-item::after {
    display: none;
  }
  .project-banner .features-list .feature-item:last-child {
    border-bottom: none;
  }
}

.project-detail {
  margin-top: 60px;
  margin-bottom: 80px;
}
.project-detail__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-top: 12px;
}
@media (max-width: 992px) {
  .project-detail__wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.project-detail {
  /* LEFT SIDE */
}
.project-detail__description {
  flex: 1;
  color: #222;
}
.project-detail__description > * {
  margin-bottom: 15px;
}
.project-detail__description .project-detail__title {
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 5px;
  color: #000;
}
.project-detail__description .project-detail__subtitle {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.project-detail__description .project-detail__text {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}
.project-detail__description .project-detail__info-box {
  background-color: #f6f7f9;
  border-radius: 4px;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  font-size: 14px;
}
.project-detail__description .project-detail__info-box p {
  margin: 4px 0;
  line-height: 1.4;
}
.project-detail__description .project-detail__info-box p strong {
  color: #000;
  font-weight: 600;
}
.project-detail__description .project-detail__info-box .info-left, .project-detail__description .project-detail__info-box .info-right {
  width: 48%;
}
@media (max-width: 768px) {
  .project-detail__description .project-detail__info-box .info-left, .project-detail__description .project-detail__info-box .info-right {
    width: 100%;
  }
}
.project-detail {
  /* RIGHT SIDE */
}
.project-detail__contact {
  width: 320px;
  background-color: #8a7235;
  color: #fff;
  padding: 25px 30px;
  border-radius: 6px;
}
.project-detail__contact h4 {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.project-detail__contact .contact-actions {
  list-style: none;
  padding: 0;
  margin: 0;
}
.project-detail__contact .contact-actions li {
  margin-bottom: 10px;
}
.project-detail__contact .contact-actions li:last-child {
  margin-bottom: 0;
}
.project-detail__contact .contact-actions .action-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 12px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.project-detail__contact .contact-actions .action-btn i {
  font-size: 18px;
  color: #8a7235;
}
.project-detail__contact .contact-actions .action-btn:hover {
  background-color: #f3e9cf;
  transform: translateY(-2px);
}
@media (max-width: 992px) {
  .project-detail__contact {
    width: 100%;
  }
  .project-detail__contact h4 {
    text-align: left;
  }
}

.leaflet-control-fullscreen a {
  background-color: #fff;
  border-bottom: none;
}
.leaflet-control-fullscreen a:hover {
  background-color: #f4f4f4;
}
.leaflet-control-fullscreen .fullscreen-icon {
  padding: 3px;
}
.leaflet-control-fullscreen .leaflet-control-fullscreen-button-active {
  background-color: #f4f4f4;
}

.leaflet-fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-map-container {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-close {
  position: absolute;
  top: 76px;
  right: 10px;
  z-index: 10000;
  width: 33px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 24px;
  line-height: 1;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-close:hover {
  background: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.leaflet-fullscreen-overlay .leaflet-fullscreen-close:active {
  transform: scale(0.95);
}
@media (max-width: 768px) {
  .leaflet-fullscreen-overlay .leaflet-fullscreen-close {
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
}

body.leaflet-fullscreen-active {
  overflow: hidden;
}

/* Reset minimal */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

html {
  font-family: "Montserrat", Arial, sans-serif;
}

body, input, button, select, textarea {
  font-family: inherit;
}

/* Direction globale */
html[dir=rtl] body {
  direction: rtl;
}

html[dir=ltr] body {
  direction: ltr;
}

/* Alignements courants inversés en RTL */
html[dir=rtl] .container {
  direction: rtl;
}

html[dir=rtl] .text-left {
  text-align: right;
}

html[dir=rtl] .text-right {
  text-align: left;
}

.container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Utilitaire: même largeur que le header */
.container-85, .content-container-center {
  width: 85%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 0;
}

.container-90, .content-container-center-large {
  width: 90%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 0;
}

.content-container-center-full {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 0;
}

/* Alias: compatibilité avec la page source */
/* Nettoyage des styles par défaut précédents du header */
/* Les styles spécifiques se trouvent dans _header.scss */
/* Exemple */
.home h1 {
  font-size: 32px;
}
/*# sourceMappingURL=styles.css.map */

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
.footer-top .result p {
    color: inherit
}

.footer-top .result b {
    font-weight: 400
}

.footer .footer-items ul li {
    display: inline;
    padding: 0
}

.footer .footer-items {
    margin-top: 20px
}

.footer .footer-items ul li img {
    max-height: 60px
}

.footer {
    clear: both !important
}

[dir="rtl"] .footer-top .footer-menu .item {
    padding-left: 0 !important;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .content-footer-top-col1{
        width: 100%;
        margin: 0 0 50px;
        float: none
    }
}

.footer-top {
    background-color: #26394C;
}

.footer-menu {
    margin-top: 55px;
    display: block;
}

.footer-menu .top-menu {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #FFF;
}

.footer-top .content-container-center {
    margin: 0 30px;
    padding: 0 30px;
    width: 97%;
    max-width: unset;
}

.footer-menu .item h4 {
    font-family: "Montserrat", Arial, sans-serif;
}

.footer-menu .item.special-item {
    margin-top: 20px;
    margin-bottom: unset;
    padding-bottom: 10px;
    justify-content: space-around;
    flex-wrap: wrap;
}


.footer-menu .item div a.bordred {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.footer-menu .item div a.bordred:hover {
    background-color: #FFF;
    color: #26394C;
}


.footer-menu .item div.button-link p {
    padding: 0 40px;
    width: 348px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.footer-bottom {
    background-color: #14202D;
}

.list-footer li {
    font-family: "Montserrat", Arial, sans-serif;
    padding: 0 28px;
    margin: 0;
    border-right: 1px solid #FFF;
}

.list-footer li:last-of-type {
    border-right: unset;
}
.footer-menu .item  .links_col1 {
    display: flex;
    flex-direction: column !important;
}
.footer-menu .item.special-item.special-item-footer div {
    width: auto;
}
.footer-menu .item  .links_col1 .link-23 a,
.footer-menu .item  .links_col1 .link-24 a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: max-content;
    margin-bottom: 0;
    position: relative;
    width: auto;
    border-radius: 23px;
    text-align: center;
    text-decoration: none;
    padding: 10px 21px 10px 44px;
    background-color: transparent;
    color: #FFF;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 13px;
    transition: all ease-in-out 0.4s;
    min-height: auto;
}

.footer-menu .item  .links_col1 .link-23 a:hover {
    color: #26394C;
    border-color: #fff;
}
.footer-menu .item  .links_col1 .link-23 a:before,
.footer-menu .item  .links_col1 .link-24 a:before{
    content: "";
    background-image: url(../bundles/omranesocle/refonte2/icons/men.svg);
    width: 14px;
    height: 14px;
    position: absolute;
    background-size: contain;
    left: 18px;
}
.footer-menu .item  .links_col1 .link-23 a:hover:before {
    filter: invert(77%) sepia(6%) saturate(4611%) hue-rotate(170deg) brightness(90%) contrast(83%);
}

.footer-menu .item  .links_col1 .link-24 a{
    border: 2px solid #FFF;
    background-color: #FFF;
    color: #26394C;
}

.footer-menu .item  .links_col1 .link-24 a:before{
    background-image: url(../bundles/omranesocle/refonte2/icons/chat-inverse.svg);
    width: 18px;
    height: 18px;
}
.footer-menu .item  .links_col1 .link-24 a:hover{
    border: 2px solid #FFF;
    color: #FFF;
}
.footer-menu .item  .links_col1 .link-24 a:hover:before {
    filter: brightness(0) invert(1);
}


.footer-menu .item  .links_col2 {
    display: flex;
    flex-direction: column !important;
}
.footer-menu .item  .links_col2 p,
.footer-menu .item  .links_col3 p{
    padding: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
}
.footer-menu .item  .links_col2 .link-25 a,
.footer-menu .item  .links_col2 .link-26 a,
.footer-menu .item  .links_col2 .link-27 a,
.footer-menu .item  .links_col2 .link-28 a,
.footer-menu .item  .links_col2 .link-29 a {
    font-size: 0;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.footer-menu .item  .links_col2 .link-25 a:before,
.footer-menu .item  .links_col2 .link-26 a:before,
.footer-menu .item  .links_col2 .link-27 a:before,
.footer-menu .item  .links_col2 .link-28 a:before,
.footer-menu .item  .links_col2 .link-29 a:before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: contain;
}
.footer-menu .item  .links_col2 .link-25 a:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/facebook.svg);
}
.footer-menu .item  .links_col2 .link-26 a:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/twitter.svg);
}
.footer-menu .item  .links_col2 .link-27 a:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/instagram.svg);
}
.footer-menu .item  .links_col2 .link-28 a:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/youtube.svg);
}
.footer-menu .item  .links_col2 .link-29 a:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/linkedin.svg);
}
.footer-menu .item  .links_col2 .link-25 a:hover {
    background: #cd2330;
    border-radius: 50%;
}
.footer-menu .item  .links_col2 .link-26 a:hover {
    background: #cd2330;
    border-radius: 50%;
}
.footer-menu .item  .links_col2 .link-27 a:hover:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/instagram-inverse.svg);
}
.footer-menu .item  .links_col2 .link-28 a:hover:before {
    background-image: url(../bundles/omranesocle/refonte2/icons/youtube-inverse.svg);
}
.footer-menu .item  .links_col2 .link-29 a:hover {
    background: #cd2330;
    border-radius: 50%;
}
.footer-bottom {
    padding: 16px 0;
}
.content-footer-bottom-col {
    padding: 10px 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-menu .item  .links_col3 {
    display: flex;
    flex-direction: column !important;
    margin-left: 40px !important;
    position: relative;
}
.footer-menu .item  .links_col3:before {
    content: "";
    background-image: url(../bundles/omranesocle/refonte2/images/contenus/smartphone.png);
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: contain;
    left: -40px;
    bottom: 4px;
}

.footer-menu .item  .links_col3 > div {
    justify-content: flex-start;
}
.footer-menu .item  .links_col3 > div a {
    height: 28px;
    width: 195px;
    color: #FFFFFF;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}

.footer-menu .item  .links_col4 > div a {
    border: 1px solid #FFF;
    background-color: transparent!important;
    color: #fff;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 47px;
    border-radius: 29px;
    transition: .4s ease-in-out;
    text-decoration: none;
}
.footer-menu .item  .links_col4 > div a:hover {
    color: #26394C;
}
item special-item special-item-footer > div:not(last-of-type) {
    margin-right: 6px ;
}
.footer-bottom-col2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.footer-bottom-col2  .footer-bottomlinks a {
    display: block;
    color: #fff;
    background: #EC0021;
    padding: 18px 60px 18px 24px;
    border-radius: 29px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
}
.footer-bottom-col2  .footer-bottomlinks a:after {
    content: "";
    background-image: url(../bundles/omranesocle/refonte2/images/contenus/Shape.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 25px;
    position: absolute;
    background-size: contain;
    right: 12px;
    top: 28%;
}

.block-serviceItem.smallItem h2,
.footer-menu .item .links_col3 > div a{
    position: relative;
    width: auto;
}

.block-serviceItem.smallItem h2:after,
.footer-menu .item .links_col3 > div a:after{
    content: "";
    position: absolute;
    left: 0;
    transition: .3s cubic-bezier(0,.1,.125,.7);
    transform: scale(0);
    z-index: 0;
    width: 100%;
    background: #26394C;
    height: 2px;
    bottom: 1px;
}
.block-serviceItem.smallItem:hover h2:after,
.footer-menu .item .links_col3 > div:hover a:after{
    transform: scale(1);
}
.footer-menu .item .links_col3 > div:hover a:after{
    background: #fff;
}

.footer-bottom-col1 a img {
    margin-top: 0;
    vertical-align: middle;
    height: auto;
}

.footer-top p {
    margin: 0;
}

@media screen and (max-width: 991px) {
    .footer-bottom-col1,
    .footer-bottom-col2 .list-footer {
        margin-bottom: 10px;
    }

    .footer-bottom-col2 .list-footer li {
        padding: 0 6px;
    }

    .footer-bottom {
        padding: 6px 0;
    }
}

@media screen and (max-width: 576px) {
    .footer-menu .item.special-item {
        flex-direction: column;

    }
    .footer-menu .item .links_col3 {
        margin: 6px auto !important;
    }
    .footer-menu {
        margin-top: 15px;
    }
}
@media screen and (max-width: 500px) {
    .footer-menu .item .links_col2 .link-25 a {
        margin-right: 40px;
    }

}

@media screen and (max-width: 400px) {
    .footer-menu .item .links_col4 > div a {
        padding: 17px 17px;
    }
}

.footer-menu .item div a {
    color:#fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    padding-bottom: 10px;
    text-decoration: none;
}

.list-footer li a {
    text-decoration: none;
    font-family: "Montserrat", Arial, sans-serif;
}

.footer-bottom-col1 p {
    font-size: 12px;
    font-family: "Montserrat", Arial, sans-serif;
}

#scrollToTop {
    position: fixed;
    bottom: 40px;
    right: 25px;
    z-index: 100;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    transition: opacity .2s ease-out;
    opacity: 0.5;
    text-decoration: none;
    color: #8b7a44;
}

#scrollToTop .icon-tophover {
    display: block;
    height: 14px;
    text-align: center;
    vertical-align: top;
    width: 28px;
    margin: auto;
    background:url("../bundles/omranesocle/refonte2/images/css/picto-top-white.png") no-repeat
}

div#ddfullscreenmenu {

    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 100%;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);
    transform: scale(0.9);
    background: #233A51;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    flex-direction: column;
    top: 0;
    left: 0;
    padding-top: 20px;
    z-index: 100000;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s;
    transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

div#ddfullscreenmenu.openmenu {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -transition-delay: 0s;
    padding: 60px;
}

div#ddfullscreenmenu div#closex {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    cursor: pointer;
    z-index: 10;
    right: 15px;
}

div#ddfullscreenmenu div#closex::before,
div#ddfullscreenmenu div#closex::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    top: 46%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

div#ddfullscreenmenu div#closex::before {
    position: relative;
}

div#ddfullscreenmenu div#closex::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: 21px;
}

div#ddfullscreenmenu .menu-header {
    width: 100%;
    display: flex;
    padding-bottom: 50px;
}

div#ddfullscreenmenu .menu--logo {
    width: max-content;
}

div#ddfullscreenmenu .menu--right {
    margin-left: auto;
    order: 2;
    display: flex;
}


#ddfullscreenmenu > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#ddfullscreenmenu .lvl1 {
    flex: 2 1 auto;
    padding: 0;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    line-height: 1;
    margin-bottom: 10px;
    position: relative;
}

#ddfullscreenmenu .lvl1 a {
    color: #FFF;
    text-decoration: none;
}
#ddfullscreenmenu .lvl1 > a:hover {
    text-decoration: none;
}

#ddfullscreenmenu .lvl1 > a:after, #ddfullscreenmenu .lvl1 > span:after {
    content: "";
    position: absolute;
    left: 0;
    transition: .3s cubic-bezier(0,.1,.125,.7);
    transform: scale(0);
    z-index: 0;
    width: 90%;
    background: #FFF;
    height: 2px;
    bottom: -1px;
}
#ddfullscreenmenu .lvl1 > a:hover:after, #ddfullscreenmenu .lvl1 > span:hover:after {
    transform: scale(1);
}

.block-search:hover .icon {
    color: #FFF;
}

#ddfullscreenmenu  .ss-menu-top li {
    margin-bottom: 20px;
    text-align: left;
    font-weight: unset;
}

#ddfullscreenmenu .lvl1 .ss-menu-top  a {
    text-transform: initial;
    font-weight: 200;
}

#ddfullscreenmenu .lvl1 .ss-menu-top  a:hover {
    font-weight: 600;
}


#ddfullscreenmenu .list-direct-access {
    position: absolute;
    bottom: 25%;
    right: 60px;
}

#ddfullscreenmenu .list-direct-access .button-link {
    display: none;
}

#ddfullscreenmenu .list-direct-access .button-link:last-of-type {
    top: 100px;
    display: block;
}

#ddfullscreenmenu .list-direct-access .button-link a {
    border: 1px solid #FFF;
    color: #FFF;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 47px;
    border-radius: 29px;
    min-width: max-content;
}

#ddfullscreenmenu .list-direct-access .button-link a:hover {
    color: #233A51;
    background-color: #233A51;
}

#ddfullscreenmenu .lvl1 > span:after {
    width: 100%;
}

.search-aside .search-form {
    overflow:hidden
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .search-aside.active .text {
        height:44px!important
    }
    .search-aside .text {
        height: 45px !important;
        line-height: 40px !important
    }
}

.search-aside {
    position:absolute;
    right:102px;
    top:22px;
    width:0;
    height:45px;
    z-index:9;
    transition:width .4s ease-out
}
.search-aside.active {
    width:314px
}
.search-aside.active .text {
    padding:0 80px 0 15px;
    outline:0;
    height:44px;
    margin-top:1px
}
.search-aside.active .submit {
    display:block;
    opacity:0
}
.search-aside fieldset {
    margin:0;
    padding:0;
    position:relative;
    border: none;
}
.search-aside .text {
    border: none;
    border-radius: 25px 0 0 25px;
    line-height: 60px;
    width: 100%;
    background-color: #131F2B;
    color: #FFF;
    font-size: 1.6rem;
    font-family: "Montserrat", Arial, sans-serif;
    padding: 0 80px 0 15px;
    outline: 0;
    height: 44px;
    margin-top: 1px;
}
.search-aside .submit {
    background:url("../bundles/omranesocle/refonte3/images/css/bt-ok.png") no-repeat;
    border:none;
    height:24px;
    position:absolute;
    right:-26px;
    text-indent:-5000px;
    top:11px;
    width:29px;
    display:none
}

.block-search {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #131F2B;
    border-radius: 0 25px 25px 0;
    height: 44px;
    cursor: pointer;
}

.icon-loupe:before {
    content: "\e916";
}

.block-search .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #FFF;
}

.search-aside.active .text {
    margin-top: 0;
}

.loup-search {
    cursor: pointer;
}
.loup-search .arcontent [class*="icon-loop"] {
    margin-left: 12px;
}

#ddfullscreenmenu  .ss-menu-top {
    display: block;
    background-color: unset;
    padding: unset;
}

div#ddfullscreenmenu div#closex::after {
    margin-top: 20px;
}
div#ddfullscreenmenu div#closex::before,
div#ddfullscreenmenu div#closex::after {
    top: 41%;
}

.loup-search.block-search .icon-loupe {
    margin-left: 15px;
    margin-top: 2px;
}
.language_switcher .language-list li {
    padding: 0 12px 0 0;
}
.block-news-item .news-btn {
    right: auto;
    left: 5%;
}

.nav-menu__link {
    position: relative;
    padding: 16px;
    transition: .2s ease-in;
    display: flex;
    align-items: center;
    cursor: pointer !important;
    font-size: 14px;
}

.nav-menu__link:before {
    left:0;
    right:inherit !important;
}

.search-aside {
    position: inherit;
    margin-right: 40px;
    display: flex;
}

.search-aside .text::placeholder {
    color: #FFF;
    font-size: 16px;
}

.ss-menu-top {
    background-color: #fff;
    top: 87px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
    padding: 29px 3%;
    border-radius: 0 0 10px 10px;
    display: none;
}

#ddfullscreenmenu  .ss-menu-top > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (max-width: 991px) {
    .mobile__menu .search-aside .loup-search {
        right: 14px;
    }
}

@media screen and (max-width: 414px) {
    .mobile__menu .search-aside .loup-search {
        right: 14%;
    }
}

#ddfullscreenmenu .lvl1 .ss-menu-top a {
    color: #FFF;
    text-transform: initial;
    font-size: 14px;
    font-weight: 400;
}

#ddfullscreenmenu .ss-menu-top li {
    padding: 0 0 0 12px;
}

#ddfullscreenmenu .lvl1 .ss-menu-top a:hover {
    text-decoration: underline;
}

[dir="rtl"] {
    #ddfullscreenmenu .list-direct-access {
        left: 60px;
        right: auto;
    }
    #ddfullscreenmenu .ss-menu-top li {
        text-align: right;
    }
    #ddfullscreenmenu .lvl1 .ss-menu-top a {
        font-family: "Montserrat", Arial, sans-serif;
    }
    div#ddfullscreenmenu.openmenu {
        font-family: "Montserrat", Arial, sans-serif;
    }
    #ddfullscreenmenu .lvl1 > a:after, #ddfullscreenmenu .lvl1 > span:after {
        left: auto;
        right: 0;
    }
    div#ddfullscreenmenu .menu--right {
        margin-right: auto;
        margin-left: initial;
    }
    div#ddfullscreenmenu div#closex::after {
        margin-top: 20px;
    }
    div#ddfullscreenmenu div#closex::before,
    div#ddfullscreenmenu div#closex::after {
        top: 41%;
    }
}

#toggle_fullscreenmenu {
    display: none;
}

#mobile_button {
    display: block;
}

@media (min-width: 768px) {
    #mobile_button {
        display: none;
    }

    #toggle_fullscreenmenu {
        display: block;
    }
}

.mobile__menu {
    width: 100%;
    background-color: #26394C;
    color: #FFF;
    font-family: Montserrat, Arial, sans-serif;
    position: fixed;
    top: 0;
    right: -100%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 100px 31px 40px;
    transition: right .4s;
    z-index: 9999;
    overflow-x: scroll;
    min-height: 100%
}

.mobile__menu logo {
    position: absolute;
    top: 24px;
}

.mobile__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 18px;
    cursor: pointer;
    z-index: 99;
    padding: 0
}

.mobile__button-line {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 5px;
    background: #4a4a4a;
    margin: 2px 0;
    position: relative;
    transition: .2s
}

.mobile__menu.open {
    overflow-y: scroll;
    right: 0;
    height: 100%;
}

.mobile__menu.open .mobile__button {
    position: fixed;
    z-index: 9999;
}

.mobile__menu.open .mobile__button .mobile__button-line:first-child,
.mobile__menu.open .mobile__button .mobile__button-line:nth-child(3) {
    background: #fff;
}

.mobile__menu.open .mobile__button .mobile__button-line:first-child {
    top: 8px;
    transform: rotate(45deg);
}

.mobile__menu.open .mobile__button .mobile__button-line:nth-child(2) {
    opacity: 0;
}

.mobile__menu.open .mobile__button .mobile__button-line:nth-child(3) {
    top: -4px;
    transform: rotate(-45deg);
}

.mobile__menu .logo {
    position: absolute;
    top: 10px;
    width: 47px;
}

.mobile__menu .menu-wrapper {
    width: 100%;
}

.mobile__menu ul {
    margin-top: 0;
}

.mobile__menu .lvl1 {
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
}

.mobile__menu a.mobile__menu-link,
.mobile__menu span.mobile__menu-link {
    border-bottom: 1px solid #979797;
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 20px 0;
    position: relative;
    text-align: start;
    width: 100% !important;
}

.mobile__menu a.mobile__menu-link:not(.single-link):after,
.mobile__menu span.mobile__menu-link:after {
    color: #c2c2c2;
    content: "\e914";
    display: block;
    font-family: icomoon;
    font-size: 15px;
    height: 8px;
    position: absolute;
    right: 8px;
    width: 6px;
}

.mobile__menu span.mobile__menu-link {
    background: 0 0;
    cursor: pointer;
    display: block;
    height: auto !important;
    line-height: normal !important;
    transition: .2s linear;
}

.mobile__menu span.mobile__menu-link:after {
    top: calc(50% - 8px);
}

.mobile__menu .search-aside {
    margin: auto;
    max-width: 460px;
    position: relative;
    right: inherit;
    width: 100%;
}

.mobile__menu .search-aside .search-form {
    width: 100%;
}

.mobile__menu .search-aside fieldset {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
}

.mobile__menu .search-aside .text {
    border-radius: 25px;
    font-size: 18px;
    outline: 0;
    padding: 0 15px;
    text-align: left;
    font-weight: 300;
}

.mobile__menu .search-aside .text::placeholder {
    font-size: 18px;
}

.mobile__menu .search-aside .submit {
    border: none;
    display: none;
    height: 24px;
    position: absolute;
    right: -36px;
    text-indent: -5000px;
    top: 11px;
    width: 29px;
}

.mobile__menu .search-aside .loup-search {
    position: absolute;
    right: 2%;
    top: 2px;
    background: 0 0;
    height: auto;
    line-height: normal;
    width: auto;
}

.mobile__menu .mobile-language-switcher {
    margin-top: 35px;
    margin-bottom: 26px;
}

.mobile-language-switcher ul {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding-top: 10px;
}

.mobile-language-switcher ul li a {
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

.mobile__menu .menu-wrapper .list-direct-access {
    align-items: center;
    display: flex;
    flex-direction: column;
    float: none;
    justify-content: center;
}

.mobile__menu .list-direct-access .button-link {
    margin: 0;
    padding: 0;
    text-align: center;
}

.mobile__menu .menu-wrapper .list-direct-access .button-link a {
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-transform: capitalize;
    width: 278.4px;
    background-color: unset;
    font-size: 25px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 2rem;
    padding: 3px 14px 3px 38px;
    border-radius: 23px;
    margin-bottom: 14px;
    max-width: 250px;
    text-align: center;
    text-decoration: none;
    transition: .4s ease-in-out;
    position: relative;
}

.mobile__menu .menu-wrapper .list-direct-access .button-link:first-child a:before {
    background-image: url("../bundles/omranesocle/refonte3/icons/phone.svg");
    background-size: contain;
    content: "";
    height: 36px;
    left: 0;
    top: 0;
    position: absolute;
    width: 36px;
}

.ss-menu-mobile {
    margin-bottom: 0;
    margin-top: 0;
    max-height: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: .4s ease-in-out;
    visibility: hidden;
}

.ss-menu-mobile.open {
    max-height: 100%;
    transform: scaleY(1);
    visibility: visible;
}

.ss-menu-mobile li {
    margin: 0;
    padding: 10px 0 10px 10px;
}

.mobile__menu span.mobile__menu-link.istoggled:after {
    transform: rotate(-45deg);
}

.ss-menu-mobile li a {
    color: #fff;
}

.mobile__menu span.mobile__menu-link.current {
    color: #fff;
    text-decoration: underline;
}
.page {
  background: #fff;
  color: #333;
}




@media (max-width: 1024px) { .page .title-1 { font-size: 30px; } }
@media (max-width: 768px) { .page .title-1 { font-size: 26px;} }

/* .page .col-content { width: 100%; }
.page .col-aside { width: 100%; margin-bottom: 32px; } */

.icon {
  display: inline-block;
  background-size: 32px 32px;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.page .map-affiliate.map-container { position: relative; padding: 0; }

.page .subsidiary-area { margin-top: 24px; display: flex; align-items: flex-start; gap: 24px; }
.page .subsidiary-area-list { width: 100%; flex: 1 1 64%; }
.page .subsidiary-area-list_content { display: block; }

.page .list-subsidiary { list-style: none; margin: 0 0 16px 0; padding: 0; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.page .list-subsidiary > li { position: relative; padding: 0; border-radius: 8px; background: #fff; overflow: visible; }
.page .list-subsidiary > li:last-child { border-bottom: 1px solid #eee; }
.page .list-subsidiary a { color: #333; text-decoration: none; display: block; padding: 12px 14px; }
.page .list-subsidiary a:hover { color: #6f5c21; }
.page .list-subsidiary > li:hover > a { color: #85702F; font-weight: 700; }
.page .list-subsidiary > li:focus-within .block-arrow_box_subsidiary { display: block; }

.page .block-arrow_box_subsidiary { margin-top: 8px; position: absolute; left: 243px; top: 50%; transform: translateY(-50%); min-width: 420px; max-width: 520px; display: none; z-index: 20; }
.page .list-subsidiary > li:hover .block-arrow_box_subsidiary { display: block; }
.page .arrow_box_subsidiary {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #eee;
  background: #fafafa;
  border-radius: 8px;
  padding: 12px;
  transition: box-shadow 0.2s ease, transform 0.12s ease, border-color 0.2s ease;
  border-top: 3px solid #85702F;
  position: relative;
  height: auto;
}
.page .arrow_box_subsidiary:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.08);

  background: #fff;
  border: 1px solid #de302c;
}

.page .arrow_box_subsidiary:focus { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.08);

  background: #fff;
  border: 1px solid #de302c;
}
.page .arrow_box_subsidiary:before,
.page .arrow_box_subsidiary:after {
  content: "";
  position: absolute;
  top: 20px;
  left: -24px;
  border-width: 10px;
  border-color: transparent #eee transparent transparent;
  z-index: 1;
}
.page .arrow_box_subsidiary:after { left: -9px; border-color: transparent #fafafa transparent transparent; }
.page .arrow_box_subsidiary_visuel img { display: block; width: auto; height: auto; margin-inline-end: 5px; object-fit: cover; border-radius: 6px; }
.page .arrow_box_subsidiary_txt .name { display: block; font-weight: 700; margin-bottom: 6px; }
.page .arrow_box_subsidiary_txt p { margin: 0; color: #555; font-size: 14px; line-height: 1.4; }
.page .arrow_box_subsidiary_txt .name .ezstring-field { color: #2b2b2b; }

.page .list-subsidiary > li > a { color: #85702F; font-weight: 600; }
.page .list-subsidiary > li > a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .page .block-arrow_box_subsidiary { position: static; transform: none; min-width: 0; margin-top: 8px; }

  .block-banner-inner .title * {
    font-size: 1.4rem;
    line-height: 10px;
}
}
@media (max-width: 992px) {
  .page .subsidiary-area { flex-direction: column; }
  .page .subsidiary-area-list { flex: 1 1 auto; }
  .page .subsidiary-area-adress { flex: 1 1 auto; margin-left: 0; }
}
.page .list-subsidiary { grid-template-columns: repeat(3, minmax(1, 1fr)); }
@media (max-width: 600px) {
  .page .list-subsidiary { grid-template-columns: 1fr; }
}
.page .subsidiary-area-adress { width: 100%; margin-top: 24px; flex: 0 0 32%; margin-left: auto; }
.page .subsidiary-area-adress__visuel img { display: block; max-width: 100%; height: auto; border-radius: 8px; }
.page .subsidiary-area-adress__txt .name { display: block; font-weight: 700; margin: 10px 0 6px; }
.page .subsidiary-area-adress__txt p { margin: 0 0 6px 0; color: #555; }
.subsidiary-area-adress__txt {
  padding: 18px 13px 50px;
}

.page .list-subsidiary > li > a[data-tooltip] { position: relative; }
.page .list-subsidiary > li > a[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -120%);
  background: rgba(0,0,0,0.88);
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  z-index: 60;
}
.page .list-subsidiary > li > a[data-tooltip]::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  transform: translateY(-4px);
  border: 5px solid transparent;
  border-top-color: rgba(0,0,0,0.88);
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 60;
}
.page .list-subsidiary > li > a[data-tooltip]:hover::after,
.page .list-subsidiary > li > a[data-tooltip]:focus::after,
.page .list-subsidiary > li > a[data-tooltip]:hover::before,
.page .list-subsidiary > li > a[data-tooltip]:focus::before { opacity: 1; }

.page #rdv_form {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
}
@media (max-width: 768px) { .page #rdv_form { padding: 16px; } }
.page #rdv_form .champ-oblig { display: inline-block; font-size: 12px; margin-bottom: 12px; }
.page #rdv_form .fieldset,
.page #rdv_form fieldset.fieldsetform { margin-bottom: 16px;}
.page #rdv_form legend { font-weight: 600; margin: 8px 0 12px; }
.page #rdv_form label { display: inline-block; font-size: 14px; color: #444; margin-bottom: 6px; }
.page #rdv_form input[type="text"],
.page #rdv_form input[type="email"],
.page #rdv_form select,
.page #rdv_form textarea {
  width: 100%;
  background: #fff;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  color: #333;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page #rdv_form input[type="text"]:focus,
.page #rdv_form input[type="email"]:focus,
.page #rdv_form select:focus,
.page #rdv_form textarea:focus { outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133,112,47,0.15); }
.page #rdv_form textarea { min-height: 120px; resize: vertical; }
.page #rdv_form .btn-double-color .btn-text { font-weight: 600; }
.page #rdv_form .btn-double-color:active { transform: translateY(1px); }
.page #rdv_form .btn-double-color:focus { outline: 3px solid rgba(133,112,47,0.3); outline-offset: 2px; }

.page #rdv_form .contact_recaptcha .g-recaptcha { transform: scale(1); transform-origin: left top; }
@media (max-width: 360px) { .page #rdv_form .contact_recaptcha .g-recaptcha { transform: scale(0.9); } }
.page #rdv_form .ajax-fanc { color: #85702F; }

.page #reclamation_form {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
}
@media (max-width: 768px) { .page #reclamation_form { padding: 16px; } }
.page #reclamation_form .champ-oblig { display: inline-block; font-size: 12px; color: #777; margin-bottom: 12px; }
.page #reclamation_form .item-form { margin-bottom: 16px; }
.page #reclamation_form label { display: inline-block; font-size: 14px; color: #444; margin-bottom: 6px; }
.page #reclamation_form input[type="text"],
.page #reclamation_form input[type="email"],
.page #reclamation_form select,
.page #reclamation_form textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  color: #333;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page #reclamation_form input[type="text"]:focus,
.page #reclamation_form input[type="email"]:focus,
.page #reclamation_form select:focus,
.page #reclamation_form textarea:focus { outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133, 112, 47, 0.15); }
.page #reclamation_form textarea { min-height: 140px; resize: vertical; }
.page #reclamation_form .form-type-radio { display: inline-block; margin-right: 16px; }
.page #reclamation_form .form-type-radio input[type="radio"] { margin-right: 6px; }
.page #reclamation_form .zone-select-contact,
.page #reclamation_form .filialeFiled { width: 100%; }

.page #reclamation_form .btn-double-color {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: #85702F;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 18px;
  cursor: pointer;
  width: 300px;
  transition: transform 0.06s ease, background 0.2s ease;
}
.page #reclamation_form .btn-double-color .btn-text { font-weight: 600; }
.page #reclamation_form .btn-double-color:hover { background: #6f5c21; }
.page #reclamation_form .btn-double-color:active { transform: translateY(1px); }
.page #reclamation_form .btn-double-color:focus { outline: 3px solid rgba(133, 112, 47, 0.3); outline-offset: 2px; }
.page #reclamation_form .contact_recaptcha .g-recaptcha { transform: scale(1); transform-origin: left top; }
@media (max-width: 360px) { .page #reclamation_form .contact_recaptcha .g-recaptcha { transform: scale(0.9); } }
.page #reclamation_form .ajax-fanc { color: #85702F; }

.page .block-leGroupe .title-groupe { font-size: 18px; font-weight: 700; }
.page .block-leGroupe .leGroupe__nav-content { list-style: none; padding: 0; margin: 0; }

.page .block-leGroupe .leGroupe__nav-content a.current { background: #f1ecda; color: #6f5c21; font-weight: 600; margin-bottom: 16px; }
.page .block-leGroupe .leGroupe__nav-content a:hover { background: #f6f6f6; }

.page #scrollToTop.toTop {
  position: fixed;
  right: 19px;
  bottom: 20px;
  background: #85702F;
  color: #fff;
  padding: 8px 1px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 12px;
  z-index: 50;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}


.page #gmap-agencies { width: 100%; height: 420px; border-radius: 8px; overflow: hidden; }
@media (max-width: 768px) { .page #gmap-agencies { height: 320px; } }



.page .form-contact input:focus,
.page .form-contact select:focus,
.page .form-contact textarea:focus { outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133,112,47,0.15); }
.page .form-contact textarea { min-height: 140px; resize: vertical; }
.page .form-contact .form-type-radio { display: inline-block; margin-right: 16px; }
.page .form-contact .form-type-radio input[type="radio"] { margin-right: 6px; }
.page .form-contact .zone-select-contact { width: 100%; }
.page .form-contact .btn-double-color {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: #85702F;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 18px;
  cursor: pointer;
  min-width: 220px;
  transition: transform 0.06s ease, background 0.2s ease;
}
.page .form-contact .btn-double-color .btn-text { font-weight: 600; }
.page .form-contact .btn-double-color:hover { background: #6f5c21; }
.page .form-contact .btn-double-color:active { transform: translateY(1px); }
.page .form-contact .btn-double-color:focus { outline: 3px solid rgba(133,112,47,0.3); outline-offset: 2px; }

.page .block-map-adrees { background: #f7f7f7; border: 1px solid #eee; border-radius: 10px; padding: 16px; }
.page .title-adrees { font-size: 18px; font-weight: 700; margin: 0 0 10px; }
.page .block-map-adrees__content p { margin: 0 0 6px; color: #555; }
.page .block-item-gvisuel.has-content { padding: 28px 0 8px; background: #e8e5e5;}
.page .suivi-reclamation .container { max-width: 1080px; margin: 0 auto; }
.page .suivi-reclamation .description .title { display: block; font-size: 30px; font-weight: 800; color: #2b2b2b; letter-spacing: .2px; }
.page .suivi-reclamation .description .paragraph { color: #555; line-height: 1.7; margin: 10px 0 0; }
.page .suivi-form-container { margin-top: 18px; }
.page .suivi-form-container form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: center; }
.page .suivi-form-container input[type="email"],
.page .suivi-form-container input[type="text"] { width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px 14px; font-size: 14px; color: #333; transition: border-color 0.2s ease, box-shadow 0.2s ease; min-height: 48px; }
.page .suivi-form-container input[type="email"]:focus,
.page .suivi-form-container input[type="text"]:focus { outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133,112,47,0.15); }
.page .suivi-form-container .btn-double-color { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #85702F; color: #fff; border: none; border-radius: 8px; padding: 1px 18px; cursor: pointer; min-width: 220px; min-height: 52px; transition: transform 0.06s ease, background 0.2s ease, box-shadow 0.2s ease; }
.page .suivi-form-container .btn-double-color .btn-text { font-weight: 600; }
.page .suivi-form-container .btn-double-color:hover { background: #6f5c21; box-shadow: 0 8px 18px rgba(0,0,0,0.08); }
.page .suivi-form-container .btn-double-color:active { transform: translateY(1px); }
.page .suivi-form-container .btn-double-color:focus { outline: 3px solid rgba(133,112,47,0.3); outline-offset: 2px; }
.page .tickets .wysiwyg { background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 18px; }
.page .call-us.block-operation-fath-inner-right { background: #f7f7f7; border: 1px solid #eee; border-radius: 10px; padding: 18px; }
.page .call-us .title h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; }
@media (max-width: 992px) { .page .suivi-form-container form { grid-template-columns: 1fr 1fr; } .page .suivi-form-container .btn-double-color { grid-column: span 2; } }
@media (max-width: 600px) { .page .suivi-form-container form { grid-template-columns: 1fr; } .page .suivi-form-container .btn-double-color { width: 100%; } }
.page #title-1 { margin-top: 6px; }
.page #reclamation_owner .text-reservation { background: #e6e2e2;  border-radius: 10px; padding: 14px; margin: 12px 0; }
.page #reclamation_owner .text-reservation .mll { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
.page #reclamation_owner .text-reservation .mll li p { margin: 0; color: #444; }
.page .omrForm.test .w100 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.page .omrForm.test .item-form { margin: 0; }
.page .omrForm.test input[type="text"],
.page .omrForm.test input[type="email"] { width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px 14px; font-size: 14px; color: #333; transition: border-color 0.2s ease, box-shadow 0.2s ease; min-height: 48px; }
.page .omrForm.test input[type="text"]:focus,
.page .omrForm.test input[type="email"]:focus { outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133,112,47,0.15); }
.page .omrForm.test .termsAccepted { margin-right: 8px; }
.page .omrForm.test .item-form-captcha { grid-column: span 2; }
.page .omrForm.test .btn-double-color { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #85702F; color: #fff; border: none; border-radius: 8px; padding: 14px 22px; cursor: pointer; min-width: 220px; min-height: 52px; transition: transform 0.06s ease, background 0.2s ease, box-shadow 0.2s ease; }
.page .omrForm.test .btn-double-color:hover { background: #6f5c21; box-shadow: 0 8px 18px rgba(0,0,0,0.08); }
.page .omrForm.test .btn-double-color:active { transform: translateY(1px); }
.page .omrForm.test .btn-double-color:focus { outline: 3px solid rgba(133,112,47,0.3); outline-offset: 2px; }
.page .omrForm.test a.ajax-fanc { color: #85702F; text-decoration: none; }
.page .omrForm.test a.ajax-fanc:hover { color: #6f5c21; text-decoration: underline; }
.page .suivi-form-container a.ajax-fanc { color: #85702F; text-decoration: none; }
.page .suivi-form-container a.ajax-fanc:hover { color: #6f5c21; text-decoration: underline; }
.page .logo-projet.affiliate-full { margin: 8px 0 14px; }
.page .logo-projet .img-menu { display: block; max-width: 220px; height: auto; border-radius: 8px; }
.page .block-new-news .title-3 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.page .block-new-news__item { border: 1px solid #eee; border-radius: 10px; padding: 12px; background: #fafafa; }
.page .block-new-news .block-visuel-slider .visuel-slider { width: 100%; height: auto; border-radius: 8px; }
.page .block-new-news .block-desc-slider { margin-top: 8px; color: #444; }
.page .block-new-news .block-desc-slider .title-4 { margin: 0 0 6px; font-size: 16px; font-weight: 700; }
.page .block-new-news .txtcenter .link-center-white { display: inline-flex; align-items: center; justify-content: center; background: #85702F; color: #fff; text-decoration: none; border-radius: 6px; padding: 10px 14px; min-height: 40px; transition: background .2s ease, box-shadow .2s ease; }
.page .block-new-news .txtcenter .link-center-white:hover { background: #6f5c21; box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.page .separator-block { height: 12px; }
.page .affiliate-info .contact-infos { background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 14px; }
.page .affiliate-info .contact-infos .title h2 { margin: 0 0 6px; font-size: 18px; font-weight: 700; }
.page .affiliate-info .contact-infos .span { color: #85702F; text-decoration: none; }
.page .affiliate-info .contact-infos .span:hover { color: #6f5c21; text-decoration: underline; }
.page .block-region { background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 14px; }
.page .block-region h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; }
.page .block-region .visuel-marge { display: block; max-width: 100%; height: auto; border-radius: 8px; margin: 6px 0 10px; }
.page .content-page { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.page .content-page .logo-projet,
.page .content-page .title-1,
.page .content-page .block-classp { grid-column: 1 / -1; }
.page .block-new-news { grid-column: 1; }
.page .affiliate-info { grid-column: 2; }
.page .block-region { grid-column: 3; }
@media (max-width: 992px) {
  .page .content-page { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page .block-region { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .page .content-page { grid-template-columns: 1fr; }
  .page .block-new-news,
  .page .affiliate-info,
  .page .block-region { grid-column: 1; }
}
.page .block-new-news__item { padding: 0; background: transparent; border: 0; }
.page .flexslider-new-01 { position: relative; }
.page .flexslider-new-01 ul { list-style: none; margin: 0; padding: 0; }
.page .flexslider-new-01 li { border-radius: 8px; overflow: hidden; }
.page .block-visuel-slider { position: relative; }
.page .block-visuel-slider .txt-slider { position: absolute; left: 0; right: 0; bottom: 0; padding: 8px 10px; background: rgba(0,0,0,0.55); color: #fff; font-weight: 600; border-radius: 0 0 8px 8px; }
.page .block-new-news .block-desc-slider { background: #b83333; color: #fff; border-radius: 8px; padding: 12px; margin-top: 8px; }
.page .block-new-news .block-desc-slider .etat-project { display: inline-block; margin: 6px 0 10px; font-weight: 600; }
.page .affiliate-info .contact-infos { background: #1f6b3a; color: #fff; border: none; }
.page .affiliate-info .contact-infos .contact .span { color: #fff; }
.page .affiliate-info .contact-infos .info { opacity: .9; }
.page .block-region h3 { color: #b22222; }
@media (max-width: 768px) { .page #reclamation_owner .text-reservation .mll { grid-template-columns: 1fr; } .page .omrForm.test .w100 { grid-template-columns: 1fr; } .page .omrForm.test .item-form-captcha { grid-column: span 1; } }
.page .flexslider-new-01 { overflow: hidden; border-radius: 10px; }
.page .flexslider-new-01 ul,
.page .flexslider-new-01 .slides { list-style: none; margin: 0; padding: 0; }
.page .flexslider-new-01 li { position: relative; border-radius: 10px; overflow: hidden; }
.page .flexslider-new-01 > ul,
.page .flexslider-new-01 .slides { width: 100%; }
.page .flexslider-new-01 > ul > li,
.page .flexslider-new-01 .slides > li { width: 100%; }
.page .flexslider-new-01 .block-visuel-slider { position: relative; width: 100%; aspect-ratio: 16/9; }
.page .flexslider-new-01 .block-visuel-slider .visuel-slider { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.page .flexslider-new-01 .block-visuel-slider .txt-slider { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.75); color: #333; padding: 8px 12px; font-weight: 600; border-radius: 0 0 10px 10px; font-size: 14px; }
.page .flexslider-new-01 .block-visuel-slider:hover .visuel-slider { transform: scale(1.04); transition: transform .3s ease; }
.page .flexslider-new-01 .flex-direction-nav { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; padding: 0 8px; pointer-events: none; z-index: 5; }
.page .flexslider-new-01 .flex-direction-nav a { width: 38px; height: 38px; border-radius: 50%; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; text-indent: -9999px; pointer-events: auto; transition: background .2s ease, transform .1s ease; }
.page .flexslider-new-01 .flex-direction-nav a:hover { background: rgba(0,0,0,0.65); }
.page .flexslider-new-01 .flex-direction-nav a:active { transform: translateY(1px); }
.page .flexslider-new-01 .flex-direction-nav .flex-prev:before,
.page .flexslider-new-01 .flex-direction-nav .flex-next:before { content: ""; display: inline-block; width: 10px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; }
.page .flexslider-new-01 .flex-direction-nav .flex-prev:before { transform: rotate(135deg); }
.page .flexslider-new-01 .flex-direction-nav .flex-next:before { transform: rotate(-45deg); }
.page .flexslider-new-01 .flex-control-nav { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 8px; z-index: 6; }
.page .flexslider-new-01 .flex-control-paging li a { display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.7); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.08); text-indent: -9999px; transition: background .2s ease, transform .1s ease; }
.page .flexslider-new-01 .flex-control-paging li a.flex-active { background: #85702F; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6); }
.page .flexslider-new-01 .flex-control-paging li a:hover { transform: scale(1.1); }

/* ==========================
   Simulation de crédit
   ========================== */
/*.page .simulateur { padding: 16px 0; }*/
/*@media (max-width: 768px) { .page .simulateur .simulator { padding: 14px; } }*/

/*.page .simulateur .simulator-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; align-items: start; }*/
/*@media (max-width: 768px) { .page .simulateur .simulator-form { grid-template-columns: 1fr; } }*/

/*.page .simulateur .simulator-form label { display: inline-block; font-size: 14px; color: #444; margin-bottom: 6px; font-weight: 600; }*/

/*.page .simulateur .simulator-form input[type="text"] {*/
/*  width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px 14px;*/
/*  font-size: 14px; color: #333; transition: border-color .2s ease, box-shadow .2s ease; min-height: 44px;*/
/*}*/
/*.page .simulateur .simulator-form input[type="text"]:focus {*/
/*  outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133,112,47,0.15);*/
/*}*/


/*.page .simulateur .amount,*/
/*.page .simulateur .contribution,*/
/*.page .simulateur .rate,*/
/*.page .simulateur .duration { display: block; }*/


/*.page .simulateur .meter { position: relative; height: 24px; background: #eee; border-radius: 6px; margin: 8px 0 10px; overflow: hidden; }*/
/*.page .simulateur .meter .min,*/
/*.page .simulateur .meter .max { position: absolute; top: 50%; transform: translateY(-50%); font-size: 12px; color: #666; }*/
/*.page .simulateur .meter .min { left: 8px; }*/
/*.page .simulateur .meter .max { right: 8px; }*/


.simulator-lead {
  background-color: #fff;
  box-shadow: 0 0 10px #ebebeb;
  margin-bottom: 26px;
  padding: 20px;
}


.block-detail-agence-arabe-inner .agence-infos, .block-detail-agence-inner .agence-infos, .block-detail-bien-carousel-arabe-inner .items .item, .block-detail-bien-carousel-inner .items .item, .event-slider .flexslider-home .slides .event-details .title, .events .ptb-70 .detail-product-desc, .fancybox-popup-form form .item-form input[type=email], .fancybox-popup-form form .item-form input[type=tel], .fancybox-popup-form form .item-form input[type=text], .form-newsletter .icon:after, .item-form input[type=email], .item-form input[type=tel], .item-form input[type=text], .item-project-filter, .lame-home-slider__item__inner .btn, .lame-home-slider__items.owl-carousel .owl-dots button.owl-dot, .simulateur .col-aside .aside-content, .simulateur .col-aside .title, .simulator-lead, .simulator-lead .simulator .filters, .suivi-reclamation, .suivi-reclamation .container .suivi-form-container input, .suivi-reclamation .item-form input[type=email], .suivi-reclamation .item-form input[type=tel], .suivi-reclamation .item-form input[type=text], .zone-form .zone-select, .zone-select-contact, html, input[type=checkbox], input[type=radio] {

  box-sizing: border-box;
}

/*.simulator-lead .simulator .meter.ui-slider {*/
/*  border: 3px solid #eee;*/
/*  border-radius: 11px;*/
/*  height: 11px;*/
/*  margin-top: 0;*/
/*}*/

/*.simulator-lead .simulator .meter {*/
/*  display: inline-block;*/
/*  pointer-events: none;*/
/*  position: relative;*/
/*  vertical-align: middle;*/
/*  width: 67%;*/
/*}*/

/*.page .simulateur .meter {*/
/*  position: relative;*/
/*  height: 24px;*/
/*  background: #eee;*/
/*  border-radius: 6px;*/
/*  margin: 8px 0 10px;*/
/*  overflow: hidden;*/
/*}*/



/*.simulateur .col-aside {*/
/*  width: 25%;*/
/*  margin: -105px 0 35px;*/
/*  z-index: 2;*/
/*}*/

/*.simulator-lead .simulator .meter {*/
/*  display: inline-block;*/
/*  pointer-events: none;*/
/*  position: relative;*/
/*  vertical-align: middle;*/
/*  width: 67%;*/
/*}*/


/*.simulator-lead .simulator .meter .ui-slider-handle {*/
/*  background: url(../images/css/checked-radio-f.png) center no-repeat !important;*/
/*  cursor: pointer;*/
/*  pointer-events: auto;*/
/*  top: -11px;*/
/*}*/
/*.simulator-lead .simulator .meter .meter-bg {*/
/*  background: url(../images/css/meter-bg.png) center repeat-x;*/
/*  -webkit-border-radius: 11px;*/
/*  -moz-border-radius: 11px;*/
/*  -o-border-radius: 11px;*/
/*  border-radius: 11px;*/
/*  content: "";*/
/*  display: block;*/
/*  height: 100%;*/
/*  left: 0;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  width: 0*/
/*}*/

/*.simulateur .col-aside .title {*/
/*  background: 0 0 / cover #85702F;*/
/*  color: #fff;*/
/*  display: block;*/

/*  font-size: 20px;*/
/*  padding: 24px 16px;*/
/*  position: relative;*/
/*}*/

/*.simulateur .col-aside .title:after {*/
/*  background-color: #85702F;*/
/*  bottom: -8px;*/
/*  content: "";*/
/*  height: 16px;*/
/*  left: 32px;*/
/*  position: absolute;*/
/*  transform: rotate(45deg);*/
/*  width: 16px;*/
/*}*/

/*.simulateur .col-aside .aside-content {*/
/*  background-color: #e6e6e6;*/
/*  padding: 24px 16px;*/
/*  border-radius: 0 0 20px 20px;*/
/*}*/
/*.simulateur .col-aside .aside-content p {*/

/*  font-size: 14px;*/
/*  margin-bottom: 20px;*/
/*}*/

/*.simulator-lead .simulator .amount, .simulator-lead .simulator .contribution, .simulator-lead .simulator .duration, .simulator-lead .simulator .rate {*/
/*  margin-bottom: 40px;*/
/*  position: relative;*/
/*}*/





/*.page .simulateur .tool-tip { display: inline-block; font-size: 12px; color: #777; margin-top: 6px; }*/
/*.page .simulateur .tool-tip .ezstring-field { color: #555; }*/


/*.page .simulateur .ask-for-credit { grid-column: 1 / -1; margin-top: 6px; }*/
/*.page .simulateur .ask-for-credit .monthly label { display: inline-block; font-size: 14px; color: #444; margin-bottom: 6px; font-weight: 600; }*/
/*.page .simulateur .ask-for-credit .monthly input[type="text"] {*/
/*  width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px 14px;*/
/*  font-size: 16px; color: #333; font-weight: 700; min-height: 48px;*/
/*}*/
/*.page .simulateur .ask-for-credit .monthly input[type="text"]:focus {*/
/*  outline: none; border-color: #85702F; box-shadow: 0 0 0 3px rgba(133,112,47,0.15);*/
/*}*/

.simulator-aside .title{
  background: #85702F;
  color:white;
}


.page .share-box-container { position: relative; }
.page #btn-share.picto-partage { width: 36px; height: 36px; border: none; border-radius: 50%; cursor: pointer; }
.page .popover { max-width: 320px; }

.simulator-lead .simulator .meter+input {
  float: right;
  margin-top: -3px;
  width: 93px;
}




.simulator-lead .simulator .amount .tool-tip, .simulator-lead .simulator .contribution .tool-tip, .simulator-lead .simulator .duration .tool-tip, .simulator-lead .simulator .rate .tool-tip {
  background: #f1f1f1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 10px #aaa;
  display: block;

  font-size: 13px;
  left: 103%;
  line-height: 13px;
  opacity: 0;
  padding: 16px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: .2s
  ease-in-out;
  width: 168px;
  z-index: 3;
}

.block-detail-bien-carousel-arabe-inner .counter.hidden, .block-detail-bien-carousel-inner .counter.hidden, .block-flottant .burger.close .icon:nth-child(2), .block-operation-fath .hidden, .block-operation-fath-arabe .hidden, .block-operation-fath-inner-left .map .infos .btn .icon, .block-thumbnails .block-slider-thumbnails .hidden, .item-project-filter .item-project-filter__desc .block-classp.hidden, .lame-carouselCities .owl-nav button.owl-next.disabled, .lame-search-service.abs .search-text, .leaflet-control-attribution leaflet-control, .pagination-wraper .pagination li.disabled, .project-search-form .fancybox-close-small, .project-search-form .filter-details.show .close-popup-input .hide, .project-search-form .more-filter .more-filter-wrapper .ffilter .filter-info:before, .project-search-form .simulator-range-wrapper .search-slider-range span.vleft-value, .project-search-form .simulator-range-wrapper .search-slider-range span.vright-value, .reset-filters.for-mobile, .simulator-lead .simulator .tool-tip, .simulator-lead input[type=submit] {
  display: none;
}

.simulator-lead .simulator .amount:hover .tool-tip, .simulator-lead .simulator .contribution:hover .tool-tip, .simulator-lead .simulator .duration:hover .tool-tip, .simulator-lead .simulator .rate:hover .tool-tip {
  opacity: 1;
}

/* ==========================
   Styles pour les catalogues et documents - EXACTS de allcss.css
   ========================== */

.documents-list .item-result-filter__desc {
  padding: 0 9px 50px
}

.result-filter .item-result-filter .item-result-filter__visuel .item-result-filter__visuel__visuel {
  height: 185px
}

.block-mre .title-stand-2 {
  font-size: 1.6rem
}

.detail-realisation .item-result-filter.fl {
  border: none
}

.item-result-filter__visuel {
  margin: 0;
  max-height: 266px;
}

.block-news-item .mediatheque-tri .result-filter-tri-1 .item-result-filter {
  height: 478px;
}


.mediatheque-tri .item-result-filter__desc {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
}

.item-result-filter__desc {
  top: 0 !important;
}

.block-news-item .mediatheque-tri .result-filter-tri-3 .item-result-filter__desc {
  background-color: #f3f3f3 !important;
}

.infinitescroll #infscr-loading img {
  display: none !important
}

.breadcrumbs li {

  color: #222222;
}
.breadcrumbs li a {
  color: #222222;
  font-size: 1.4rem;
}

.breadcrumbs li:before {
  background: none;
  content: "\e918";

  transform: rotate(-90deg);
  font-size: 8px;
  font-weight: 900;
  top: 40%;
  right: 1px;
}
.breadcrumbs li:last-of-type:before {
  content: "";
}
.breadcrumbs li {
  padding: 0 15px 6px 0;
}

[dir="rtl"] .media-container .item-result-filter__desc .block-classp a {
  right: 20%;
}

.media-container .avis-details .mbm .btn-double-color.small{
  padding: 0 0 0 2%;
}

@media screen and (max-width: 1280px) {
  .breadcrumbs {
    padding: 15px 0 10px 10px;
  }
}

.picto-tri-2 {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-2.png) no-repeat scroll 0 0;
  height: 17px;
  width: 18px
}

.picto-tri-3 {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-3.png) no-repeat scroll 0 0;
  height: 15px;
  margin: 1px 10px 0 0 !important;
  width: 19px
}

.picto-tri-1.active {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-1.png) no-repeat scroll 0 0
}

.picto-tri-2.active {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-2.png) no-repeat scroll 0 0
}

.picto-tri-3.active {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-3.png) no-repeat scroll 0 0
}

.block-advertisement-item .mediatheque-tri .item-result-filter {
  width:100%;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc {
  background-color:#FFF;
  width:100%;
  top: -10%;
  margin-left: 13px;

  display: flex;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  height: 10rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc  img {
  display: block;
  position: absolute;
  width: 31px;
  bottom: 88%;
  right: 8%;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .download {
  background: url("../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/images/contenus/download-arrow.png") no-repeat left center;
  color: #85702F;

  font-size: 1.2rem;
  text-decoration: underline;
  position: absolute;
  bottom: -.8rem;
  left: 24%;
  padding-left: 2.4rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .block-classp {
  font-size:1.6rem;
  line-height:2.1rem;

  color:#000;
  margin-bottom:4rem;
  margin-bottom:-15%;
  height: 10rem;
  padding:14px;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .block-classp p {
  line-height: 2.5rem;

  font-size: 1.6rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .news_date {
  text-align: center;
  color: #FFF;
  background-color: #EC0021;
  height: 10rem;
  display : flex;
  align-items : center;
  flex: 0 0 20%;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .news_date .date {
  margin: auto;
  line-height: 2rem;

}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .news_date .day {
  font-size: 2.6rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .news_date .month {
  font-size: 1rem;
  margin-top: 0.3rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .news_date .year {
  font-size: 1.6rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter.document .item-result-filter__desc .block-classp {
  min-height:unset;
  height:126px;
  overflow:hidden
}

.block-advertisement-item .mediatheque-tri .item-result-filter.document .block-link-filter {
  bottom:20px;
  left:unset
}

.block-advertisement-item .mediatheque-tri .title-stand-3 {
  color:#85702F;
  font-size:1.6rem;
  margin-bottom:1.4rem;
  text-transform:uppercase;
  line-height:2.2rem;
  min-height:42px
}
.media-container {
  margin: 20px 0 35px;
}

.block-filter-tri {
  margin: 0 0 45px;
}

.block-documents-item, .block-news-item {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.for-documents, .for-news {
  margin-top: -4rem;
}



@media screen and (max-width: 1280px) {
  .block-advertisement-item .mediatheque-tri .item-result-filter__desc {
    top:-19%
  }
}

 /* .lame-home-slider__item, .lame-home-slider__items.owl-carousel, .products_page .block-banner.v2 {
    height: 120px!important;
    background-position: center;
    min-height: unset;
  } */

@media screen and (max-width: 1024px) {
  .block-advertisement-item .media-container {
    margin:0
  }
  .block-advertisement-item .media-container .mediatheque-tri.result-filter-tri-1 {
    margin-bottom:0
  }
  .block-advertisement-item .mediatheque-tri .item-result-filter__desc {
    top:-12%
  }
}

@media screen and (max-width: 400px) {
  .block-news-item .mediatheque-tri .item-result-filter__visuel__visuel {
    height: max-content;
  }
  .block-news-item .news_date {
    margin-top: 1rem;
  }
  .block-news-item .news-btn {
    width: 4rem;
  }
  .block-news-item .mediatheque-tri.result-filter-tri-1 .item-result-filter {
    height: 456px!important;
  }
}

@media screen and (max-width: 390px) {
  .block-news-item .mediatheque-tri .item-result-filter__desc,
  .block-documents-item .mediatheque-tri .item-result-filter__desc {
    top: -47px;
    height: 238px;
  }
}

@media screen and (max-width: 320px) {
  .block-advertisement-item .mediatheque-tri .item-result-filter__desc {
    top:-22% !important;
  }
}

.block-filter span {
  margin: 0 10px 0 0
}

.arcontent .fr {
  float: letf !important
}

.arcontent .fl {
  float: right !important
}

.block-image-slide-interne .flexslider-home .container-center {
  position: relative
}

.block-advertisement-item .item-result-filter {
  transition: all 0.5s;
}
.block-advertisement-item .mediatheque-tri .item-result-filter__desc img,
.block-news-item .lame-news  .item-result-filter .news-btn img,
.block-news-item .news-btn img{
  transition: all 0.5s;
  box-sizing: border-box;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc img {
  bottom: 84%;
}
.block-advertisement-item .mediatheque-tri:hover .item-result-filter__desc img,
.block-news-item .lame-news  .item-result-filter:hover .news-btn img,
.block-news-item  .item-result-filter:hover .news-btn img{
  scale: 1.1;
}
.block-advertisement-item .mediatheque-tri .item-result-filter__desc img:hover,
.block-news-item .lame-news  .item-result-filter .news-btn img:hover,
.block-news-item .item-result-filter .news-btn img:hover,
.product-item .news-btn img:hover{
  transform: rotate(90deg);
}

.block-advertisement-item .item-result-filter__visuel img:hover,
.block-news-item .lame-news .item-result-filter__visuel img:hover{
  transform: unset;
}
.block-advertisement-item .item-result-filter figure {
  overflow: hidden;
}
.block-advertisement-item .item-result-filter:hover,
.block-news-item .item-result-filter:hover{
  margin-top: -10px;
}
.block-advertisement-item .item-result-filter:hover figure img,
.block-news-item .lame-news  .item-result-filter:hover  .item-result-filter__visuel__visuel img,
.block-news-item  .item-result-filter:hover  .item-result-filter__visuel__visuel img{
  transform: scale(1.1);
}

.lame-advertisement .item-result-filter:hover .item-result-filter__visuel__visuel a,
.block-news-item .item-result-filter:hover .item-result-filter__visuel__visuel a{
  display: block;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.19);
}
.block-news-item .lame-news .item-result-filter__desc {
  box-shadow:unset !important;
}
.block-news-item .lame-news .item-result-filter,
.product-item {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
  margin-bottom: 4px;
  margin-left: 4px;
  margin-top: 10px;
  transition: all 0.5s;
}
.block-news-item .lame-news .item-result-filter:hover{
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.19);
  margin-top: -10px;
}
.lame-advertisement .item-result-filter:hover .item-result-filter__desc:before {
  content: "";
  width: 90%;
  height: 2px;
  position: absolute;
  top: -1px;
  background: #85702F;
}

.homepage .block-news-item .mediatheque-tri.result-filter-tri-1 .owl-dots,
.block-advertisement-item .owl-dots {
  margin-top: 3rem;
}
.block-news-item .news-btn {
  width: 5rem;
  position: absolute;
  right: 5%;
  bottom: 9%;
}

.footer-top .content-container-center {
  margin: 0 3rem;
  padding: 0 3rem;
}

.footer .footer-items ul li {
  display: inline;
  padding: 0
}

.footer .footer-items {
  margin-top: 20px
}

.footer .footer-items ul li img {
  max-height: 60px
}

.footer {
  clear: both !important
}

.wysiwyg p.txtcenter.ticket {
  margin-top: 50px
}

.pagination-wraper .pagination li.current {
  color: #d82234
}

.filterForm.search-form .text {
  width: 100%;
  height: 42px
}

.block-banner.mt87, .mt87 {
  margin-top: 116px;
}

.block-banner.mt87.v2, .mt87.v2 {
  margin-top: 0;
}

.block-banner {
  height: 513px;
}

.block-banner-inner {
  justify-content: unset;
  top: 38%;
  position: relative;
}

.wysiwyg .title-products * {
  color: #FFFFFF;

  font-size: 27px;
  text-transform: uppercase;
  line-height: 26px;
  text-align: center;
  position: relative;
  z-index:1;
  margin-bottom: 8px;
}

.products_page .block-banner {
  height: 30rem;
  min-height: 30rem;
}

.mw-unset {
  max-width: unset !important;
}

@media screen and (max-width: 991px) {
  .block-banner,
  #gmap-agencies,
  .lame-home-slider,
  .block-slider-thumbnails {
    margin-top: 75px;
  }
  .block-banner {
    height: 400px;
  }
  .block-banner-inner .title * {
    font-size: 2rem;
  }

  .block-banner-inner {
    min-height: unset;
  }


.btn-double-color {
    background: #85702F;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding-right: 5px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    min-height: 50px;
    width: 100% !important;
}


}

@media screen and (max-width: 500px) {
 
  .products_page .block-banner-inner {
    min-height: unset;
    top: 23%;
    position: relative;
  }
  .lame-home-slider__item__inner .titre *, .products_page .block-banner.v2 .wysiwyg .title-products * {
    margin-top: 0;
  }
  .lame-home-slider__item__inner .titre p, .products_page .block-banner.v2 .wysiwyg .title-products p{
    font-size: 2rem;
  }
  .block-banner{
    height: 120px !important;
    min-height: unset;
  }
}

@media screen and (max-width: 1440px) {
  .block-advertisement-item .block-advertisement-item_title {
    margin-bottom:3rem
  }
  .block-advertisement-item {
    margin-bottom:3rem;
    margin-top:3rem;
  }
  .block-advertisement-item .block-advertisement-item_title h2 {
    font-size:2.6rem
  }
  .block-advertisement-item .block-advertisement-item_link {
    min-height:2px
  }
}


.for-documents .result-filter-tri-1, .for-news .result-filter-tri-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -20px;
}

.clearfix:after, .line:after {
  border-collapse: collapse;
  clear: both;
  content: "";
  display: table;
}

.filter-bar {
  margin-bottom: 20px;
  border: .8px solid #d8d8d8b8;
  border-radius: 17.2px;
  height: 34px;
  width: 98px;
  padding: 3px 4px;
  display: flex
;
  justify-content: space-between;
  outline: 0;
}

.fancybox-popup-form form .zone-select-contact.fr, .fr, .simulator-lead .simulator .ask-for-credit .monthly, .simulator-lead .simulator .filters .product, html[dir=rtl] .affiliate__coltxt *, html[dir=rtl] input[type=checkbox] {
  float: right;
}

.block-table table, .lame-search-service.abs .project-search-form, .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, fieldset, form {
  border: none;
}
.block-filter-tri {
  margin: 0 0 45px;
}

.icon-for-tri.current {
  width: 53px;
  height: 27px;
  display: block;
  border-radius: 14px;
  background-color: #85702F;
  background-position: 22px 5px;
  margin: 0;
}

.icon-for-tri.picto-tri-list, .icon-for-tri.picto-tri-map {
  display: flex !important
;
  align-items: center;
  justify-content: center;
}
.icon-for-tri {
  width: 17px;
  height: 16px;
  background-size: 17px 16px;
  text-decoration: none;
  transition: .4s
  ease-in;
  margin: 4px 6px 8px;
}
[class*=icon-], [class^=icon-] {

  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.for-documents .result-filter-tri-1 .item-result-filter, .for-news .result-filter-tri-1 .item-result-filter {
  max-width: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.block-documents-item .mediatheque-tri .item-result-filter, .block-news-item .mediatheque-tri .item-result-filter {
  width: 100%;
  height: 478px;
}
.mediatheque-tri .item-result-filter {
  margin: 0 5% 0 0;
  width: 30%;
}

/* ============================================
   Styles CSS pour la section Catalogues
   Extrait depuis allcss.css
   Classes: media-container, block-filter-tri, documents-list, etc.
   ============================================ */

/* Media Container */
.media-container {
  margin: 20px 0 35px;
}

[dir="rtl"] .media-container .item-result-filter__desc .block-classp a {
  right: 20%;
}

.media-container .avis-details .mbm .btn-double-color.small {
  padding: 0 0 0 2%;
}

.homepage .media-container {
  margin: 20px 0 5px;
}



.block-center-gslide .title-1 {
  color: #fff;

  font-size: 4.8rem;
  margin: 0 0 5px;
  text-transform: capitalize;
  text-shadow: 1px 2px 3px rgba(0,0,0,.5);
}

.block-center-gslide.title-only .title-1 {
  color: #85702F;
  font-size: 3rem;
  text-shadow: none;
  text-transform: uppercase;
}



.block-filter-tri h3 {
  color: #000;
  margin-bottom: 25px;
}

.block-filter-tri .filterForm .zone-select-form::before {
  top: 12px;
}

/* Clearfix */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse;
}

.clearfix:after {
  border-collapse: collapse;
  clear: both;
  content: "";
  display: table;
}



/* Documents List */
.documents-list .item-result-filter__desc {
  padding: 0 9px 50px;
}

/* Float Left/Right */
.fl {
  float: left;
}

.fr {
  float: right;
}

.arcontent .fr {
  float: letf !important;
}

.arcontent .fl {
  float: right !important;
}

/* Filter Form */
.filterForm.search-form {
  position: relative;
  padding: 0 15px 15px;
}

.filterForm.search-form .text {
  width: 100%;
  height: 42px;
}

.filterForm.search-form .button {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/loupe-click.png) no-repeat scroll 0 0;
  border: medium none;
  height: 24px;
  text-indent: -5000px;
  top: 20%;
  width: 29px;
  position: absolute;
  right: 5%;
}

.arcontent .filterForm.search-form .button {
  left: 7%;
  right: inherit;
}



.products_filter .zone-select-form::before {
  top: 12px;
}





.picto-tri-1 {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-1-desactive.png) no-repeat scroll 0 0;
}

.picto-tri-2 {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-2.png) no-repeat scroll 0 0;
  height: 17px;
  width: 18px;
}

.picto-tri-3 {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-3.png) no-repeat scroll 0 0;
  height: 15px;
  margin: 1px 10px 0 0 !important;
  width: 19px;
}

.picto-tri-1.active {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-1.png) no-repeat scroll 0 0;
}

.picto-tri-2.active {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-2.png) no-repeat scroll 0 0;
}

.picto-tri-3.active {
  background: transparent url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/bundles/omranesocle/images/css/tri-3.png) no-repeat scroll 0 0;
}

.icon-for-tri.current .icon-list,
.icon-for-tri.current .icon-location,
.icon-for-tri.current .icon-tri {
  color: #fff;
}



.icon-tri:before {
  content: "\e901";
}



.icon-list:before {
  content: "\e900";
}




.pagination-wraper .pagination li.current {
  color: #85702F;
}

.pagerfanta .current {
  color: #85702F;
}

/* Text */
.text {
  background-color: #131F2B;
  color: #FFF;
  font-size: 1.6rem;

}

.search-aside .text {
  background-color: #131F2B;
  color: #FFF;
  font-size: 1.6rem;

}

.search-aside .text::placeholder {
  color: #FFF;
  font-size: 1.6rem;
}

/* Hide */
.hide {
  display: none !important;
}

.leaflet-control-search.leaflet-control,
.leaflet-touch .leaflet-control-attribution,
.mm-panel .mm-navbar,
body>script {
  display: none !important;
}


.block-documents-item .mediatheque-tri .item-result-filter.document .item-result-filter__desc .block-classp {
  min-height: auto !important;
}

/* Mediatheque Tri */
.mediatheque-tri .item-result-filter {
  margin: 0 5% 0 0;
  width: 30%;
}

.mediatheque-tri.result-filter-tri-1 {
  margin: 0 0 30px;
}

.homepage .mediatheque-tri.result-filter-tri-1 {
  margin: 0;
}

.block-item-slider .title-2,
.mediatheque-tri.result-filter-tri-1 {
  margin: 0 0 30px;
}

.mediatheque-tri .block-link-filter {
  bottom: -12px;
}

.mediatheque-tri .item-result-filter:nth-child(3n) {
  margin-right: 0;
}

.block-news-item .mediatheque-tri .result-filter-tri-1 .item-result-filter {
  height: 478px;
}

.homepage .block-news-item .mediatheque-tri.result-filter-tri-1 .owl-dots,
.block-advertisement-item .owl-dots {
  margin-top: 3rem;
}


/* Mediatheque Detail Tri */
.mediatheque-detail-tri .item-result-filter__desc {
  padding-bottom: 35px;
}

.mediatheque-detail-tri .block-link-filter {
  bottom: 10px;
}

.mediatheque-detail-tri .link-brochure {
  border-top: 1px dotted #b6b6b6;
  padding-bottom: 0;
  padding-top: 8px;
}

.mediatheque-detail-tri .link-brochure:before {
  top: 9px;
}

/* Result Filter */
.result-filter .item-result-filter .item-result-filter__visuel .item-result-filter__visuel__visuel {
  height: 185px;
}

.result-filter.offerslist tr td:nth-child(2) {
  word-break: break-all;
}

/* Result Filter Tri 1 */
.result-filter-tri-1 {
  margin: 0 0 30px;
}

.events .result-filter-tri-1 .item-result-filter .item-title {

  font-size: 24px;
  margin-bottom: 20px;
  text-transform: none;
}

.events .result-filter-tri-1 .item-result-filter.has-slides {
  display: none;
}


.item-result-filter.fl {
  border: none;
}

.detail-realisation .item-result-filter.fl {
  border: none;
}

.item-result-filter__visuel {
  margin: 0;
  max-height: 266px;
}

.item-result-filter__visuel__visuel {
  height: 185px;
}

.item-result-filter__desc {
  top: 0 !important;
}


/* Title Stand 2 */
.title-stand-2 {
  font-size: 1.6rem;
}

.title-stand-2 a {
  color: #222;
}

.block-item-slider-visuel h2,
.title-stand-2 a,
a,
body,
li {
  color: #222;
}

.block-mre .title-stand-2 {
  font-size: 1.6rem;
}

/* Block Class P */
.block-classp {
  color: #222;

  font-size: 1.3rem;
  padding: 0 0 26px;
}

.flexslider-opinions .slides span.block-classp {
  font-weight: 700;
}

.block-news-item .block-classp::first-letter {
  text-transform: uppercase;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .block-classp {
  font-size: 1.6rem;
  line-height: 2.1rem;

  color: #000;
  margin-bottom: 4rem;
  margin-bottom: -15%;
  height: 10rem;
  padding: 14px;
}

.block-advertisement-item .mediatheque-tri .item-result-filter__desc .block-classp p {
  line-height: 2.5rem;

  font-size: 1.6rem;
}

.block-advertisement-item .mediatheque-tri .item-result-filter.document .item-result-filter__desc .block-classp {
  min-height: unset;
  height: 126px;
  overflow: hidden;
}

.evenement-item__desc .block-classp {
  padding: 0 0 42px;
}

.donwloadFiles .block-classp {
  padding-left: 10px;
  padding-bottom: 0;
}

.block-pub-content .ezimage-field img {
  height: auto;
  width: 100%;
  vertical-align: middle;
  border-style: none;
}

@media screen and (max-width: 991px) {
  .block-pub-content .ezimage-field img {
    height: 400px;
  }
}

.block-operation-fath-inner .map .infos .icon {
  font-size: 20px;
  color: #85702F;
  margin-bottom: 4px;
  text-decoration: none;
}

.block-operation-fath-inner .places .item .icon {
  height: 16.77px;
  width: 24.33px;
  font-size: 24px;
  margin-right: 4px;
}

/* Date Search */
.date-search {
  text-align: right;
}

.nav-menu-interne .nav-menu-interne__list1,
.txtright,
html[dir=rtl] .block-detail-bien-accordion .block-detail-bien-accordion-inner .content .panel .card .item .title *,
html[dir=rtl] .lame-projects .lame-carouselProjects .block-projectItem__info .details h3 {
  text-align: right;
}

.infinitescroll #infscr-loading img {
  display: none !important;
}

.infinitescroll #infscr-loading div {
  border: 1px solid #85702F;
  color: #85702F;
  display: inline-block;
  font-size: 16px;
  margin: 0 0 20px;
  padding: 19px 20px 19px 90px;
}

/* Txt Center */
.txtcenter {
  text-align: center;
}

.block-border-visuel,
.block-bt-filter,
.block-documents-item .block-news-item_link,
.block-new-news__item .flex-control-paging,
.block-news-item .block-news-item_link,
.flexslider-product .flex-control-paging,
.txtcenter {
  text-align: center;
}

.wysiwyg p.txtcenter.ticket {
  margin-top: 50px;
}

/* Clear */
.clear {
  clear: both;
}

.clear,
.comment-content,
.entry-content,
.footer,
.line,
.page-links,
.row,
hr {
  clear: both;
}

/* Media Queries */
@media screen and (max-width: 1280px) {
  .block-advertisement-item .mediatheque-tri .item-result-filter__desc {
    top: -19%;
  }
}

@media screen and (max-width: 1024px) {
  .block-pub {
    height: 70%;
  }

  .ezimage-field {
    height: 100%;
  }

  .block-flottant {
    left: 0;
  }

  .block-flottant .item {
    flex-direction: column;
  }
}

@media screen and (max-width: 991px) {
  html[dir=rtl] .suivi-reclamation .container {
    display: block !important;
  }
}

@media screen and (max-width: 425px) {
  .block-banner-inner .title * {
    font-size: 2rem;
  }

  .block-banner-inner {
    min-height: unset;
  }

  .block-flottant {
    top: 97%;
  }

  .block-flottant .item {
    padding: 10px;
  }

  .block-flottant .item .text {
    display: none;
  }
}

/* Print Media Query */
@media print {
  .item-result-filter__desc a.link-plus-1 {
    display: none;
  }
}

.zone-select-form select {
  padding: 3px 3px 3px 8px;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: 0;
  background: 0 0;
  color: #646464;
  border: none;
  outline: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  font-size: 1.4rem;

  width: 220px;
  height: 40px;
}

.zone-select-form {
  margin: 0;
}
.zone-select-form {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  border: 1px solid #ccc;
  width: 220px;
  border-radius: 5px;
  background: #f3f3f3;
  padding: 0 30px 0 0;
}

.block-filter-tri .filterForm .zone-select-form::before {
  top: 12px;
}
.zone-select-form:before {
  background: url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/images/css/picto-11.png) no-repeat;
  content: "";
  display: block;
  height: 7px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 17px;
  width: 13px;
}

.clearfix:after, .line:after {
  border-collapse: collapse;
  clear: both;
  content: "";
  display: table;
}

.block-documents-item .result-filter-tri-1.result-filter .item-result-filter.catalogue .date-search, .block-documents-item .result-filter-tri-1.result-filter .item-result-filter.document .date-search {
  bottom: unset;
  top: 0;
}
.date-search {
  background-color: rgba(0, 0, 0, .32);
  font-size: 1.3rem;
  color: #fff;
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 15px 17px 11px;
}
.date-search, .nav-menu-interne .nav-menu-interne__list1, .txtright, html[dir=rtl] .block-detail-bien-accordion .block-detail-bien-accordion-inner .content .panel .card .item .title *, html[dir=rtl] .lame-projects .lame-carouselProjects .block-projectItem__info .details h3 {
  text-align: right;
}

.block-documents-item .mediatheque-tri .item-result-filter__visuel__visuel, .block-news-item .mediatheque-tri .item-result-filter__visuel__visuel, .for-documents .result-filter-tri-1.result-filter .item-result-filter .item-result-filter__visuel .item-result-filter__visuel__visuel, .for-news .result-filter-tri-1.result-filter .item-result-filter .item-result-filter__visuel .item-result-filter__visuel__visuel {
  height: 30rem;
}


.block-form-search {
  margin: 0 0 58px;
  padding: 30px 2% 36px;
  border: 1px solid #f0f0f0;
  background: #fff;
  border-radius: 20px;
  background: -webkit-linear-gradient(#fff, #eee);
  background: -o-linear-gradient(#fff,#eee);
  background: -moz-linear-gradient(#fff,#eee);
  background: linear-gradient(#fff, #eee);
  box-shadow: 0 -12px 20px -13px rgba(0, 0, 0, .2) inset;
}


.appeloffres .zone-form .zone-select.smaller {
  border-radius: 26px;
}
.appeloffres .zone-form .zone-select {
  width: 135px;
}
.w150p, .zone-form .zone-select.smaller {
  width: 150px;
}
.zone-form .zone-select {
  width: 180px;
  background: #fff;
  display: inline-block;
  margin-right: 0;
  padding-right: 12px;
  position: relative;
  border: 1px solid rgba(151, 151, 151, .51);
  border-radius: 4px;
}


.btn-double-color {
  background: #85702F;
  color: #fff;
  display: inline-block;
  left: 0;
  overflow: hidden;
  padding-right: 5px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 30px;
  display: flex
;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  min-height: 50px;
}

.content-header-scroll .block-list-menu, .fl, .simulator-lead .simulator .ask-for-credit .validate-credit, .simulator-lead .simulator .filters .identity, html[dir=rtl] .header .content-header .block-header-right, html[dir=rtl] .header .content-header .block-header-right .language-switcher, html[dir=rtl] .logo-projet.affiliate-full {
  float: left;
}

.appeloffres.filterForm .zone-form.last {
  margin-top: 10px;
}
.appeloffres.filterForm .zone-form.donwloadFiles {
  margin-top: 0 !important;
}
.appeloffres.filterForm .zone-form.last, html[dir=rtl] .zone-form .form-type-checkbox label {
  margin-top: 15px !important;
}
.appeloffres.filterForm .zone-form {
  margin: auto;
}
.zone-form {
  margin: 0 2% 20px 0;
}
.content-header-scroll .block-list-menu, .fl, .simulator-lead .simulator .ask-for-credit .validate-credit, .simulator-lead .simulator .filters .identity, html[dir=rtl] .header .content-header .block-header-right, html[dir=rtl] .header .content-header .block-header-right .language-switcher, html[dir=rtl] .logo-projet.affiliate-full {
  float: left;
}


.col-content .zone-form .form-type-checkbox div:not(#foo)>input[type=checkbox] {
  position: relative;
  opacity: 0;
  overflow: visible;
  height: 0;
  top: -5px;
}
.zone-form .form-type-checkbox div:not(#foo)>input[type=checkbox] {
  background-color: #85702F;
}

.block-banner {
  height: 377px !important;
}

.block-banner {
  min-height: 384px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}


.col-content {
  width: 72% !important;
  margin: 50px 0 35px !important;
}

.clearfix {
  margin-top: -67px;
}

.page .block-banner {
  width: 75%;
  margin: 0 auto;
  min-height: 180px;
  background-size: cover;
  background-position: center;

}

.content-footer-top-col {
  padding: 7px 8px 0 !important;
}

.col-content.sitemap {
  width: 100% !important;
}

.block-ss-menu-top li:not(.button-link) span {
  padding: 0;
  border-color: #d8d8d8;
  cursor: pointer;
  display: flex
;
  align-items: center;
}


.sitemap .lvl2, .sitemap .lvl3, .sitemap .lvl4 {
  padding-left: 0px;
  width: 275px !important;
}

.sitemap .block-ss-menu-top {
  width: 20%;
}

.block-ss-menu-top {
  width: 45%;
  margin: 0 5% 0 0;
}

.block-ss-menu-top li:not(:last-of-type) a, .project-search-form .filter-details ul li:not(:last-of-type) {
  border-bottom: 1px solid #d8d8d8;
}


.block-ss-menu-top li:not(.button-link) span {
  padding: 0;
  border-color: #d8d8d8;
  cursor: pointer;
  display: flex
;
  align-items: center;
}
.block-ss-menu-top li a, .block-ss-menu-top li:not(.button-link) span {
  font-size: 16px;
  line-height: 50px;
  font-family: Lato-Medium;
  letter-spacing: 0;
  display: block;
  position: relative;
  transition: .4s
  ease-in-out;
  max-width: 400px;
}
.block-ss-menu-top li span {
  border-bottom: 1px solid #8f8f8f;
  color: #000;
  display: block;
  padding: 15px 5px 15px 22px;
  position: relative;
}


li .p-like, li ol, li p, li ul {
  margin-top: 0;
  margin-bottom: 0;
}


.block-menu-content__list li.current a, .block-ss-menu-top li a:hover, .block-ss-menu-top li:not(.button-link) span:hover, .list-langue li.current a, .ss-menu-mobile li.current a, .ss-menu-mobile li.current span {
  color: #85702F;
}



.block-ss-menu-top li:not(.button-link) span {
  padding: 0;
  border-color: #85702f;
  cursor: pointer;
  display: flex
;
  align-items: center;
  color: #85702f;
  font-weight: 700;
  width: 100%;
}


.main-title.fl.ar-fr {
  float: unset;
}


.media-container .avis-details .mbm .btn-double-color.small {
  padding: 0 1% 0 1%;
  color: white;
  margin: 0 auto;
  justify-content: center;
}


.for-documents .result-filter-tri-1, .for-news .result-filter-tri-1 {
  display: flex
;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -20px;
  gap: 20px;
}

.result-filter-tri-1, .result-filter-tri-2, .result-filter-tri-3 {
  margin: 0 0 50px;
}
.block-filter-tri.clearfix.documents-list{
  margin-top: 0 !important;
  max-width:1440px !important;
}




.container-same-height.clearfix.flex-tri-wrapper.mediatheque-tri.mediatheque-detail-tri.for-documents {
  margin-top: 0 !important;
}


.container-same-height.clearfix.flex-tri-wrapper.mediatheque-tri.mediatheque-detail-tri.for-news {
  margin-top: 0 !important;
}

.block-filter-tri.clearfix.news-list{
  margin-top: 0 !important;

}


.block-evenement-filter input[type=text], .block-evenement-filter select {

  border-bottom: 0px dashed #b9b9b9 !important;
}

.btn-double-color {
  width: 25% !important;
}

@media screen and (max-width: 760px) {
  .btn-double-color {
  width: min-content !important;
}
}


.evenement-item__desc h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.evenement-item__desc span.date {
  font-size: 1rem;
  color: #67510d;
  margin-bottom: 20px;
  display: block;
}


.evenement-item__desc .btn-double-color {
  margin: unset;
  width: 100% !important;
}

.evenement-item__desc .btn-double-color-lime {
  padding: 0px 22px 0px 20px;
}

.evenement-item__actions{
  display: flex;
  gap: 20px;
}

.evenement-item__desc .block-classp {
  padding: 5px 3px 42px;
  font-size: 1rem;
  line-height: 1.5rem;
}
.evenement-item__desc .btn-double-color {
  margin: unset;
  width: 43% !important;
}

.breadcrumb-list > li {padding: 0}


.container-center {   padding: 0px 0px 50px 0px !important ;}


.btn-double-color:hover {
    text-decoration: none;
    border-color: #85702F;
    background-color: #fff;
    color: #85702F;
}


.evenement-item__desc .subtitle {
  color: #764300 !important;
}





.breadcrumbs {
    padding: 15px 0 10px;
}


.breadcrumbs li {
    padding: 0 15px 6px 0;
}

.breadcrumbs li {
    font-family: 'Poppins';
    color: #222222;
}

.breadcrumbs li {
    float: left;
    padding: 0 15px 0 0;
    margin: 0 5px 0 0;
    position: relative;
    font-family: Lato-Light;
}

.breadcrumbs li, .breadcrumbs li a {
    color: #767676;
    font-size: 1.2rem;
  }


.breadcrumbs li:before {
  background: none;
  content: "\e918";
  font-family: 'icomoon';
  transform: rotate(-90deg);
  font-size: 8px;
  font-weight: 900;
  top: 40%;
  right: 1px;
}
.breadcrumbs li:last-of-type:before {
  content: "";
}
.breadcrumbs li {
  padding: 0 15px 6px 0;
}
#map .title{
  color: #007035;
  font-family: Poppins-Bold;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.1rem;
  justify-content: center;
  margin-bottom: 1rem;
  display: flex;
}
/*Styles responsive*/
@media screen and (max-width: 1280px) {
  .breadcrumbs {
    padding: 15px 0 10px 10px;
  }
  .block-detail-bien-accordion-inner .title h2 {
    padding-left: 10px;
  }
}


.page .suivi-form-container .btn-double-color:hover .btn-text {
    color: #ffffff !important;
}

.page .suivi-form-container input[type="text"] {width: 100%;background: #fff;border: 1px solid #ddd;border-radius: 8px;padding: 10px 14px;font-size: 14px;color: #333;transition: border-color 0.2s ease, box-shadow 0.2s ease;min-height: 55px !important; }




#new-map{
  height: 700px; 
  width:100%;
  position: relative;
  outline-style: none;
  border-radius: 8px;
}

.tooltip-project-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tooltip-project-image {
  width: 100%;
  height: 150px;
  border-radius: 12px 12px 0 0;
}
.project-tooltip-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 7px 0 7px;
}

.project-tooltip-title {
  line-height: 1.75rem;
  font-family: "Montserrat", Arial, sans-serif;;
  color: black;
  font-size: 16px;
  font-weight: 700;
}

.project-tooltip-footer {
  display: flex;
  justify-content: end;
  padding: 10px;
}

.charger-projet-btn {
  color: white;
  outline: none;
  border: none;
  background-color: #d82234;
  border-radius: 12px;
  padding: 10px;
}

.tooltip-lot-card {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 20px;
  border-radius: 12px;
}
.tooltip-lot-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #d82234;
}
.tooltip-base{
   font-size: 15px; 
   padding: 10px;
   
}

.status-lot {
  color: white;
  padding: 3px;
  border-radius: 4px;
}

.parent-map {
  position: relative;
}
.parent-search{
  display: flex;
  position: absolute;
  top : 40px;
  right: 40px;
  z-index: 1000;
}


.input-search:focus{
  outline: none;
}

.parent-search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap : 3px
}

.input-map-search-error {
  color: #d82234;
  align-self: start;
  font-size: 13px;
  
}
#input-map-search {
  width: 250px;
  height: 30px;
  border-radius: 10px;
  border: 0;
  border:#d82234 1.5px solid;
  padding-left : 30px;
  font-size: 13px;
  color: black;
  appearance: none;
  outline: none;
}
.constum-input-search{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;

}
#btn-map-search{
  position: absolute;
  top:5px;
  appearance: none;
  outline: none;
  background-color: transparent;
  border: none;
  color: rgba(75, 71, 71, 0.781);
  font-size: 20px;
  cursor: pointer;
}


#autocomplete-container {
  background-color: white;
  border-top: 0;
  padding: 15px;
  border-radius: 12px;
  display: none;
  flex-direction: column;
  gap: 7px;
  max-height: 200px;
  overflow-y: auto;
  border: gray solid 1px;
}

.filtred-btn {
  color: black;
  font-size: 13px;
  font-weight: bolder;
  appearance: none;
  border: 0;
  background-color: transparent;
  text-align: left;
  outline: none;
  cursor: pointer;
  padding: 5px;
}

#selected-filtred-btn {
  background-color: #dadfe0;
  
}
#error-search{
  color: red;
  margin: 0;
  font-size: 12px;
}
.legend-container {
  position: absolute;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  background-color: rgba(255, 255, 255, 0.62);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  
}
.legend-header {
  display: flex;
  justify-content: start;
  align-items: center;
}
.legend-title {
  font-size: 15px;
  color: #d82234;
  margin: 0;
}
.legend-body {
  display: flex;
  flex-direction: column;
  gap: 5px;

}
.legend-item {
  display: flex;
  gap: 5px ;
  align-items: center;

}
.legend-ball{
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px black solid;
}
.legend-text {
  font-size: 12px;
  margin: 0;
}


.leaflet-container a.leaflet-btn {
  min-width: 170px;
  border-radius: 10px;
  color: #FFF !important;
  margin-top: 10px;
}

.leaflet-container a.leaflet-btn:hover {
  color: #246530!important;
}
#list-lots {
   position: absolute;
   top: 0px;
   left: 0;
   margin: 20px;
   width: 25%;
   max-height: 90%;
   z-index:999 ;
   background-color: rgba(255, 255, 255, 0.836);
   border-radius: 5px;
   padding: 20px;
   overflow-y: auto;
   overflow-x: hidden;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.card-lot{
   appearance: none;
   border: none;
   width: 90%;
   text-align: left;
   padding: 15px;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 6px;
   border: 1px solid black;
   border-radius: 5px;
   margin-right: 10px;
   cursor: pointer;
}
.card-lot-title {
   margin : 0;
   font-size: 0.80rem;
}
.card-lot-body {
   margin: 0;
}
.card-lot-line {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.card-lot-text{
   margin: 0;
   font-size: 0.75rem;
   font-weight: lighter;
}

.btn-details-lot{
    appearance: none;
    border: none;
    align-self: self-end;
    margin-top: 5px;
    border-radius: 5px;
    padding: 7px;
    color: white;
    font-weight: bold;

}
#list-lots-header{
    display: flex;
    justify-content: space-between;
}
.list-lots-title {
    margin: 0;
}
#lot-count-text {
    color: #d82234;
    font-size: 12px;
}
.titre-bien * {
    font-size: 30px!important;
}
.titre-bien p {
    font-size: 2rem!important;
    color: #246530!important;
}
.etes_vous_interesse {
    background-color: white;
}
.btn-details-imm {
  color: white !important;
  appearance: none;
  padding: 5px;
  background-color: #1f652c;
  text-decoration: none;
  border-radius: 5px;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  background: linear-gradient(
    180deg,
    rgb(226 226 226) 0%,
    rgba(255, 255, 255, 1) 48%,
    rgb(218 218 218) 100%
  );
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.row {
  margin: 4px;
  background: transparent;
}

.projet_row {
  border-radius: 20px 0px 0px 0px;
  transition: all 0.25s ease;
  width: 100%;
  background: #adadad40;
  margin-top: 4px;
  transform: scale(1);
}

.projet_row:hover {
  background: #41e11f85;
  transform: scale(1.02);
  cursor: pointer;
}

/*.lot_row.libre {*/
/*  background: #f6f6f6;*/
/*  transition: all 0.25s ease;*/
/*  width: 100%;*/
/*  margin-top: 4px;*/
/*  border: 1px #a7a7a7 solid;*/
/*  transform: scale(1);*/
/*}*/

.lot_row:hover {
  background: #ffc107;
  transform: scale(1.02);
  color: #fff !important;
  cursor: pointer;
}
.lot_row.sales-on-price-offer:hover {
    background: #18a26b;
}

ul{
  list-style: none;
}
#swal2-html-container{
    font-family: "Montserrat", Arial, sans-serif;
}
.lot_row {
    width: unset !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    background: #f6f6f6;
    border-radius: 6px;
    padding: 3%;
    border: 1px #a7a7a7 solid;
    transform: scale(1);
}

.lot_row .left-side {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 8px;
}

.lot_row .left-side * {
    float: left;
    margin-left: 8px;
    font-size: 1.25em;
}

.lot_row .right-side {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
    padding-top: 4px;
    row-gap: 6px;
    margin-top: 3%;
}

.lot_row span {
    font-size: 1.25em;
}

.lot_row .right-side a {
    margin: unset;
}

.swal-btn{
    width: 60%;
}
.lot_row table{
    font-size: 14px;
}

.lot_row table td{
    border: none;
}
.good-sold{
    color : #BE4A26;
    padding-top: 8%;
    height: 100px;
    font-size: 2rem;
}
@media (max-width: 767px) {
    .swal2-popup {
        width: auto !important;
    }

    ul {
        padding: 0 !important;
    }

    .lot_row {
        width: 100% !important;
        display: block;
        padding-top: 2%;
        padding-bottom: 3%;
        margin-right: 2%;
    }

    .lot_row .right-side {
        margin-left: 9px;
        width: 100%;
    }

    .lot_row .table :hover {
        color: #fff;
    }
}

.swal2-html-container .item:hover{
    text-decoration: none;
}
.text-icon {
  border-radius: 5px;
  padding: 0px;
  font-size: 0.9rem;
  text-align: center;
  color: white;
  font-weight: bold;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-gadget img {
    margin-left: -50px;
}

@media (max-width: 640px){

    .goog-te-combo {
        width: 115px;
    }

    .block-menu-tab.block-menu-tab__1 .list-direct-access {
	    display: none;
	}
}

.header.content-header-scroll .content-header .list-items-top .profile-link {
    color: #000
}

.header.content-header-scroll .content-header .list-items-top .profile-link a {
    color: #000
}

.header.content-header-scroll .content-header .list-items-top .profile-link a img {
    filter: invert(0%) contrast(100%)
}

.header.content-header-scroll .content-header .list-items-top .profile-link:hover {
    color: #d82234
}

.header.content-header-scroll .content-header .list-items-top .profile-link:hover a {
    color: #d82234 !important
}

.header.content-header-scroll .content-header .list-items-top .profile-link:hover a img {
    filter: invert(10%) sepia(85%) saturate(5713%) hue-rotate(346deg) brightness(126%) contrast(99%)
}

.header .modal-profile {
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    top: 0;
    right: 0;
    overflow: hidden
}

.header .modal-profile.show {
    display: block
}

.header .modal-profile .modal-content {
    max-width: 548px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 11px 15px 24px
}

.header .modal-profile .modal-content .modal-header {
    text-align: right;
    padding-right: 8px
}

.header .modal-profile .modal-content .modal-header .close {
    font-size: 35px;
    font-weight: 100;
    color: #000;
    opacity: 0.4;
    border: 0;
    padding: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.header .modal-profile .modal-content .modal-body {
    overflow-y: auto;
    margin-bottom: 48px;
    height: 100%;
    scrollbar-width: thin;
    padding-right: 8px
}

.header .modal-profile .modal-content .modal-body::-webkit-scrollbar {
    width: 4px;
    height: 100%
}

.header .modal-profile .modal-content .modal-body::-webkit-scrollbar-track {
    background: rgba(216, 216, 216, 0.46)
}

.header .modal-profile .modal-content .modal-body::-webkit-scrollbar-thumb {
    background: rgba(61, 61, 61, 0.46)
}

.header .modal-profile .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
    background: rgba(61, 61, 61, 0.46)
}

.header .modal-profile .modal-content .modal-card {
    background-color: rgba(194, 194, 194, 0.3);
    border-radius: 12px;
    padding: 24px 34px 24px 16px;
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative
}

.header .modal-profile .modal-content .modal-card--media {
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    border-radius: 100%;
    display: flex;
    align-items: center
}

.header .modal-profile .modal-content .modal-card--content {
    width: 100%
}

.header .modal-profile .modal-content .modal-card--content .title {
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: 1px;
    font-size: 22px
}

.header .modal-profile .modal-content .modal-card--content .description {
    font-weight: 500
}

.header .modal-profile .modal-content .modal-card--content .description:last-child {
    padding: 0
}

.header .modal-profile .modal-content .modal-card--content .btn-notification {
    position: absolute;
    height: 24px;
    width: 24px;
    right: 8px;
    top: 22px
}

.header .modal-profile .modal-content .modal-links ul {
    margin-top: 46px
}

.header .modal-profile .modal-content .modal-links ul li {
    padding: 14px 24px;
    margin: 0
}

.header .modal-profile .modal-content .modal-links ul li:not(:last-child) {
    border-bottom: 1px solid rgba(194, 194, 194, 0.3)
}

.header .modal-profile .modal-content .modal-links ul li a {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-left: 20px
}

.header .modal-profile .modal-content .modal-links ul li a span {
    position: absolute;
    left: -8px
}

.header .content-header .list-items-top .profile-link {
    max-width: 300px;
    color: #fff;
    border: 2px solid;
    border-radius: 23px;
    text-align: center;
    text-decoration: none;
    padding: 0
}

.header .content-header .list-items-top .profile-link a {
    font-size: 12px !important;
    font-weight: 900;
    line-height: 13px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 24px 10px 38px
}

.header .content-header .list-items-top .profile-link a img {
    position: absolute;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: invert(100%) brightness(100%)
}

.header .content-header .list-items-top .profile-link a img.img-man {
    left: 3px;
    border: 2px solid #000;
    border-radius: 24px
}

.header .content-header .list-items-top .profile-link a img.img-arrow {
    right: 2px;
    transform: translateY(-60%) rotate(90deg);
    top: 50%;
    width: 20px;
    height: 100%
}

.header .content-header .list-items-top .profile-link:hover {
    color: #d82234
}

.header .content-header .list-items-top .profile-link:hover a {
    color: #d82234 !important
}

.header .content-header .list-items-top .profile-link:hover a img {
    filter: invert(10%) sepia(85%) saturate(5713%) hue-rotate(346deg) brightness(126%) contrast(99%)
}

table tbody tr th{
    line-height: 5.5 !important;
}

table tbody tr th .icon-file-pdf:before {
    color: red;
    font-size: 40px;
    margin: 5%;
}

.block-doc{
    background-color: #fff;
    padding: 2%;
}

.icon-user:before {
    content: "\e971";
}
.icon-users:before {
    content: "\e972";
}
.icon-key2:before {
    content: "\e98e";
}
.icon-equalizer:before {
    content: "\e992";
}
.icon-question:before {
    content: "\ea09";
}
.icon-cancel-circle:before {
    content: "\ea0d";
}
.icon-checkbox-checked:before {
    content: "\ea52";
}

.header.content-header-scroll {
    height: 125px !important;
}

.project-details .icon-file-pdf:before{
    content: "\eadf";
    color: unset;
}

.block-doc .icon-file-pdf:before{
    content: "\eadf";
    color: red;
}

.file_brochure {
    margin-top: 1.5%;
}

.file_brochure a {
    padding: 1%;
}

.file_brochure a .icon-file-pdf, .block-doc a .icon-file-pdf{
    padding-right: 2%;
}

.file_brochure .btn-green-v2 ,.block-doc .btn-green-v2{
    background-color: #007035 !important;
}

.block-doc .row {
    margin-bottom: 3%;
    margin-top: 3%;
    margin-left: 6%;
}

.block-doc .row .column a {
    padding: 3%;
    max-width: 70%;
}

.block-doc .last-column a {
    padding: 1.5%;
    max-width: 35%;
    margin-left: 6%;
}

.block-doc .btn-green-v2:hover, .file_brochure .btn-green-v2:hover {
    color: #007035!important;
    background: #007035!important;
}

.block-doc .disabled{
    pointer-events: none;
    cursor: default;
    background-color: #ccc !important;
}

.block-doc .btn-green-v2, .block-doc .btn-green-v2:hover{
    border-radius: 20px !important;
}

.block-doc .last-column .btn-green-v2:hover {
    border-radius: 27px !important;
}

@media (max-width: 767px) {
    .file_brochure a {
        padding: 2%;
    }

    .block-doc{
        height: 100%;
    }

    .block-doc .row {
        display: grid;
    }

    .block-doc .row .column a ,.block-doc .last-column a{
        max-width: 88%;
    }

    .block-doc .row .column , .block-doc .last-column{
        margin-bottom: 1%;
    }

    .block-doc .last-column a {
        padding: 3%;
    }
}

.disabled-a{
    pointer-events: none;
    cursor: default;
    color: #ccc;
}

.btn-green1 {
    min-height: 48px;
    max-width: 213.6px;
    border-radius: 29.05px;
    background-color: #246530;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    border: 2px solid #246530;
}

.btn-green1:hover {
    background: #FFFFFF;
    color: #246530 !important;
}

.profile,.block-project-tabs .tabs-header .profile,.leaflet-container a.profile{
    display: none;
}


.swal2-html-container {
  overflow: hidden !important;
}
.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.075), 0 1px 2px hsla(0, 0%, 0%, 0.075), 1px 2px 4px hsla(0, 0%, 0%, 0.075), 1px 3px 8px hsla(0, 0%, 0%, 0.075), 2px 4px 16px hsla(0, 0%, 0%, 0.075);
  pointer-events: all;
}
.swal2-popup.swal2-toast > * {
  grid-column: 2;
}
.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}
.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  overflow: initial;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}
.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}

div:where(.swal2-container) {
  display: grid;
  position: fixed;
  z-index: 1060;
  inset: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
  z-index: 999999999999999;
}
div:where(.swal2-container).swal2-backdrop-hide {
  background: transparent !important;
}
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}
div:where(.swal2-container).swal2-top-start > .swal2-popup {
  align-self: start;
}
div:where(.swal2-container).swal2-top > .swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center;
}
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end;
}
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}
div:where(.swal2-container).swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
}
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
}
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}
div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}
div:where(.swal2-container).swal2-no-transition {
  transition: none !important;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}
div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}
div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
div:where(.swal2-container) button:where(.swal2-styled):focus {
  outline: none;
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-footer) {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}
div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  margin: 2em auto 1em;
}
div:where(.swal2-container) button:where(.swal2-close) {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
div:where(.swal2-container) button:where(.swal2-close):focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) .swal2-html-container {
  z-index: 1;
  justify-content: center;
    margin: 1em 0.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}
div:where(.swal2-container) .swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}
div:where(.swal2-container) .swal2-range input {
  width: 80%;
}
div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
div:where(.swal2-container) .swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
div:where(.swal2-container) .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: transparent;
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}
div:where(.swal2-container) label:where(.swal2-input-label) {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}
div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none;
}
div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
div:where(.swal2-icon).swal2-error {
  border-color: #f27474;
  color: #f27474;
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}
div:where(.swal2-icon).swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.5s;
}
div:where(.swal2-icon).swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.8s;
}
div:where(.swal2-icon).swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark 0.8s;
}
div:where(.swal2-icon).swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
   
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}

.swal2-popup{
  width: 30%;
}

 
.leaflet-container .leaflet-control-search {
	position:relative;
	float:left;
	background:#fff;
	color:#1978cf;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index:1000;	
	margin-left: 10px;
	margin-top: 10px;
}
.leaflet-control-search.search-exp {/*expanded*/
	background: #fff;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;	
}
.leaflet-control-search .search-input {
	display:block;
	float:left;
	background: #fff;
	border:1px solid #666;
	border-radius:2px;
	height:22px;
	padding:0 20px 0 2px;
	margin:4px 0 4px 4px;
}
.leaflet-control-search.search-load .search-input {
	background: url('/bundles/omranesocle/images/css/loader.gif') no-repeat center right #fff;
}
.leaflet-control-search.search-load .search-cancel {
	visibility:hidden;
}
.leaflet-control-search .search-cancel {
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	right:28px;
	margin:6px 0;
	background: url('/bundles/omranesocle/images/css/search-icon.png') no-repeat 0 -46px;
	text-decoration:none;
	filter: alpha(opacity=80);
	opacity: 0.8;		
}
.leaflet-control-search .search-cancel:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.leaflet-control-search .search-cancel span {
	display:none;/* comment for cancel button imageless */
	font-size:18px;
	line-height:20px;
	color:#ccc;
	font-weight:bold;
}
.leaflet-control-search .search-cancel:hover span {
	color:#aaa;
}
.leaflet-control-search .search-button {
	display:block;
	float:left;
	width:30px;
	height:30px;	
	background: url('/bundles/omranesocle/images/css/search-icon.png') no-repeat 4px 4px #fff;
	border-radius:4px;
}
.leaflet-control-search .search-button:hover {
	background: url('/bundles/omranesocle/images/css/search-icon.png') no-repeat 4px -20px #fafafa;
}
.leaflet-control-search .search-tooltip {
	position:absolute;
	top:100%;
	left:0;
	float:left;
	list-style: none;
	padding-left: 0;
	min-width:120px;
	max-height:122px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	background-color: rgba(0, 0, 0, 0.25);
	z-index:1010;
	overflow-y:auto;
	overflow-x:hidden;
	cursor: pointer;
}
.leaflet-control-search .search-tip {
	margin:2px;
	padding:2px 4px;
	display:block;
	color:black;
	background: #eee;
	border-radius:.25em;
	text-decoration:none;	
	white-space:nowrap;
	vertical-align:center;
}
.leaflet-control-search .search-button:hover {
	background-color: #f4f4f4;
}
.leaflet-control-search .search-tip-select,
.leaflet-control-search .search-tip:hover {
	background-color: #fff;
}
.leaflet-control-search .search-alert {
	cursor:pointer;
	clear:both;
	font-size:.75em;
	margin-bottom:5px;
	padding:0 .25em;
	color:#e00;
	font-weight:bold;
	border-radius:.25em;
}



/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(../bundles/omranesocle/refonte3/js/leaflet/#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */

.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */

.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078a8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(../bundles/omranesocle/refonte3/js/leaflet/images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../bundles/omranesocle/refonte3/js/leaflet/images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(../bundles/omranesocle/refonte3/js/leaflet/images/marker-icon.png);
}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 0;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;
  pointer-events: auto;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;

  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */

@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

p {
    line-height: 17px;
    margin: 0;
    padding: 0 0 10px;
}

a {
    background-color: transparent;
    text-decoration: none;
}

li {
    padding: 0 0 0 12px;
    line-height: 1;
    list-style: none;
}

.container-center {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 0;
}

.content-container-center {
    padding: 0 10px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.title-1{
    color: #85702F;
}

.hide {
    display: none !important;
}

.wysiwyg h2 {
    color: #000;
    font-size: 3rem;
    margin: 0 0 30px;
    padding: 0;
    text-transform: none;
}

.wysiwyg p {
    font-size: 16px;
    line-height: 24px;
    color: #222;
}

.wysiwyg strong {
    font-weight: 700;
}

.wysiwyg ul{
    margin-top: 0
}

.wysiwyg li {
    line-height: 22px;
}

.wysiwyg li .icon {
    position: relative;
    top: 5px;
    color: #ad1d19
}

.wysiwyg a {
    color: #ad1d19
}

.wysiwyg a.btn-detail {
    color: #fff;
}

#reclamation_owner .wysiwyg h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.col-content {
    width: 72%;
    margin: 20px 0 35px;
}

.col-aside {
    width: 25%;
}

.col-aside-1 {
    position: relative;
    z-index: 2;
    margin: -96px 0 35px;
}

.nav-content {
    background: #f3f4f5;
    margin: 0 0 20px;
    padding-left: 0;
}

.nav-content li {
    color: #000;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 0 18px 0 14px;
    position: relative;
}

.block-leGroupe {
    margin: 0 0 20px;
}

.block-leGroupe__content {
    padding: 29px 5px 6px;
    background: #f3f4f5;
    border-radius: 0 0 20px 20px;
}

.block-leGroupe__content img {
    width: 100%;
    border: 1px solid #acacac;
}

.block-leGroupe__content p {
    font-size: 13px;
    padding: 0 10px 11px;
}

.title-groupe {
    padding: 16px 10px 18px 19px;
    font-size: 24px;
    color: #fff;
    position: relative;
    background: #85702F;
    text-transform: none;
    font-family: Lato-Bold;
    margin-bottom: 0;
}

.title-groupe:before {
    border-color: #85702F rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: -15px;
    content: " ";
    height: 0;
    left: 35px;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.nav-content li.current a.current {
    color: #85702F;
}

.nav-content li a:hover {
    text-decoration: none
}

.nav-content li:last-child a {
    border-bottom: none
}

.nav-content li.current:before, .nav-content li:hover:before {
    border-left: 13px solid #85702F;
    display: block;
    height: 39px;
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
}

.nav-content li.current a, .nav-content li:hover a {
    border-bottom: 1px solid #85702F;
}

.nav-content li a {
    display: block;
    border-bottom: 1px solid #c7c7c7;
    color: #0a0a0a;
    padding: 12px 0 12px 13px;
    font-size: 14px;
}

.picto-partage:before {
    background: url("../bundles/omranesocle/refonte3/images/css/picto-partage.png") no-repeat;
    content: "";
    display: block;
    float: none;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px
}

.partage {
    margin: 5px 0 0 15px;
}

.picto-partage {
    border: none;
    background: inherit;
    margin: 0 0 0 5px;
    position: relative;
}

.btn:focus, button:focus, input[type=button]:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}


.champ-oblig {
    display: block;
    margin: 0 0 15px;
    color: #94281A;
    font-size: 1.2rem;
    font-style: italic;
}

.form-contact {
    margin: 40px 0 0 9px;
    width: 92%;
}

.form-contact__item {
    width: 47%;
    margin: 0 3% 0 0;
}

.item-form {
    margin: 0 0 7px;
}

.item-form label {
    color: #898989;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 3px;
    padding: 0 10px 0 0;
    line-height: 2em;
}

.item-form input[type=email], .item-form input[type=tel], .item-form input[type=text] {
    background: #fff;
    border: 1px solid rgba(151, 151, 151, .51);
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 9px;
    width: 100%;
    color: #898989;
    min-height: 53px;
}

.item-form textarea {
    background: #fff;
    border: 1px solid rgba(151, 151, 151, .51);
    border-radius: 0;
    font-size: 14px;
    height: 245px;
    line-height: 52px;
    padding: 5px 9px;
    width: 100%;
    color: #898989;
    margin: 0 0 7px;
}

.item-error input[type=email], .item-error input[type=tel], .item-error input[type=text], .item-error textarea {
    border: 1px solid #94281A;
}

.item-error ::-webkit-input-placeholder {
    color: #94281A !important;
}

.item-error :-moz-placeholder {
    color: #94281A !important;
    opacity: 1 !important;
}

.item-error ::-moz-placeholder {
    color: #94281A !important;
    opacity: 1 !important;
}

.item-error :-ms-input-placeholder {
    color: #94281A !important;
}

.form-type-radio {
    margin: 0 18px 5px 0;
    display: inline-block;
    width: 15%;
}

.form-type-radio div:not(#foo) > input[type=radio] {
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.form-type-radio div:not(#foo) > label {
    background: url("../bundles/omranesocle/refonte3/images/css/radio.png") left top no-repeat !important;
    line-height: 15px;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 4px 3px 6px 30px;
}

.form-type-radio div:not(#foo) > input[type=radio]:checked + label {
    background: url("../bundles/omranesocle/refonte3/images/css/checked-radio-f.png") left top no-repeat !important;
}

.txt-radio {
    margin: 0 35px 0 0;
}

.carrer .zone-select-contact {
    width: 100%;
}

.zone-select-contact {
    background: #fff;
    border: 1px solid rgba(151, 151, 151, .51);
    display: inline-block;
    margin-right: 0;
    padding-right: 12px;
    position: relative;
    width: 65%;
    border-radius: 4px;
}

.zone-select-contact select::-ms-expand {
    display: none;
}

.zone-select-contact:before, .zone-select:before {
    background: url("../bundles/omranesocle/refonte3/images/css/picto-11.png") no-repeat;
    content: "";
    display: block;
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 24px;
    width: 13px;
}

.mobility.zone-select-contact {
    padding-right: 0;
}

.mobility.zone-select-contact::before {
    background: 0 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .arrow_box_subsidiary:before {
        left: -24px;
    }

}

.zone-select-contact select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff;
    border: none;
    border-radius: 0;
    color: #898989;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    outline: 0;
    padding: 3px 3px 3px 5px;
    width: 100%;
    height: 52px;
}

.label-vcenter {
    margin: 16px 0 11px 11px !important;
}

.item-form-captcha {
    margin: 0 0 23px;
}

.item-form label {
    color: #898989;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 3px;
    padding: 0 10px 0 0;
    line-height: 2em;
}

.btn-double-color {
    background: #85702F;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding-right: 5px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    min-height: 50px;
    width: 30%;
}

.btn-double-color:hover {
    text-decoration: none;
    border-color: #85702F;
    background-color: #fff
}

.btn-double-color:hover .btn-text {
    color: #85702F
}

.btn-double-color:hover .icon {
    border: 1px solid #85702F
}

.btn-double-color.button-link.small {
    margin: 10px 5px 0 0
}

.btn-double-color.button-link.small .icon .icon-arrow-right {
    color: #85702F;
    font-size: 28px
}

.btn-double-color:before {
    background: #85702F;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100% 50% 0;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    content: none
}

.btn-double-color .btn-text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    transition: .3s cubic-bezier(0, .99, .44, .99);
    margin: auto;
    min-width: 134px;
    max-width: 300px;
    padding: 10px
}

.btn-double-color .icon {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #85702F
}

.btn-double-color .icon .f-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.btn-double-color .icon .f-icon:before {
    content: "\ea3c";
    position: absolute;
    font-size: 20px;
    color: #85702F;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-family: icomoon;
    display: flex;
    align-items: center;
    justify-content: center
}

.clearfix:after, .line:after {
    border-collapse: collapse;
    clear: both;
    content: "";
    display: table;
}

.form-contact .birthday input[type=text] {
    width: 29%;
}

.item-form.birthday input.day, .item-form.birthday input.month {
    margin-left: 16px;
}

p.error, span.error {
    border: none !important;
}

.error {
    display: block;
    color: #94281A;
    font-size: 13px;
    font-style: italic;
}

.wysiwyg ul li .icon {
    width: 30px;
    height: 25px;
}

.block-search-products {
    margin-top: 80px;
}

.block-search-products .hero-filters__container {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.projects-container.cfl {
    margin: auto;
    max-width: 1280px;
    overflow: hidden
}

.products_page .results .results__list  {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-height: unset !important;
}

.products_page .results .results__list ::-webkit-scrollbar {
    display: none;
}

.products_page .results:not(.is-list) .results__list {
    display: none;
}

.products_page .results__map.map-wrapper, .products_page .results__list {
    width: 1200px;
}

.products_page .map-zone-legend-container{
    top: 80%;
    bottom: 35px;
}

.products_page .results__list{
    margin-top: 5%;
}

.products_page .results.is-list .card-grid .card ,.block-news-item .result-filter-tri-1 clearfix.result-filter .card {
    width: calc((100% - 2 * 20px) / 3);
}
.result-filter-tri-1{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .projects-container.cfl {
        margin-top: 88px;
    }

    .projects-container.cfl .head-bar.for-mobile {
        padding: 20px 30px 0;
    }
}

.products_page .pagination-wraper.top {
    margin-top: 55px;
}

.products_page .pagination-wraper .pagination li.page-limit a {
    opacity: 0;
}

.products_page .pagination-wraper .pagination li.page-limit{
    position: relative;
}

.products_page .pagination-wraper .pagination {
    display: flex;
    justify-content: center;
}

.products_page .pagination-wraper .pagination li.page-limit.page-previous:before html[dir=rtl], html[dir=rtl] .products_page .pagination-wraper .pagination li.page-next:before {
    transform: rotate(180deg);
}

.products_page .pagination-wraper .pagination li.disabled{
    display: none;
}

.results-wrapper .col-container .pagination-wraper {
    position: absolute;
    bottom: 0;
}

.products_page .to-append-content .pagination-wraper.top {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (min-width: 1025px) {
    .mobile-only {
        display: none !important;
    }

    .results-wrapper .col-container .pagination-wraper {
        left: 50%;
        transform: translateX(-50%);
    }

    .products_page .project-search-form {
        transition: .4s ease-in;
        margin-bottom: 50px;
    }

    .products_page .project-search-form.mb100 {
        margin-bottom: 80px;
    }

    .simulator-lead {
        height: 340px;
    }
}

.products_page .paginate-projects {
    justify-content: space-around;
}

.products_page .pagination-wraper {
    margin: 0 auto 20px;
}

.pagination-wraper {
    margin: 28px auto 20px;
}

.pagination-wraper.top {
    top: -72px;
}

.products_page #panelMap{
    padding-top: 2%;
    margin-bottom: 2%;
}
.products_page #panelMap .map-container{
    height: 100% !important;
}

.products_page .pagination-wraper .pagination li {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 20px;
    margin: auto 2px;
    height: 42px;
    width: 42px;
}

.products_page .pagination-wraper .pagination li a {
    color: #000;
    width: 100%;
}

.products_page .pagination-wraper .pagination li a:hover {
    text-decoration: none;
    color: #85702F;
}

.products_page .pagination-wraper .pagination li.page-limit:before {
    content: "";
    background: url(../bundles/omranesocle/refonte3/images/css/more.png) center/80% no-repeat;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 24px;
    height: 24px;
}

.products_page .pagination-wraper .pagination li.page-limit:hover:before {
    background: url(../bundles/omranesocle/refonte3/images/css/more_active.png) center/80% no-repeat;
}

.products_page .pagination-wraper .pagination li.more {
    background-color: transparent;
}

html[dir=rtl] .products_page .pagination-wraper .pagination li.page-previous:before {
    transform: rotate(0);
}

.results__tab.is-active{
    background: #D4AF37;
    color: #000;
}

.products_page .results__tab {
    color: #050505;
}

.products_page .results__view-toggle {
    background: #f2f2f2;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
    border-radius: 53px;
}

products_page .pagination-wraper .pagination li.current {
    color: #fff !important;
    background-color: #85702F !important;
}

@media (max-width: 1024px) {
    .products_page .card-grid {
        display: block;
    }
    .products_page .results.is-list .card-grid .card {
        width: calc((100% - 1 * 20px) / 1);
    }
    .products_page .results__list {
        margin-top: 25%;
    }
    .products_page .content-container-center-full {
        width: 90%;
    }
    .products_page .results__map.map-wrapper, .products_page .results__list {
        width: 100%;
    }
}

.block-banner {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.block-banner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: .25;
    z-index: 0
}

.block-banner-inner {
    max-width: 60%;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    justify-content: unset;
    top: 38%;
    position: relative;
}

.block-banner-inner .title {
    z-index: 1;
    color: #fff;
    font-size: 30px;
    letter-spacing: -.5px;
    line-height: 36px;
    text-align: center;
}

.block-banner-inner .title * {
    color: #fff;
    text-transform: uppercase;
    font-size: 38px;
    line-height: 50px;
    text-align: center;
    z-index: 1;
    margin-bottom: 10px;
}

.block-evenement-filter .form-group {
    margin-right: 28px;
}

.filter-date .zone-select {
    width: 130px;
}

.block-evenement-filter {
    background: #efefef;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 60px;
    margin-top: 40px;
    border-radius: 20px;
}

.block-evenement-filter form {
    background: #fff;
    padding: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
    border-radius: 20px;
    display: flex;
    justify-items: end;
    flex-wrap: wrap;
}

.block-evenement-filter input[type=text], .block-evenement-filter select {
    background: 0 0;
    border: none;
    border-bottom: 1px dashed #b9b9b9;
    font-size: 16px;
    color: #191919;
    height: 53px;
    border-radius: 0;
    padding: 10px;
    width: 100%;
    outline: 0;
}

.block-evenement-filter .btn-double-color.small {
    align-self: flex-end;
    margin-top: 20px;
}

.block-evenement-filter .form-group {
    min-width: 236px;
    max-width: 20%;
    margin-right: 30px !important;
    margin-bottom: 10px;
}

.block-evenement-filter .form-group label {
    display: block;
    color: #acacac;
    font-size: 1.3rem;
}

.block-evenement-filter .form-group .zone-select {
    border-bottom: 1px dashed #b9b9b9;
    height: 53px;
    border-radius: 0;
    padding: 10px;
    width: 100%;
    outline: 0;
}

.evenement-list {
    margin-bottom: 90px;
}

.evenement__item {
    overflow: hidden;
    margin-bottom: 50px;
}

.evenement-item__visuel {
    margin-right: 15px;
}

.evenement-item__desc {
    max-width: 660px;
}

.evenement-item__desc h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.evenement-item__desc .subtitle {
    font-size: 14px;
    margin-bottom: 3px;
    text-transform: none;
    color: #007636;
}

.evenement-item__desc .block-classp {
    padding: 0 0 30px;
}

.evenement-item__desc .btn-double-color-lime {
    padding: 0 5px 0 0;
}

.evenement-item__desc .btn-double-color {
    margin: unset;
}

.evenement-item__desc span.date {
    font-size: 1.3rem;
    color: #67510d;
    margin-bottom: 20px;
    display: block;
}

.block-evenement-filter .form-group label {
    display: block;
    color: #acacac;
    font-size: 1.3rem;
}

.evenement-wrapper .title-3 {
    font-size: 20px;
    color: #67510d;
    position: relative;
    text-align: center;
    line-height: 24px;
    margin-bottom: 15px;
}

.evenement-wrapper .title-3:after, .evenement-wrapper .title-3:before {
    content: "";
    background: url("../bundles/omranesocle/refonte3/images/css/title-bg.png") center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 24px
}

.evenement-wrapper .title-3:before {
    left: -40px
}

.evenement-wrapper .title-3:after {
    right: 20px;
    width: 41%
}

.fancybox-popup-form form .item-form input[type=email],
.fancybox-popup-form form .item-form input[type=tel],
.fancybox-popup-form form .item-form input[type=text] {
    box-sizing:border-box;
    box-sizing:border-box
}

.fancybox-popup-form form label span {
    font-weight:700
}

.fancybox-popup-form.hidden,ul.reste li:before{
    display:none
}

.fancybox-popup-form form .zone-select-contact.fr {
    float:right
}

.fancybox-popup-form form .item-form input.datepicker {
    width:100%
}

.fancybox-popup-form{
    height:848px;
    max-width:1038px;
    border-radius:11px;
    background-color:#fff;
    box-shadow:0 0 13px 0 rgba(0,0,0,.15);
    padding:40px;
    overflow:hidden
}
.fancybox-popup-form .fancybox-close-small{
    right:25px;
    top:25px
}
.fancybox-popup-form .fancybox-close-small:after{
    font-size:30px
}
.fancybox-popup-form form .item-form input[type=email],
.fancybox-popup-form form .item-form input[type=tel],
.fancybox-popup-form form .item-form input[type=text]{
    min-height:52px;
    border:1px solid rgba(151,151,151,.51);
    border-radius:4px;
    width:395px
}
.fancybox-popup-form form .filialeFiled{
    width:74%
}
.fancybox-popup-form form .zone-select-contact{
    width:395px;
    float:none;
    min-height:40px
}
.fancybox-popup-form form legend{
    margin-bottom:15px;
    font-weight:600
}
.fancybox-popup-form form label{
    max-width:875px;
    color:#4a4a4a;
    font-size:15px;
    letter-spacing:0
}
.fancybox-popup-form form label a{
    font-weight:700
}
.fancybox-popup-form form .item-form textarea{
    border:1px solid rgba(151,151,151,.51)
}
.fancybox-popup-form form .icon-arrow-right{
    font-size:28px;
    color:#682f20;
}
.fancybox-popup-form form *{
    font-size:16px;
    letter-spacing:0;
    line-height:19px
}

@media screen and (max-width:767px) {

    .fancybox-popup-form form .filialeFiled,
    .fancybox-popup-form form .item-form input[type=email],
    .fancybox-popup-form form .item-form input[type=tel],
    .fancybox-popup-form form .item-form input[type=text],
    .fancybox-popup-form form .zone-select-contact {
        width: 100%
    }

    .fancybox-popup-form form h7 {
        font-size: 13px;
        padding: 8px 0;
        display: block
    }

    .fancybox-popup-form form .txt-radio {
        display: block;
        margin: 11px 0 11px 11px !important
    }

    .fancybox-popup-form {
        max-width: 96%;
        height: auto
    }
}

.spinerform{
    display:inline-block;
    position:relative;
    width:80px;
    height:80px;
    background-color:transparent;
    left:0
}
.spinerform div{
    transform-origin:40px 40px;
    animation:1.2s linear infinite spinerform
}
.spinerform div:after{
    content:" ";
    display:block;
    position:absolute;
    top:3px;
    left:37px;
    width:6px;
    height:18px;
    border-radius:20%;
    background:gray
}
.spinerform div:first-child{
    transform:rotate(0);
    animation-delay:-1.1s
}
.spinerform div:nth-child(2){
    transform:rotate(30deg);
    animation-delay:-1s
}
.spinerform div:nth-child(3){
    transform:rotate(60deg);
    animation-delay:-.9s
}
.spinerform div:nth-child(4){
    transform:rotate(90deg);
    animation-delay:-.8s
}
.spinerform div:nth-child(5){
    transform:rotate(120deg);
    animation-delay:-.7s
}
.spinerform div:nth-child(6){
    transform:rotate(150deg);
    animation-delay:-.6s
}
.spinerform div:nth-child(7){
    transform:rotate(180deg);
    animation-delay:-.5s
}
.spinerform div:nth-child(8){
    transform:rotate(210deg);
    animation-delay:-.4s
}
.spinerform div:nth-child(9){
    transform:rotate(240deg);
    animation-delay:-.3s
}
.spinerform div:nth-child(10){
    transform:rotate(270deg);
    animation-delay:-.2s
}
.spinerform div:nth-child(11){
    transform:rotate(300deg);
    animation-delay:-.1s
}
.spinerform div:nth-child(12){
    transform:rotate(330deg);
    animation-delay:0s
}
@keyframes spinerform{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}


.lot_row {
    font-size: 12px;
    color: #000;
}

.form-group.row{
    font-size: 14px;
}

.col, .row > * {
    display: table-cell;
}

.icon-right-chevron{
    width: auto;
    height: auto;
    padding: 2% 0;
}

.btn-green {
    min-height: 40px;
    max-width: 213.6px;
    border-radius: 29.05px;
    background-color: #67510D;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    border: 2px solid #67510D;
}

.lame-detail-project .leaflet-container a.leaflet-btn:hover {
    background: #FFFFFF;
    color: #67510D !important;
    text-decoration: unset;
}

.ajax-fanc {
    color: #000;
}

.fancybox__container{
    z-index: 99992 !important;
}

.tooltip-lot-card{
    font-size: 14px;
}

.leaflet-container {
    font-size: 12px !important;
}

input[type=checkbox]:not(.mobile__checkbox) {
    width: 1.5em;
    height: 1.5em;
    opacity: 0;
    position: relative
}

input[type=checkbox]:not(.mobile__checkbox) ~ label:before {
    position: absolute;
    left: 2.2em;
    width: 1.5em;
    height: 1.5em;
    content: "";
    border-radius: .5em;
    border: 1px solid #e3e4ec;
    background-color: rgba(255, 255, 255, .16);
    pointer-events: none
}

input[type=checkbox]:not(.mobile__checkbox):checked ~ label:before {
    background: url("../bundles/omranesocle/refonte3/images/css/checked-white.png") center no-repeat #85702F;
    border: 1px solid #85702F;
}

@media (min-width: 1024px) {
    .lots-dropdown__panel-title {
        font-size: 20px !important;
    }
}

.good-title-style{
    color: #fff;
}

.hero-bien__date{
    margin: 0 0 32px;
    border: 1px solid #000;
    padding: 1px;
    background: #000;
    color: #fff;
    text-align: center;
}

.hero-bien__price{
    color: #ffd700;
    font-size: 22px;
}

.good__action-btn{
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.hero-bien__action-icon {
    width: 24px;
    height: 24px;
}


.zone-select-form select {
    padding: 3px 3px 3px 8px;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
    background: 0 0;
    color: #646464;
    border: none;
    outline: 0;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    font-size: 14px;
    width: 220px;
    height: 40px
}

.zone-select-form select::-ms-expand {
    display: none
}

.zone-select-form {
    position: relative;
    display: inline-block;
    margin-right: 4px;
    border: 1px solid #ccc;
    width: 220px;
    border-radius: 5px;
    background: #f3f3f3;
    padding: 0 30px 0 0
}

.zone-select-form:before {
    background: url("../bundles/omranesocle/refonte3/images/css/picto-11.png") no-repeat;
    content: "";
    display: block;
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 17px;
    width: 13px;
}

.filter-bar {
    margin-bottom: 20px;
    border: .8px solid #d8d8d8b8;
    border-radius: 17.2px;
    height: 34px;
    width: 98px;
    padding: 3px 4px;
    display: flex;
    justify-content: space-between;
    outline: 0;
}

.icon-for-tri {
    width: 17px;
    height: 16px;
    background-size: 17px 16px;
    text-decoration: none;
    transition: .4s ease-in;
    margin: 4px 6px 8px;
}

.icon-for-tri.picto-tri-list, .icon-for-tri.picto-tri-map {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.icon-for-tri.picto-tri-list svg, .icon-for-tri.picto-tri-map svg {
    fill: #4a4a4a;
    width: 18px;
}

.icon-for-tri.current {
    width: 53px;
    height: 27px;
    display: block;
    border-radius: 14px;
    background-color: #85702F;
    background-position: 22px 5px;
    margin: 0;
}

.icon-for-tri.current svg {
    fill: white;
}

.icon-for-tri img {
    max-width: 18px;
}

.icon-for-tri.current .icon-tri::before ,.icon-for-tri.current .icon-list::before{
    color: #fff;
}

.icon-for-tri .icon-tri::before ,.icon-for-tri .icon-list::before{
    color: #85702F;
}

#ddfullscreenmenu .list-direct-access a {
    font-family: "Montserrat", Arial, sans-serif;
    letter-spacing: 0;
    line-height: 20px;
    border: 1px solid #FFF;
    background-color: transparent !important;
    color: #fff;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 47px;
    border-radius: 29px;
    transition: .4s ease-in-out;
    text-decoration: none;
}

.event-form-content input[type=checkbox] {
    opacity: 1;
    height: unset;
    width: unset;
}

.page .block-banner {
    position: relative;
    width: 100%;
    max-width: 1440px;
}

.page .content-page {
    display: block;
}

.block-classp {
    font-size: 14px;
}

.clearfix {
    margin-top: unset;
}

.block-classp p {
    line-height: 24px;
}

.block-new-news {
    width: 34%;
    margin: 0 0 15px;
    padding: 0 2% 0 0;
    float: left;
}

.separator-block {
    background: url(../bundles/omranesocle/refonte3/bundles/omranesocle/refonte2/images/css/separator-left.png) left bottom no-repeat;
    float: left;
    height: 339px;
    margin: 47px 2% 0 0;
    width: 1px;
}

.block-region {
    width: 27%;
    text-align: center;
    float: right;
}

.container-center .content-container-center {
    width: 90%;
}

.col-content {
    margin: unset!important;
}

.block-new-news__item .flex-viewport {
    margin: 0 0 10px;
}

.block-new-news__item .flexslider-new-01 .flex-control-nav {
    position: relative;
    margin-top: 30px;
}

.page .block-new-news .block-desc-slider {
    background: #3B1512;
}

.page .affiliate-info .contact-infos {
    background-color: #6f5c21;
}

.page .block-region h3 {
    color: #3B1512;
}

.page .flexslider-new-01 .flex-control-paging li a {
    width: 15px;
    height: 15px;
}

.logo-projet.affiliate-full {
    width: 100px;
    float: right;
    margin: 20px;
}

.page .logo-projet .img-menu {
    display: block;
    height: auto;
    max-width: 100%;
    margin-top: -24px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px 0 silver;
    -webkit-box-shadow: 2px 2px 3px 0 silver;
    -o-box-shadow: 2px 2px 3px 0 silver;
    box-shadow: 2px 2px 3px 0 silver;
    vertical-align: middle;
}

.result-filter-tri-3 .item-result-filter {
    margin-bottom: 26px;
    width: 100%;
    height: 185%;
    display: flex;
    overflow: hidden;
}

.result-filter-tri-3 .item-result-filter__visuel {
    margin: 0;
    float: left;
    width: 40%;
}

.result-filter-tri-3 .item-result-filter__desc {
    width: 60%;
    padding: 32px 28px 26px;
    float: left;
}

.for-documents .result-filter-tri-3 .item-result-filter, .for-news .result-filter-tri-3 .item-result-filter {
    height: 190px !important;
    overflow: hidden;
    margin-bottom: 26px;
    max-width: unset;
    display: flex;
}

.block-documents-item .mediatheque-tri .item-result-filter__desc .block-classp, .block-news-item .mediatheque-tri .item-result-filter__desc .block-classp {
    margin-bottom: -15%;
    min-height: 150px;
}

@media screen and (max-width: 767px) {
    .documents-list .filter-bar, .news-list .filter-bar {
        display: none;
    }
    .block-filter-tri {
        margin: 0 0 25px;
    }
    .block-filter-tri + .block-documents-item, .block-filter-tri + .block-news-item {
        margin-top: 20px;
    }
    .item-result-filter .ezimage-field {
        height: 245px;
    }
    .col-content {
        width: 100% !important;
    }

    .simulator-lead {
        height: auto;
    }
}

.infinitescroll #infscr-loading div {
    background: url(../bundles/omranesocle/refonte3/images/css/loading.gif) -6px center/110px auto no-repeat #fff;
    border-radius: 30px;
    color: #85702F;
    border: 1px solid #85702F;
}

.item-result-filter .ezimage-field{
    height: 295px;
    margin: 0;
}

.fieldsetform .fields {
    display: none
}

.block-table table tr th, img, input[type=reset], label {
    vertical-align: middle
}

.block-table table{
    border: none;
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.block-table {
    margin: 0 0 70px
}

.block-table table td, .block-table table th {
    min-width: 90px;
}

.block-table table tr th {
    background: #ccc;
    border: none;
    border-bottom: 7px solid #fff;
    color: #444;
    font-size: 16px;
    padding: 14px 5px;
    text-align: left;
    font-weight: bold;
    font-family: Lato-Bold;
}

.block-table table tr td:first-child, .block-table table tr th:first-child {
    padding-left: 15px
}

.block-table table tr td {
    border: none;
    color: #4a4a4a;
    font-size: 14px;
    padding: 13px 5px;
    text-align: left;
    vertical-align: top;
    font-weight: 400;
}

.block-table table tr td.etat {
    background: url("../bundles/omranesocle/refonte3/images/css/picto-small.png") 94% 27% no-repeat;
    padding-right: 33px;
}

.block-table table tr {
    background: #fff;
    padding: 15px;
}

.block-table table tr.even {
    background: #e6e6e6;
}

.block-form-search {
    margin: 0 0 58px;
    padding: 30px 2% 36px;
    border: 1px solid #f0f0f0;
    background: #fff;
    border-radius: 20px;
    background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    box-shadow: 0 -12px 20px -13px rgba(0, 0, 0, .2) inset;
}

.block-form-search, .block-table {
    margin: 0 0 30px;
}

.block-table table {
    display: table-row-group;
    overflow-x: auto;
    padding-bottom: 8px;
    position: relative;
    width: auto;
    border: none;
    border-spacing: 0;
}

.block-table table td, .block-table table th {
    display: table-cell;
}

.block-table table tr td.etat {
    background: url("../bundles/omranesocle/refonte3/images/css/picto-small.png") 94% 50% no-repeat;
}

.appeloffres.filterForm .zone-form.last, html[dir=rtl] .zone-form .form-type-checkbox label {
    margin-top: 15px !important;
}


.appeloffres .zone-form .zone-select:before {
    top: 16px;
}

.appeloffres .zone-form .zone-select.smaller select, .appeloffres .zone-form .zone-select.smaller select option {
    height: 37px;
    border-radius: 26px
}

.appeloffres .zone-form .zone-select.smaller {
    border-radius: 26px
}

.appeloffres .zone-form label {
    color: #373542;
    font-size: 16px;
    margin-left: 5px
}

.appeloffres.filterForm .zone-form.last label {
    margin-top: 14px
}

.appeloffres.filterForm .zone-form.donwloadFiles {
    margin-top: 0 !important;
    font-size: 14px;
}

.appeloffres.filterForm .zone-form input[type=checkbox]:not(.mobile__checkbox) ~ label:before {
    left: -.1em
}

@media screen and (max-width: 825px) {
    .appeloffres.filterForm .zone-form.donwloadFiles {
        margin-bottom: 10px
    }
}

.appeloffres .form-fields {
    max-width: 77%;
    margin-bottom: 10px
}

.appeloffres .zone-form .form-type-checkbox label {
    position: relative;
    top: -5px
}
.block-table table .offerslist tr {
    border: 10px solid #f3f4f5 !important;
}
.result-filter.offerslist tr td:nth-child(2) {
    word-break: break-all;
}

tr.row-click td {
    cursor: pointer;
}


thead {
    border-color: #bdbcbc;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .block-table {
        margin: 0 0 40px
    }

    .block-form-search {
        margin: 0 0 30px
    }

    .zone-form {
        margin: 0 0 25px;
        float: none;
    }

}

.col-content .form-type-checkbox div:not(#foo) > label {
    line-height: 20px;
    color: #545454;
    font-size: 14px;
    padding-left: 25px;
    text-transform: none
}

.appeloffres .btn-double-color {
    background: #85702F;
    color: #fff;
    display: inline-block;
    left: 0;
    overflow: hidden;
    padding-right: 5px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    min-height: 50px;
}
.appeloffres .btn-double-color:hover {
    background: #fff;
}
.btn-double-color {
    max-width: max-content;
}

.appeloffres .donwloadFiles a{
    color: #85702F;
}

.appeloffres .donwloadFiles a:hover {
    text-decoration: underline;
}

.donwloadFiles span {
    color: #414141;
}

.appeloffres  table {
    border-spacing: 0;
}

.appeloffres  .zone-form .zone-select.smaller select {
    width: 110px
}

.appeloffres  .zone-form .zone-select select {
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: 0;
    padding: 3px 3px 3px 5px;
    height: 52px;
}

.appeloffres  .zone-select select, .zone-select-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none
}

.result-filter-tri-3 .news-card__media img {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.result-filter-tri-3 .item-result-filter:hover {
    transform: scale(1.1) !important;
}

.appeloffres, .block-table{
    font-family: Montserrat, Arial, sans-serif;
}

/*simulator*/

.simulator-lead {
    background-color: #fff;
    box-shadow: 0 0 10px #ebebeb;
    margin-bottom: 26px;
    padding: 20px;
}

.simulator-lead .simulator {
    max-width: 680px;
    width: 100%
}

.simulator-lead .simulator .filters {
    padding: 36px 0
}

.simulator-lead .simulator .amount label, .simulator-lead .simulator .ask-for-credit label, .simulator-lead .simulator .contribution label, .simulator-lead .simulator .duration label, .simulator-lead .simulator .rate label {
    min-width: 90px
}

.simulator-lead .simulator .amount, .simulator-lead .simulator .contribution, .simulator-lead .simulator .duration, .simulator-lead .simulator .rate {
    margin-bottom: 40px;
    position: relative
}

.simulator-lead .simulator .amount:hover .tool-tip, .simulator-lead .simulator .contribution:hover .tool-tip, .simulator-lead .simulator .duration:hover .tool-tip, .simulator-lead .simulator .rate:hover .tool-tip {
    opacity: 1
}

.simulator-lead .simulator .amount .tool-tip, .simulator-lead .simulator .contribution .tool-tip, .simulator-lead .simulator .duration .tool-tip, .simulator-lead .simulator .rate .tool-tip {
    background: #f1f1f1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #aaa;
    display: block;
    font-size: 13px;
    left: 103%;
    line-height: 13px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: .2s ease-in-out;
    width: 168px;
    z-index: 3;
}

.simulator-lead .simulator .amount .tool-tip::after, .simulator-lead .simulator .contribution .tool-tip::after, .simulator-lead .simulator .duration .tool-tip::after, .simulator-lead .simulator .rate .tool-tip::after {
    background: #f1f1f1;
    content: "";
    display: block;
    height: 15px;
    left: -7px;
    position: absolute;
    transform: rotate(45deg);
    top: 24px;
    width: 15px;
}

.simulator-lead .simulator .amount input, .simulator-lead .simulator .ask-for-credit .monthly input, .simulator-lead .simulator .contribution input, .simulator-lead .simulator .duration input, .simulator-lead .simulator .rate input {
    font-size: 16px;
    text-align: center;
}

.simulator-lead label {
    display: inline-block;
    font-size: 16px;
}

.simulator-lead .simulator .meter {
    display: inline-block;
    pointer-events: none;
    position: relative;
    vertical-align: middle;
    width: 67%;
}

.simulator-lead .simulator .meter .meter-bg {
    background: url(../bundles/omranesocle/refonte3/images/css/meter-bg.png) center repeat-x;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.simulator-lead .simulator .meter .max, .simulator-lead .simulator .meter .min {
    position: absolute;
    font-size: 14px;
    top: 19px;
}

.simulator-lead .simulator .meter .max {
    right: 0;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    height: 25px;
    width: 24px;
    -ms-touch-action: none;
    touch-action: none;
}

.simulator-lead .simulator select {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.simulator-lead .simulator select, .simulator-lead .simulator select option, .user-notice {
    font-size: 12px;
}

.simulator-lead .simulator .meter.ui-slider {
    border: 3px solid #eee;
    border-radius: 11px;
    height: 11px;
    margin-top: 0;
}

.simulator-lead .simulator .meter .ui-slider-range {
    background: url(../bundles/omranesocle/refonte3/images/css/meter-bg.png) center repeat-x;
    border-radius: 11px;
}

.simulator-lead .simulator .meter .ui-slider-handle {
    background: url(../bundles/omranesocle/refonte3/images/css/checked-radio-f.png) center no-repeat !important;
    cursor: pointer;
    pointer-events: auto;
    top: -11px;
}

.simulator-lead .simulator .meter + input {
    float: right;
    margin-top: -3px;
    width: 93px;
}

.simulator-lead .simulator .ask-for-credit .monthly input {
    height: 32px;
    width: 93px;
    color: #3B1512;
    font-weight: bold;
}

.simulator-lead .simulator .ask-for-credit .validate-credit .submit-btn {
    background: #007636;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 16px;
    padding: 14px 16px 14px 28px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (max-width: 960px) {
    .simulator-lead .simulator .meter {
        width: 60%;
    }

    .simulator-lead .simulator .meter + input {
        margin-top: -8px;
    }

    .simulator-lead label {
        display: block;
        margin-bottom: 20px;
    }
}

.simulateur .col-aside .title {
  background: 0 0 / cover #85702F;
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 24px 16px;
  position: relative;
}

.simulateur .col-aside .title:after {
  background-color: #85702F;
  bottom: -8px;
  content: "";
  height: 16px;
  left: 32px;
  position: absolute;
  transform: rotate(45deg);
  width: 16px;
}

.simulateur .col-aside .aside-content {
  background-color: #e6e6e6;
  padding: 24px 16px;
  border-radius: 0 0 20px 20px;
}
.simulateur .col-aside .aside-content p {
  font-size: 14px;
  margin-bottom: 20px;
}

.simulator-lead .simulator .amount, .simulator-lead .simulator .contribution, .simulator-lead .simulator .duration, .simulator-lead .simulator .rate {
  margin-bottom: 40px;
  position: relative;
}

.simulateur input[type=text], select, textarea {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 0 5px;
    height: 32px;
    font-size: 13px;
    background: #f9f9f9;
}

form.rdv .item-form .zone-select-contact {
    max-width: 690px;
    width: 100%;
}

form.rdv .filialeFiled select {
    float: right;
    text-align: right;
    height: 52px;
}

.filialeFiled, form.rdv .zone-select-contact.fr {
    width: 76%;
}

#rdv_form .item-form.birthday input {
    width: 30%;
    text-align: center;
}

form.rdv fieldset.fieldsetform {
    margin: 20px 0;
}

fieldset.fieldsetform legend {
    color: #898989;
    padding: 0 25px 0 3px;
    font-size: 14px;
    margin: 0 0 0 -12px;
    width: auto;
    font-weight: 700;
    cursor: pointer;
}
fieldset {
    padding: 4.9px 8.75px 10.5px;
}

/*page error 404*/

.error404.block-item-gvisuel {
    min-height: 600px;
    color: #4b4c4c !important;
}

.block-item-gvisuel.error404 {
    background: #f4f4f4 !important;
}

.block-item-gvisuel {
    position: relative;
    z-index: 0;
    height: auto;
}

.error404 .block-center-gslide.title-only {
    top: 15%;
}

.block-center-gslide {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 65%;
}

.error404 .col-content {
    width: 100% !important;
    margin: 0 0 35px !important;
}

.error404 h3 {
    font-size: 190px;
    margin: auto;
}

.error404 .block-center-gslide p {
    color: #4b4c4c;
    line-height: 28px;
    font-size: 20px;
    margin: 0 0 12px;
    padding: 0 0 13px;
}

.lots-dropdown {
    margin: 20px 0px;
}

.block-banner-inner .title *{
    font-size: 30px;
}

.block-banner-inner {
    top: 10%;
}

.realisation-item__visuel.d-inline-block.mbm img {
    margin-top: 1%;
}

.media-container .avis-details .mbm .small {
    padding-top: 2%;
}

.avis-details .download.remove-hover-effect:focus, .avis-details .download.remove-hover-effect:hover {
    background-color: transparent;
    border: 1px solid transparent;
}

.avis-details .small {
    margin: 0 5px 0 0;
    display: inline-flex;
}

.btn-double-color:hover {
    text-decoration: none;
}

.avis-details .download{
    font-weight: bold;
}

.lame-detail-project .project-description__button{
    margin-top: 3%;
}

.lame-detail-project .lame-detail-project__left_details-list{
    margin-bottom: 0;
}

.media-container .avis-details .mbm .btn-double-color.small {
    text-decoration: none;
    border-color: #85702F;
    color: #85702F;
    background-color: #fff
}

.media-container .avis-details .mbm .btn-double-color.small:hover {
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
    color: #fff;
    background-color: #85702F;
}

.evenement-item__desc .evenement-item__actions .btn-double-color {
    padding: 0 1% 0 1%;
}

.media-container .avis-details .mbm .btn-double-color.small:hover img , .evenement-item__desc .btn-double-color:hover img {
    filter: brightness(0) invert(1);
}


@media screen and (max-width: 992px) {
    .commercial-ads__title,
    .coverflow-title {
        font-size: 1.8rem
    }

    .hero--with-carousel.lame-home-slider {
        margin-top: unset;
    }

    .hero-carousel__track.lame-home-slider__items.owl-carousel{
        height: 100% !important;
        min-height: inherit;
    }
}
.news-card__media figure {
    margin: 0;
}

.page #reclamation_form label {
    position: relative;
    margin-left: 30px;
}

.page .form-contact input[type=checkbox]:not(.mobile__checkbox), #reclamation_form input[type=checkbox]:not(.mobile__checkbox) {
    position: absolute;
}

#reclamation_form input[type=checkbox]:not(.mobile__checkbox) ~ label:before, .form-contact input[type=checkbox]:not(.mobile__checkbox) ~ label:before {
    left: -2.2em;
}

.gallery.content-container-center-large{
    margin-bottom: 2%;
}

.contact-info {
    margin-bottom: 0;
}

.title-download {
    margin-left: -3%;
}

.contact-info__action.contact-whatsapp {
    display: none;
}

.page #reclamation_form input[type=checkbox] + label {
    position: relative;
    margin-left: 30px;
}

.hero-bien__subtitle{
    margin-bottom: 3%;
}

.media-container.job .btn-double-color {
    margin: unset;
    padding: 5px 19px 10px 18px;
}

.media-container.job .wysiwyg a.telecharger {
    color: #fff;
}

.media-container.job .btn-double-color .icon-download img, .evenement-item__actions .btn-double-color .icon-download img {
    filter: brightness(0) invert(1);
}

.media-container.job .btn-double-color:hover .icon-download img, .evenement-item__actions .btn-double-color:hover .icon-download img {
    filter: brightness(1) invert(0);
}

#myModal-media {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 999999999;
}

#myModal-media .modal-dialog {
    width: 40%;
    position: absolute;
    left: 1%;
    top: 20%;
}

#myModal-media .bg-modal-content {
    box-shadow: 0 0 0 1920px rgb(0 0 0 / 50%);
    z-index: 9999999;
}

#myModal-media .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

#myModal-media .fancybox-button-model {
    color: #ccc;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, 0.6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999999;
}

#myModal-media .fancybox-button-model span {
    font-size: 50px;
    position: relative;
    top: -6px;
}

@media screen and (max-width: 767px) {
    #myModal-media .modal-dialog {
        width: 100% !important;
        left: 0;
    }
}

@media screen and (max-width: 540px) {
    #myModal-media .modal-content {
        width: 89%;
    }

    #myModal-media .video-uploaded {
        height: 264px !important;
    }
}

[dir='rtl'] {
    .ad-card__action {
        left: 3px;
        right: unset;
    }

    .ad-card__media::after {
        left: 0;
        right: unset;
    }

    .ad-card__meta.chip-commercial {
        right: 20px;
        left: unset;
    }

    .ad-card__body, .card__content, .news-card__body {
        text-align: right;
    }

    .ad-card__links, .ad-card__download {
        flex-direction: row-reverse;
    }

    .news-card__cta {
        align-self: flex-end;
    }

    .coverflow-card__content {
        direction: rtl !important;
    }
}

form#rdv_form input[type=checkbox] + label {
    padding-right: 10px;
}

form#rdv_form input[type=checkbox] {
    position: absolute;
}
.fancybox-popup-form{
    overflow: auto;
}
.fl.popup-scrollit{
    padding-right: 25px;
}

.block-map-adrees__content {
    font-size:0.9rem;
}

form.omrForm input[type=checkbox],
form.rdv input[type=checkbox]{
    position: absolute;
}

form.omrForm input[type=checkbox] + label,
form.rdv input[type=checkbox] + label
{
    position: relative;
    margin-left: 32px;
    line-height:20px;
}

form.omrForm input#contactCommerce_termsAccepted + label,
form.rdv input#contactCommerce_termsAccepted + label {
    position: relative;
}

.page .omrForm.test .termsAccepted{
    margin-right:0;
}

form.omrForm input[type=checkbox] ~ label:before,
form.rdv input[type=checkbox] ~ label:before{
    left:-2.2em;
}

.products_page  .lame-home-slider + .block-search-products {
    margin-top: unset;
}

.confirmation_msg.wysiwyg ul li .icon {
    margin-right: 1%;
}

.confirmation_msg.wysiwyg ul {
    padding-left: 0;
}

.page .media-container .wysiwyg a {
    color: #fff;
}

#contactCommerce_termsAccepted + label {
    margin-bottom: 6px;
}

#reclamation_owner {
    margin-bottom: 35px;
}


#reclamation_owner .pdf {
    align-items: center;
    color: #67510D !important;
    display: flex;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    line-height: 19px;
    margin-left: auto;
    max-width: 350px;
    min-height: 48px;
    text-align: center;
    text-decoration: none;
    margin-right: 30%;
    float: right;
    border: 1px solid;
    padding: 10px;
    border-radius: 25px;
}

#reclamation_owner .pdf img {
    margin-right: 10px;
}

#contentPdf {
    margin: auto;
    max-width: 900px;
    width: 100%;
}

@-moz-document url-prefix() {
    @media screen and (min-width: 912px) {
        #contentPdf {
            position: relative;
        }
        #contentPdf .object-control-hide {
            position: absolute;
            width: 15%;
            height: 30px;
            top: 1px;
            right: 0;
            z-index: 999;
        }
        @media (prefers-color-scheme: dark) {
            #contentPdf .object-control-hide {
                background: #38383d;
            }
        }
        @media (prefers-color-scheme: light) {
            #contentPdf .object-control-hide {
                background: #f9f9fa;
            }
        }
    }
}

@media screen and (min-width: 912px) {
    .is-edge #contentPdf {
        position: relative;
    }

    .is-edge #contentPdf .object-control-hide {
        position: absolute;
        top: 1px;
        width: 30%;
        height: 36px;
        z-index: 999;
        left: 0;
    }

    @media (prefers-color-scheme: dark) {
        .is-edge #contentPdf .object-control-hide {
            background: #38383d;
        }
    }
    @media (prefers-color-scheme: light) {
        .is-edge #contentPdf .object-control-hide {
            background: #f9f9fa;
        }
    }
}

.icon-file-pdf:before {
    color: #67510D;
    content: "\eadf";
}

#reclamation_owner .pdf a {
    color: #67510D !important;
}

#reclamation_owner .btn-green {
    align-items: center;
    background-color: #67510D;
    border: 2px solid #67510D;
    border-radius: 29.05px;
    color: #fff !important;
    display: flex !important;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    line-height: 19px;
    margin-left: 0;
    margin-right: auto;
    max-width: 213.6px;
    min-height: 48px;
    text-align: center;
    text-decoration: none;
}

#reclamation_owner .btn-green:hover {
    background: #fff;
    color: #67510D !important;
}

.action-button {
    text-align: center;
    margin-top: 15px;
}

#gmap-affiliates {
    height: 679px;
    background-color: #ccc;
}

#gmap-affiliates .leaflet-marker-icon.marker-cluster {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    background: #67510D;
}

.affiliate__coltxt {
    display: table-cell;
    background: #fff;
    vertical-align: top;
    padding: 8px 25px 16px 5px;
    border-radius: 0 0 12px 12px;
    position: relative;
}

.affiliate__coltxt p {
    margin: 10px 0 4px 0;
    font-size: 13px;
    line-height: 1.4;
    word-wrap: break-word;
    color: #666;
    font-weight: 600;
}

.affiliate__coltxt .more {
    color: #67510D;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: auto;
    bottom: 13px;
}

.affiliate__coltxt .more span {
    position: relative;
    display: block;
    padding-left: 28px;
    font-size: 0;
    transition: .4s ease-in-out;
}

.affiliate__coltxt .more span:before {
    background: url("/bundles/omranesocle/refonte3/images/icons/right.svg") no-repeat;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 15px;
    color: #67510D;
}

.affiliate__coltxt .more:hover span {
    font-size: 14px;
}

.affiliate__col .name-place {
    color: #282833 ;
    margin: 0 0 8px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    word-wrap: break-word;
}

#gmap-affiliates .desc-affiliate__block img{
    width: 100%;
}

.page .subsidiary-area-adress {
    background: #e6e2e2;
    border-radius: 10px;
    padding: 14px;
    margin: 12px 0;
}
.subsidiary-area-adress__visuel figure {
    margin: unset;
}

.page .subsidiary-area-adress__visuel img {
    width: 100%;
}

@media screen and (max-width: 991px) {
    #gmap-affiliates {
        height: 450px;
    }
}

.ui-datepicker {
    z-index: 999999 !important;
}
@media screen and (max-width: 767px) {

    .col-content {
        width: 100%;
        float: none;
    }

    .col-aside {
        width: 100%;
        float: none;
        margin: 0 0 35px;
    }
    .form-contact {
        margin: 30px 0 0;
        width: 100%;
    }
    .form-contact__item {
        width: 100%;
    }

    .evenement-wrapper .title-3:after, .evenement-wrapper .title-3:before {
        width: 45%
    }

    #rdv_form .item-form.birthday input {
        width: 100% !important;
    }

    #rdv_form .btn-double-color, .omrForm .btn-double-color {
        width: 70% !important;
    }

    #rdv_form input[type=checkbox]:not(.mobile__checkbox) ~ label:before {
        left: 30px;
    }

    .container-center .content-container-center {
        width: 100%;
    }

    .contact-info .contact-info__left {
        margin-bottom: 20px;
    }

    .lame-detail-project__right #new-map{
        height: 400px;
    }

    .lame-detail-project__right {
        width: 100%;
        margin-top: 40px;
    }

    .lame-detail-project__right .leaflet-container .leaflet-pane {
        position: relative;
    }

    .lame-detail-project {
        margin-bottom: -30px;
    }

    .contact-info {
        margin-bottom: 0;
    }

    .contact-info__sections {
        display: block;
    }
    .contact-info__info-section {
        width: 100%;
        margin-bottom:20px;
    }
    .page .title-1 {
        font-size: 1.6rem;
    }

    .error404 h3 {
        font-size: 120px;
    }

    .error404 .block-center-gslide p{
        font-size: 16px;
    }

    .error404 .btn-double-color{
        width: 100%;
    }

    .error404 .btn-double-color .btn-text{
        padding: 5px 5px 5px 10px;
        font-size: 16px;
    }

    .error404 .block-center-gslide.title-only {
        width: 90%;
    }

    .products_page .results.is-list .card-grid .card {
        margin-bottom: 1rem;
    }

    .products_page .results__list {
        margin-top: 12%;
    }

    .contact-info__action.contact-whatsapp{
        display: none;
    }

}