/* -----    VARIABLES   ------  */
:root {
	--max-width: 1920px;
	--header-height: 80px;
    --border-radius: 0.4rem;
    --big-gap: 1.8rem;
    --main-gap: 1rem;
    --small-gap: 0.5rem;
    --tiny-gap: 0.3rem;
    --monster-gap: 3.6rem;
}
@media (max-width: 1280px) {
    /* -----    VARIABLES ------  */
    :root {
        --font-size: calc(var(--font-size-value) - 1px);
    }
}
@media (max-width: 500px) {
    /* -----    VARIABLES ------  */
    :root {
        --monster-gap: var(--big-gap);
        --font-size: calc(var(--font-size-value) - 2px);
    }
}
/* -----    GENERAL STRUCTURES & STYLES  ------  */
*, *::after, *::before {box-sizing: border-box;}
body {
	width: 100%;
	margin: 0;
	color: var(--text-color);
	font-size: var(--font-size);
	font-family: var(--font-family-regular), Arial;
	background: var(--background-color);
    line-height: calc(var(--font-size) + 0.6rem);
}
input, select, textarea, button {
    appearance: none;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background: inherit;
}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
svg {fill: var(--text-color);}
ul[class*="-list"] {
    padding: 0;
    list-style-type: none;
}
header + * {margin-top: var(--header-height);}
.flex, .sflex, .bflex, .tflex, .ngflex {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
}
.flexc, .sflexc, .bflexc, .tflexc, .ngflexc {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    max-width: 100%;
}
.tflex, .tflexc {gap: var(--tiny-gap);}
.sflex, .sflexc {gap: var(--small-gap);}
.flex, .flexc {gap: var(--main-gap);}
.bflex, .bflexc {gap: var(--big-gap);}
.flex.w, .sflex.w, .bflex.w, .tflex.w, .flexc.w, .sflexc.w, .bflexc.w, .tflexc.w, .ngflex.w, .ngflexc.w {flex-wrap: wrap;}
.flex.hs, .sflex.hs, .bflex.hs, .tflex.hs, .ngflex.hs {justify-content: start;}
.flex.hc, .sflex.hc, .bflex.hc, .tflex.hc, .ngflex.hc {justify-content: center;}
.flex.he, .sflex.he, .bflex.he, .tflex.he, .ngflex.he {justify-content: end;}
.flex.hsa, .sflex.hsa, .bflex.hsa, .tflex.hsa, .ngflex.hsa {justify-content: space-around;}
.flex.hsb, .sflex.hsb, .bflex.hsb, .tflex.hsb, .ngflex.hsb {justify-content: space-between;}
.flex.vs, .sflex.vs, .bflex.vs, .tflex.vs, .ngflex.vs {align-items: start;}
.flex.vc, .sflex.vc, .bflex.vc, .tflex.vc, .ngflex.vc {align-items: center;}
.flex.ve, .sflex.ve, .bflex.ve, .tflex.ve, .ngflex.ve {align-items: end;}
.flexc.vs, .sflexc.vs, .bflexc.vs, .tflexc.vs, .ngflexc.vs {justify-content: start;}
.flexc.vc, .sflexc.vc, .bflexc.vc, .tflexc.vc, .ngflexc.vc {justify-content: center;}
.flexc.ve, .sflexc.ve, .bflexc.ve, .tflexc.ve, .ngflexc.ve {justify-content: end;}
.flexc.vsa, .sflexc.vsa, .bflexc.vsa, .tflexc.vsa, .ngflexc.vsa {justify-content: space-around;}
.flexc.vsb, .sflexc.vsb, .bflexc.vsb, .tflexc.vsb, .ngflexc.vsb {justify-content: space-between;}
.flexc.hs, .sflexc.hs, .bflexc.hs, .tflexc.hs, .ngflexc.hs {align-items: start;}
.flexc.hc, .sflexc.hc, .bflexc.hc, .tflexc.hc, .ngflexc.hc {align-items: center;}
.flexc.he, .sflexc.he, .bflexc.he, .tflexc.he, .ngflexc.he {align-items: end;}
.flex.col2 > * {flex: 0 0 calc(50% - (var(--main-gap) / 2));}
.flexc.col2 > * {width: calc(50% - (var(--main-gap) / 2));}
.tflex.col2 > * {flex: 0 0 calc(50% - (var(--tiny-gap) / 2));}
.tflexc.col2 > * {width: calc(50% - (var(--tiny-gap) / 2));}
.sflex.col2 > * {flex: 0 0 calc(50% - (var(--small-gap) / 2));}
.sflexc.col2 > * {width: calc(50% - (var(--small-gap) / 2));}
.bflex.col2 > * {flex: 0 0 calc(50% - (var(--big-gap) / 2));}
.bflexc.col2 > * {width: calc(50% - (var(--big-gap) / 2));}
.bflex.col2 > .fkw {flex: 0 0 calc(46% - (var(--main-gap) / 2));}
.flex > *.big, .tflex > *.big, .sflex > *.big, .bflex > *.big {flex: 0 0 100%;}
.flexc > *.big, .tflexc > *.big, .sflexc > *.big, .bflexc > *.big {flex: 0 0 auto;width: 0 0 100%;}
.flex .ass, .sflex .ass, .bflex .ass, .tflex .ass, .ngflex .ass {align-self: start;}
.flex .asc, .sflex .asc, .bflex .asc, .tflex .asc, .ngflex .asc {align-self: center;}
.flex .ase, .sflex .ase, .bflex .ase, .tflex .ase, .ngflex .ase {align-self: end;}
.small-framed,.medium-framed, .framed {
    width: 100%;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
}
.small-framed > :first-child, .medium-framed > :first-child, .framed > :first-child {margin-top: 0;}
.small-framed > :last-child, .medium-framed > :last-child, .framed > :last-child, ul.category-list:last-child, ul.category-list:last-child .title , 
.bflexc > .messages, .title-listing, .comment-form > .messages.success {margin-bottom: 0;}
.medium-framed {width: 80%;}
.small-framed {width: 60%;}
.main-content-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
}
.block {
    padding: var(--big-gap);
    border-radius: var(--border-radius);
    background-color: var(--block-background-color);
    border: 1px solid var(--border-color);
}
.primary {color: var(--primary-color);}
svg .primary {fill: var(--primary-color);}
.secondary {color: var(--secondary-color);}
svg .secondary {fill: var(--secondary-color);}
.third {color: var(--third-color);}
svg .third {fill: var(--third-color);}
.bold {font-weight: 600;}
.section {padding: var(--big-gap) var(--monster-gap);}
.content > .section:first-child {padding-top: var(--monster-gap);}
.content > .section:last-child {padding-bottom: var(--monster-gap);}
.notop{padding-top: 0;}
.overflow-hidden {overflow: hidden;}
.center {text-align: center;}
.title-form.nomargintop, .nomargintop {margin-top: 0;}
.bmargintop {margin-top: var(--big-gap);}
.field-submit p, .nomargin, .page-object :not(.ck-content,.empty,.disc) > p:not(.title-part), .breadcrumb-list {margin: 0;}
#payment-list.hide, .items-list-slider .item-navigation.hide,
.fk .hide, .field-input.radio.hide, .field-wrapper.radio .field-input.hide,
.consent-field.hide, .field-wrapper.hide, .sp-bg-layer.hide, .hide, #ivideo.hide, #login-box.hide {
    display: none;
    opacity: 0;
    transition: opacity 0.3s linear;
}
.close-button {
    position: absolute;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    top: var(--big-gap);
    right: var(--big-gap);
    padding: 0;
    border-radius: 50%;
	cursor: pointer;
}
.page-object .ovalue.price,
.price {
    font-size: 1.2rem;
    color: var(--primary-color);
    font-family: var(--font-family-regular);
    font-weight: 600;
}
.underline {text-decoration: underline;}
/* Tips */
.popup-txt {
    position: relative;
    display: inline;
    font-size: 0.8rem;
    max-width: 15rem;
    color: var(--text-color);
    background: var(--block-background-color);
    border: solid 1px var(--border-color);
    padding: var(--tiny-gap);
    opacity: 1;
    transition: opacity 0.3s linear;
    z-index: 10000;
}
.popup-txt.hide {
    z-index: -1 !important;
    opacity: 0;
}
/* Icons */
.big-icon, .small-icon, .icon {
    display: inline-flex;
    align-items: center;
    gap: var(--small-gap);
}
.big-icon svg, .big-icon img {
    flex: 0 0 auto;
    height: 2.5rem;
}
.icon img, .icon svg {
    flex: 0 0 auto;
    height: 1.5rem;
}
.small-icon svg, .small-icon img {
    flex: 0 0 auto;
    height: 1rem;
}
.big-icon, .small-icon span, .icon span {flex: 0 0 auto;}
.primary svg, .secondary svg, .third svg {fill: #fff;}
.svg.primary {fill: var(--primary-color);}
.svg.secondary {fill: var(--secondary-color);}
.svg.third {fill: var(--third-color);}
.svg.rss {fill: #f78422;}
.messages.error .icon svg, [data-heart].icon.selected svg, .option-framed .icon.selected svg {fill: var(--error-text-color);}
.messages.success .icon svg {fill: var(--success-text-color);}
.messages.warning .icon svg {fill: var(--warning-text-color);}
.network .svg {fill: var(--footer-background-color);}
.navigation-header svg {fill: var(--header-text-color);}
.button.deposit-button,
.deposit-button {
    padding: 0.8rem var(--main-gap);
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}
.page-object .deposit-date, .footer-menu .menu-list {text-align: right;}
/* Link and button */
a {
    color: var(--text-color);
    text-decoration: none;
}
button:hover, .button:hover, a:hover {
    color: var(--secondary-color);
    text-decoration: underline;
    opacity: 0.8;
}
a.icon:hover svg, a.button.icon:hover svg {
    fill: var(--secondary-color);
}
a.icon.third:hover svg, a.button.third.icon:hover svg,
a.icon.secondary:hover svg, a.button.secondary.icon:hover svg,
a.icon.primary:hover svg, a.button.primary.icon:hover svg {
    fill: #ffff;
}
input[type="submit"], button, .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-family: var(--font-family-light);
    padding: var(--main-gap) var(--big-gap);
    color: var(--text-color);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: 600ms linear;
}
input[type="submit"].sp, button.sp, .button.sp {
    padding: var(--small-gap);
}
input[type="submit"], input[type="submit"].primary, button.primary, .button.primary {
    color: #fff;
    background-color: var(--primary-color);
}
input[type="submit"].secondary, button.secondary, .button.secondary {
    color: #fff;
    background-color: var(--secondary-color);
}
input[type="submit"].third, button.third, .button.third {
    color: #fff;
    background-color: var(--third-color);
}
input[type="submit"].third:hover, a.button.third:hover, button.third:hover, .button.third:hover,
input[type="submit"].secondary:hover, a.button.secondary:hover, button.secondary:hover, .button.secondary:hover,
input[type="submit"].primary:hover, a.button.primary:hover, button.primary:hover, .button.primary:hover {
    text-decoration: underline;
    color: #fff;
}
/* Title */
.title-page, h1 {
    font-size: 2rem;
    line-height: 2.2rem;
    margin: var(--main-gap) 0;
    font-weight: 600;
}
.title-home, .title-page {
    text-align: center;
    margin: 0;
}
.title-home {margin: 0 auto;}
h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: var(--small-gap) 0;
    font-weight: 600;
}
h3 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin: var(--tiny-gap) 0;
    font-weight: 600;
}
h4, h5, h6 {
    font-size: 1rem;
    line-height: 1em;
    margin: var(--tiny-gap) 0;
    font-weight: 600;
}
.title-section {
    margin: var(--big-gap) 0;
    font-family: var(--font-family-light);
    font-weight: 400;
}
.title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 600;
    font-family: var(--font-family-regular);
    color: var(--secondary-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* Forms */
.fk-value,
input:not([type="submit"]),
select,
textarea {
    width: 100%;
    height: calc(2rem + (var(--small-gap) * 2));
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    margin: 0;
    padding: var(--small-gap);
    font-size: 1rem;
    background: var(--block-background-color);
}
textarea {
    height: calc(8.8rem + (var(--small-gap) * 2));
    font-family: var(--font-family-regular);
}
input[type="radio"], input[type="checkbox"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(1.2rem + var(--tiny-gap));
    height: calc(1.2rem + var(--tiny-gap));
    border-radius: calc(var(--border-radius) / 2);
    padding: 0;
    cursor: pointer;
}
input[type="radio"]:disabled, input[type="checkbox"]:disabled {cursor: auto;}
input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {
    flex: 0 0 70%;
    height: 70%;
    font-size: 0.5rem;
    content: "✓";
    color: var(--primary-color);
    background-color: var(--primary-color);
    border-radius: calc(var(--border-radius) / 2);
}
input[type="radio"]:checked::before, input[type="radio"] {border-radius: 50%;}
[type="submit"]:disabled {cursor: not-allowed;}
.form-error > input,
.form-error [type="radio"], .form-error [type="checkbox"], .form-error .fk-value, .form-error .ck.ck-editor, 
input:not([type="submit"]).form-error, select.form-error, textarea.form-error {border: 1px solid var(--error-text-color);}
.placeholder, textarea::placeholder, input::placeholder {
    color: var(--text-color);
    font-family: var(--font-family-light);
}
.fk {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	cursor: pointer;
    width: 100%;
}
.fk-value {
	display: flex;
	justify-content: space-between;
    align-items: center;
    gap: var(--small-gap);  
}
.fk-value span:not(.other,.icon) {
    flex: 0 0 auto;
    max-width: 70%;
    white-space: pre;
    word-break: keep-all;
	overflow: hidden;
    text-overflow: ellipsis;
}
.multiple .fk-value span:not(.empty,.other,.icon) {
    padding: var(--small-gap) var(--main-gap);
    font-size: 0.9rem;
    color: #fff;
    border-radius: var(--border-radius);
    background-color: var(--secondary-color);
}
.fk-value .other {
    font-size: 0.9rem;
    margin-left: auto;
    margin-right: 0;
}
.fk-value svg {height: 0.8rem;}
.fk-list {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	z-index: 2000;
	top: calc(2rem + (var(--small-gap) * 2));
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 2px);
    height: 0;
    margin: 0;
	max-height: 20rem;
    min-width: 10rem;
	overflow-y: auto;
    border-radius: var(--border-radius);
	background-color: var(--block-background-color);
    transition: height 0.3s linear;
}
.fk-list.top {
	top: auto;
	bottom: 100%;
}
.fk-list.open {
	overflow-y: auto;
	border: 1px solid var(--border-color);
}
.fk-list > * {
    position: relative;
	display: flex;
    flex: 0 0 100%;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
    font-size: 0.9rem;
    font-family: var(--font-family-regular);
    max-height: 3.5rem;
}
.fk-list > *:first-child {border-top: none;}
.fk-list input {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
}
.fk-list input:checked + label {
    color: #fff;
    background-color: var(--primary-color);
}
.fk-list input[value=""]:checked + label {
    color: var(--text-color);
    background-color: #fff;
}
[data-acplt="list"].fk-list > *,
.fk-list label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
	padding: var(--main-gap);
    cursor: pointer;
}
[data-acplt="list"].fk-list > * {height: auto;}
.fk-list label.parent {
    color: #fff;
    background-color: var(--secondary-color);
}
.fk-list label .offset {
    display: inline-flex;
    width: var(--main-gap);
}
[data-acplt="list"].fk-list > *:hover,
.fk-list > *:hover input:checked + label,
.fk-list > *:hover label {
    color: #fff;
    background-color: var(--third-color);
}
.checkbox-slide {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}
.fk-checkbox {
    position: relative;
    width: calc((1.4rem + var(--tiny-gap)) * 2);
    height: calc(1.4rem + var(--tiny-gap));
    font-size: 0.9rem;
    color: #fff;
    border-radius: calc(var(--border-radius) * 2);
    background-color: var(--border-color);
}
.active .fk-checkbox {
    background-color: var(--secondary-color);
}
.fk-checkbox > input {
    position: absolute;
    justify-content: start;
    top: 2px;
    left: 2px;
    border: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: calc(var(--border-radius) * 2);
    background: transparent;
}
.fk-checkbox > input[type="checkbox"]::before {
    display: block;
    content: " ";
    color: #fff;
    background-color: #fff;
    flex: 0 0 50%;
    height: 100%;
    opacity: 1;
    border-radius: 50%;
}
.active .fk-checkbox > input[type="checkbox"] {
    justify-content: end;
}
.field-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--small-gap);
    max-width: 100%;
}
.flex.mb > .field-wrapper.radio, .sflex.mb > .field-wrapper.radio, .bflex.mb > .field-wrapper.radio, .tflex.mb > .field-wrapper.radio,
.field-wrapper.radio {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    gap: var(--small-gap) var(--main-gap);
}
.flex.mb > .field-wrapper.radio, .sflex.mb > .field-wrapper.radio, .bflex.mb > .field-wrapper.radio, .tflex.mb > .field-wrapper.radio {justify-content: start;}
.field-wrapper.radio > label {flex: 0 0 100%;}
.bflex.mb > .field-complement,
.complement p, .field-complement {
    text-align: left;
    font-family: var(--font-family-light);
    margin: 0;
}
.consent-field {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: var(--small-gap);
}
form .field-label,
.field-wrapper > .field-label,
.field-wrapper > label {
    position: relative;
    font-weight: 600;
    margin: 0;
    font-family: var(--font-family-light);
}
.flex.mb > .field-label,
form .field-label {text-align: left;}
.consent-field .required::after,
.account-form .types .required::after,
.field-wrapper .required::after {
    display: inline-flex;
    font-variant-position: super;
    font-size: 0.9rem;
    margin-left: var(--tiny-gap);
	content: "*";
	color: var(--error-text-color);
}
.consent-field label {
    position: relative;
    flex: 1;
    font-family: var(--font-family-light);
    cursor: pointer;
}
.spcaptcha {
	width: auto;
	background: none;
	border: none;
	margin: 0;
}
.title-form {
    margin: var(--main-gap) 0 0 0;
    font-size: 1.2rem;
    font-weight: 600;
}
.field-input {
    position: relative;
    width: 100%;
}
.field-wrapper.radio .field-input, .field-input.radio {width: auto;}
.field-input .unit:not(.lang-form) {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    height: calc(2rem + (var(--small-gap) * 2) - 2px);
    bottom: 1px;
    right: 1px;
    padding: 0 var(--small-gap);
    background-color: #fff;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.field-input [type="number"] + .unit {
    right: 30px;
}
.field-input.radio,
.field-wrapper.radio .field-input {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}
.field-input.radio {flex-wrap: wrap;}
.field-input.radio.small {
    flex-wrap: nowrap;
    align-items: start;
}
.field-wrapper.radio .field-input > ul {margin: 0;}
.field-input.small label {font-size: 0.9rem;}
.types-list label, .field-wrapper.radio .field-input label, .field-input.radio label {cursor: pointer;}
.field-input.radio-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.field-input.radio-button:hover {opacity: 0.8;}
.field-input.radio-button > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    opacity: 0;
}
.field-input.radio-button > label {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: var(--main-gap) var(--big-gap);
    border-radius: var(--border-radius);
    cursor: pointer;
}
.field-input.radio-button:hover > label {text-decoration: underline;}
.field-input.radio-button > label.primary {
    color: #fff;
    background-color: var(--primary-color);
}
.field-input.radio-button > label.secondary {
    color: #fff;
    background-color: var(--secondary-color);
}
.field-input.radio-button > label.third {
    color: #fff;
    background-color: var(--third-color);
}
.field-submit {text-align: center;}
.password-field {
	position: relative;
    display: flex;
}
.password-field > input {
    width: 100%;
	padding-right: calc(2rem + (var(--small-gap) * 2));
}
.password-field > .toggle-pwd {
	position: absolute;
    width: calc(2rem + (var(--small-gap) * 2));
    height: 100%;
    right: 0;
	top: 0;
    padding: 0;
}
.password-field svg {
	width: auto;
	height: 1.5rem;
	fill: var(--text-color);
	cursor: pointer;
}
#display-map {
	width: 100%;
	height: 100%;
	min-height: 20rem;
	border: 1px solid var(--border-color);
}
#display-map div {position: static;}
/* Multilangs fields */
.lang-form-buttons {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.lang-form-buttons li {
	display: flex;
	opacity: 0.5;
	padding: var(--small-gap) var(--main-gap);
	cursor: pointer;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	background: var(--border-color);
	border: 1px solid var(--border-color);
	border-bottom: none;
}
.lang-form-buttons li.selected {
	position: relative;
	opacity: 1;
	cursor: auto;
	background-color: #fff;
}
.lang-form-buttons li.selected:after {
	position: absolute;
	z-index: 2;
	content: " ";
	width: 100%;
	height: 1px;
	top: 100%;
	left: 0;
	background: #fff;
}
.lang-form-buttons li.selected.form-error,
.lang-form-buttons li.form-error {
	background: #f2cfcf;
    border-top: 1px solid var(--error-text-color); 
    border-right: 1px solid var(--error-text-color); 
    border-left: 1px solid var(--error-text-color); 
}
.lang-form-buttons li:hover {opacity: 1;}
.lang-form-buttons li img {width: 2.8rem;}
.ck-editor__editable_inline, .multi-lang-type.editor .multi-lang-item {
    max-width: 100%;
    min-height: 19rem;
}
.multi-lang-item:not(.first) {display: none;}
.swap .multi-lang-item textarea, .swap .multi-lang-item input:not([type="submit"]) {border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);}
.lang-form-buttons {border-bottom: none;}
#geoloc-error1, #geoloc-error2, #geoloc-error3, #geoloc-error4, #geoloc-info {
    width: 100%;
    background: var(--error-text-color);
    color: #fff;
    margin: var(--main-gap) 0 0 0;
    padding: var(--main-gap);
    border-radius: var(--border-radius);
}
#geoloc-info {background: var(--primary-color);}
/* -----    HEADER  ------  */
header {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: auto;
    background: var(--header-background-color);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
}
header .framed {
    display: grid;
    width: 100%;
    margin: auto;
    max-width: var(--max-width);
    grid-template-columns: minmax(180px,15%) 1fr 3.8rem;
    grid-template-rows: calc(var(--header-height) - (var(--small-gap) * 2));
    grid-gap: var(--main-gap);
    align-items: center;
    padding: var(--small-gap) var(--big-gap);
	color: var(--header-text-color);
	
}
header .framed.nolang {grid-template-columns: minmax(180px,15%) 1fr;}
header .middle button.icon,
header .middle a.button.icon {padding: 0.8rem var(--small-gap);}
header .end {height: 100%;}
header .logo a {
    display: inline-flex;
    height: 100%;
    align-items: center;
}
header .logo a:hover {opacity: 1;}
header .logo svg, header .logo img {
    width: auto;
    height: 3.5rem;
    max-width: 100%;
}
/* Flags list */
ul.flags-list {
    position: absolute;
    top: calc((var(--header-height) - (1.8rem + (var(--small-gap) * 2))) / 4);
    height: calc(1.8rem + (var(--small-gap) * 2));
    margin: 0;
    overflow: hidden;
    transition: height 0.3s linear;
}
.flags-list.open {
    height: calc(var(--nb-langs) * (1.8rem + (var(--small-gap) * 2)));
    background-color: var(--header-background-color);
}
.flags-list li {
    position: relative;
    cursor: pointer;
    padding: var(--small-gap);
}
.flags-list img {
    display: flex;
    width: auto;
    height: 1.8rem;
    border-radius: var(--border-radius);
    object-fit: contain;
}
/* -----    NAVIGATIONS    ------  */
.menu-shortcuts-container {
    padding: 0 var(--big-gap);
    background-color: var(--header-menu-background-color);
    border-bottom: 1px solid var(--border-color);
}
.menu-shortcuts  {overflow: hidden;}
.toggle-menu {
    height: 100%;
    min-width: calc(2.2rem + (var(--main-gap) * 2));
    padding: var(--main-gap);
    cursor: pointer;
}
.toggle-menu span {
    display: block;
    content: "a";
    width: 100%;
    flex: 0 0 2px;
    background-color: var(--text-color);
    border-radius: var(--border-radius);
}
.menu-shortcuts button, 
.menu-shortcuts .button {
    white-space: pre;
    word-break: keep-all;
    color: var(--header-menu-text-color);
}
[data-menu="container"] {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 35vw;
    height: 100vh;
    overflow-y: auto;
    z-index: 10000;
    background-color: var(--block-background-color);
    transition: transform .4s linear;
}
[data-menu="container"]:not([data-direction="right"]) {transform: translateX(-100vw);}
[data-menu="container"]:not([data-direction="right"]).open {transform: translateX(0);}
[data-menu="container"][data-direction="right"] {transform: translateX(100vw);}
[data-menu="container"][data-direction="right"].open {transform: translateX(65vw);}
[data-menu="item"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-family: var(--font-family-light);
    background-color: var(--block-background-color);
    transform: translateX(-100vw);
    transition: transform 0.3s linear;
}
[data-menu="item"].open {transform: translateX(0);}
.navigation-header {
    color: var(--header-text-color);
    background-color: var(--header-background-color);
    border-bottom: 1px solid var(--border-color);
}
.navigation-item {
    border-bottom: 1px solid var(--border-color);
}
.navigation-header a img, .navigation-header a svg {
    width: auto;
    height: 3.5rem;
}
.navigation-item > label, .navigation-header label,
.navigation-item > p, .navigation-header p,
.navigation-item > a, .navigation-header a {
    flex: 1;
    justify-content: start;
    padding: var(--big-gap);
    margin: 0;
}
a.navigation-item {
    width: 100%;
    justify-content: start;
    padding: var(--big-gap);
}
.navigation-header.logo a {padding: var(--small-gap);}
.navigation-header button, .navigation-item button {padding: var(--big-gap);}
.navigation-item.deposit .button {border-radius: 0;}
.acc-ask-delete {cursor: pointer;}
/* -----    ITEMS LIST  ------  */
.items-list {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - (4 * var(--big-gap) / 5)));
    grid-auto-rows: 1fr;
    grid-gap: var(--big-gap);
    justify-content: space-evenly;
}
.aside-grid > .right .items-list {
    grid-template-columns: 100%;
    width: 100%;
    min-height: 250px;
}
.item-list {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--block-background-color);
    height: 100%;
}
.item-list:hover {opacity: 0.8;}
.item-list a:hover {
    text-decoration: none;
    color: var(--text-color);
    opacity: 1;
}
.item-list .title {
	font-size: 1.2rem;
	line-height: 1.4rem;
}
.item-list.disc,
.item-list.coms {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--main-gap);
    min-height: 15.625rem;
    background-color: var(--block-background-color);
}
.item-list a:hover {text-decoration: none;}
.item-list .image {
    min-height: 7rem;
    max-height: 13.2rem;
    flex: 0 0 13.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16/9;
    background-color: var(--block-background-color);
    border-bottom: 1px solid var(--border-color);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    overflow: hidden;
    max-width: 100%;
}
.item-list.shop .image {padding: var(--main-gap);}
.item-list .image img {
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.item-list .image svg {
    width: 70%;
    height: 70%;
    fill: var(--border-color);
    opacity: 0.6;
}
.item-list.shop .image svg,
.item-list.shop .image img {
    object-fit: scale-down;
    max-height: 100%;
}
.item-list .infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--tiny-gap);
    padding: var(--main-gap);
    background-color: var(--block-background-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.item-list .buttons {
    background-color: var(--block-background-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
/* -----    ITEMS SLIDER LIST  ------  */
.items-list-slider {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0;
    width: 100%;
}
.items-list-inner {
    position: relative;
    flex: 0 0 calc(100% - 7rem);
    display: flex;
    max-width: calc(100% - 7rem);
    overflow: hidden;
}
.items-list-inner::before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc((var(--big-gap) / 2) - 1px);
    background: var(--background-color);
    z-index: 999;
}
.items-list-inner::after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: calc((var(--big-gap) / 2) - 1px);
    background: var(--background-color);
    z-index: 999;
}
.items-list-slider .item-navigation.hide + .items-list-inner {
    flex: 1;
    max-width: 100%;
}
.items-list-slider .items-list {
    flex: 0 0 100%;
    display: flex;
    justify-content: start;
    grid-gap: 0;
    gap: 0;
}
.items-list-slider .item-slide {
    display: flex;
    width: calc((100vw - 7rem - (var(--monster-gap) * 2)) / var(--slide-nb-items, 5) - 1px);
    padding: 1px calc(var(--big-gap) / 2);
}
.items-list-slider .item-navigation.hide + .items-list-inner .item-slide  {
    width: calc((100vw - (var(--monster-gap) * 2)) / var(--slide-nb-items, 5) - 1px);
}
.items-list-slider .item-list {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.items-list-slider .item-list .infos {margin: auto 0;}
.items-list-slider .item-navigation {
    display: flex;
    flex: 0 0 3.5rem;
    height: 3.5rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/* -----    ASIDE GRID  ------  */
.aside-grid {
    display: grid;
    grid-template-columns: minmax(calc(100% - 21rem - var(--big-gap)), 100%);
    grid-gap: var(--big-gap);
    grid-auto-flow: row dense;
}
.aside-grid > .left {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
    grid-column-start: 1;
}
.aside-grid > .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--big-gap);
    grid-column-start: 2;
    width: 20.75rem;
}
/* -----    LISTING SEARCH  ------  */
.listing-stats {font-family: var(--font-family-light);}
.listing-stats .label, .listing-stats a {font-family: var(--font-family-regular);}
.listing-stats .selected {color: var(--primary-color);}
.listing-filters .button.save-search, .listing-filters button, .listing-filters .button {
    display: inline-flex;
    flex: 0 0 auto;
    height: calc(2rem + (var(--small-gap) * 2));
    padding: 0 var(--big-gap);
}
#ad-sorts-filter {min-width: 220px;}
.listing-item {
    flex: 0 0 18rem;
    border-radius: var(--border-radius);
    background-color: var(--block-background-color);
    border: 1px solid var(--border-color);
    font-family: var(--font-family-light);
    transition: 0.3s linear;
    overflow: hidden;
}
.listing-item.option-framed {
    background: var(--framed-background-color);
    border: 1px solid var(--framed-background-color);
}
.listing-item.empty {
    flex: 0 0 auto;
    padding: var(--main-gap);
}
.listing-item.empty > p {margin: var(--main-gap) 0;}
.listing-item.disc {
    padding: var(--main-gap);
    text-align: center;
}
.listing-item:not(.empty):hover {transform: scale(1.02);}
.listing-item a:hover {
    text-decoration: none;
    color: var(--text-color);
    opacity: 1;
}
.listing-item .image {
    position: relative;
    height: 100%;
    flex: 0 0 32%;
    max-width: 32%;
    aspect-ratio: 16/9;
}
.listing-item .infos {
    position: relative;
    flex: 0 0 calc(68% - (2rem + var(--big-gap)));
    max-width: calc(68% - (2rem + var(--big-gap)));
    align-self: center;
    padding: var(--big-gap);
}
.selection-content .listing-item .infos {
    flex: 0 0 calc(60% - (2rem + var(--big-gap)));
    max-width: calc(60% - (2rem + var(--big-gap)));
}
.account_search-content .listing-item .infos {
    flex: 0 0 calc(100% - (2rem + var(--big-gap)));
    max-width: calc(100% - (2rem + var(--big-gap)));
}
.selection-content .listing-item .buttons {
    margin-left: auto;
    margin-right: 0;
}
.listing-item .buttons {
    flex: 0 0 calc(2rem + var(--big-gap));
    height: 100%;
    gap: var(--main-gap);
    padding: var(--big-gap) var(--big-gap) var(--big-gap) 0;
}
.listing-item.shop .image {
    padding: var(--main-gap);
}
.listing-item .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;  
    object-position: center;
    border-radius: var(--border-radius)  0 0 var(--border-radius);
}
.listing-item.shop .image > img {
    width: 100%;
    height: 100%;
    object-fit: contain;  
    object-position: center;
    border-radius: 0;
    max-height: 100%;
}
.listing-item .image > svg {
    width: 70%;
    height: 70%;
    opacity: 0.6;
}
.listing-item .image .nb-pictures, .listing-item .logo-urgent {
    position: absolute;
    bottom: var(--main-gap);
    right: var(--main-gap);
}
.listing-item .image .nb-videos {
    position: absolute;
    bottom: var(--main-gap);
}
.listing-item .nb-videos {right: calc((var(--main-gap) * 2) + 1.8rem);}
.listing-item .logo-urgent {
    left: var(--main-gap);
    right: auto;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8rem;
	text-transform: uppercase;
	padding: var(--small-gap) var(--main-gap);
	text-align: center;
    background-color: var(--error-text-color);
    border-radius: var(--border-radius);
}
.listing-item .image .icon svg {
    height: 1.8rem;
    fill: var(--background-color);
}
.listing-item .image .icon span {
    position: absolute;
    bottom: 0;
    font-size: 0.9rem;
    font-weight: 600;
}
.listing-item.option-framed .icon span {color: #fff;}
.listing-item .no-photo .icon, .listing-item .image.no-photo svg {fill: var(--border-color);}
.listing-item.option-framed .image.no-photo svg, .listing-item.option-framed .icon svg {
    fill: var(--framed-text-color);
    opacity: 0.6;
}
.listing-item .buttons svg {
    height: auto;
    width: 2rem;
}
.listing-item .buttons .remove-selected-ad svg {width: 1.8rem;}
.listing-item .rating-list, .listing-item .right {
    align-self: end;
    text-align: right;
}
.listing-item .pro, .listing-item .date {font-size: 0.9rem;}
#search-type {
    margin: 0;
    flex-wrap: wrap;
}
.listing-item .subtitle {
    margin: 0;
}
/* Pagination */
.pagination {gap: 0.7rem;}
.pagination .button {
    font-family: var(--font-family-regular);
    color: #fff;
    background-color: #7b7b7b;
    padding: var(--small-gap) var(--main-gap);
}
.pagination .button[disabled],
.pagination .button:disabled {
    opacity: 0.2;
}
.pagination .button.selected {
    color: #fff;
    background-color: var(--primary-color);
}
/* ----- RATINGS ------  */
.rating-list {gap: var(--small-gap);}
.rating-list .icon.h.rate > svg,
.rating-list .icon.h > svg,
.rating-list .icon > svg {
    height: 1.2rem;
    fill: var(--border-color);
}
.listing-item.option-framed .rating-list .icon.rate > svg,
.rating-list .icon.hrate.h > svg,
.rating-list .icon.hrate > svg,
.rating-list .icon.rate > svg {
    fill: #ffca00;
    opacity: 1;
}
/* -----    MESSAGES BLOCK    ------  */
.messages {
	position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
    width: 100%;
    margin-bottom: var(--big-gap);
	padding: var(--main-gap);
    border-radius: var(--border-radius);
}
#form-post-comment .messages {margin-bottom: 0;}
.flex.col2 > .messages, .bflex.col2 > .messages {flex: 0 0 100%;}
form .block .messages {margin: 0;}
.messages.error {
    color: var(--error-text-color);
	background-color: var(--error-background-color);
}
.messages.success {
    color: var(--success-text-color);
	background-color: var(--success-background-color);
}
.messages.warning {
    color: var(--warning-text-color);
	background-color: var(--warning-background-color);
}
.messages p {
    width: 100%;
    margin: 0;
}
.messages .close-button {
    width: 2rem;
    height: 2rem;
	top: var(--small-gap);
	right: var(--small-gap);
}
.messages .close-button svg {height: 1rem;}
.messages .close-button + p {padding-right: 2rem;}
/* -----    SEARCH FORM BLOCK    ------  */
.search-form {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(20%, 33%)) 1fr;
    grid-gap: var(--main-gap);
    align-items: center;
    padding: var(--big-gap);
    color: var(--search-form-text-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: var(--search-form-background-color);
}
#search-form .messages {
    grid-column: 1/5;
    margin-bottom: 0;
}
.search-form.dashboard, .search-form.shop {grid-template-columns: repeat(2, minmax(20%, 50%)) 1fr;}
.search-form input[type="submit"] {
    height: calc(2rem + (var(--small-gap) * 2));
    padding: 0 var(--big-gap);
}
.locations-list {
    z-index: 999;
    flex-direction: column;
    flex-wrap: nowrap;
}
.locations-list.open {
    height: auto;
    max-height: 300px;
    padding: var(--main-gap);
    border: solid 1px var(--border-color);  
}
.locations-list.mini {
	display: flex;
	top: 1px;
	height: calc(2rem + (var(--small-gap) * 2) - 2px);
	padding: 0 var(--small-gap);
	overflow: hidden;
}
.locations-list > li {max-height: unset;}
.locations-list .main {
    display: flex;
    flex-wrap: wrap;
    gap: var(--main-gap);
    padding: 0 0 var(--main-gap) 0;
}   
.locations-list .around {
    padding: var(--main-gap) 0;
    border-top: solid 1px var(--border-color);
}
.locations-list .bottom {
    padding: var(--main-gap) var(--main-gap) 0 var(--main-gap);
    border-top: solid 1px var(--border-color);
}
.locations-list .item-location {
    display: flex;
    gap: var(--small-gap);
    background-color: var(--primary-color);
    border-radius: var(--border-radius);
    color: #fff;
    font-weight: 600;
    padding: var(--small-gap);
    display: inline-flex;
    width: auto;
}
.locations-list .selected-location {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
/* -----    RESEARCH FILTERS ------  */
#search-filters [data-menu="item"] {overflow: hidden;}
.filters-list {
    flex: 1;
    overflow-y: auto;
}
.filters-list .navigation-item {padding: var(--big-gap);}
#search-filters .navigation-item > .field-label, 
#search-filters .navigation-item > label {padding: 0;cursor: pointer;}
#search-filters .navigation-header p, 
#search-filters .navigation-item .field-label  > span,
#search-filters .navigation-item label > span {font-weight: 600;}
.filters-list .navigation-item > .field-label > span:first-child, 
.filters-list .field-wrapper > label > span:first-child, 
#search-filters .navigation-item label > span:first-child {flex: 1;}
.filters-list .field-wrapper .field-label .icon > svg, .filters-list .field-label  .icon > svg,
.filters-list .field-wrapper .field-label .icon > svg, .filters-list label .icon > svg,
#search-filters .navigation-item .field-label .icon > svg,
#search-filters .navigation-item label .icon > svg {
    transform: rotate(-90deg);
    transition: 0.3s linear;
}
#search-filters .navigation-item.open .field-label .icon > svg,
#search-filters .navigation-item.open label .icon > svg {
    transform: rotate(90deg);
    transition: 0.3s linear;
}
#search-filters .navigation-item.bottom  {
    padding: var(--main-gap);
    border-top: 1px solid var(--border-color);
}
#search-filters .navigation-item.bottom button {
    padding: var(--main-gap) var(--big-gap);
    text-align: center;
}
.filters-list .field-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    padding: var(--big-gap);
    gap: var(--big-gap);
    border-bottom: 1px solid var(--border-color);
}
.filters-list .field-wrapper > .field-label,
.filters-list .field-wrapper > label {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: 1fr 35% 1.5rem;
    grid-gap: var(--main-gap);
    padding: 0;
    cursor: pointer;
}
.filters-list .field-input > label {
    font-weight: 600;
    font-family: var(--font-family-light); 
}
.filters-list .field-label .icon, .filters-list label .icon {grid-column: 3 / 4;}
.filters-list .field-wrapper .filter {flex: 0 0 100%;}
#search-filters .selected {
    display: block;
    max-height: 2rem;
    font-size: 0.9rem;
    font-family: var(--font-family-light);
    color: var(--secondary-color);
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}
.range-slider-container {
    display: inline-flex;
    position: relative;
    flex: 0 0 100%;
    gap: var(--big-gap);
    align-items: center;
    margin-bottom: 0;  
}
.range-slider-container .range-field {
    position: relative;
    flex: 0 0 20%;
}
.range-slider-container .range-slider.ui-widget.ui-widget-content, .range-slider-container .range-slider {
    height: 3px;
    border: 0;
    background-color: var(--border-color);
}
.search-form .range-slider-container .range-slider {flex: 1;}
.range-slider-container .range-slider.ui-slider-horizontal .ui-slider-range {background-color: var(--secondary-color);}
.range-slider-container .range-slider .ui-state-default {
	width: 1.5rem;
	height: 1.5rem;
	margin-top: -6px;
    margin-left: -0.75rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid var(--third-color);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);
	cursor: pointer;
	outline: 0;
}
/* -----    DEPOSIT FORM ------  */
#price-container .field-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
}
#price-container .field-wrapper > label {flex: 0 0 100%;}
#price-container .field-input {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--main-gap);
}
#price-container .price-field {flex: 0 0 70%}
#price-container .custom-select {flex: 1;}
/* -----    COMMENTS ------  */
.comments {font-family: var(--font-family-light);}
.comment-item {
    padding: var(--big-gap);
    background-color: var(--background-color);
    transition: height 0.3s linear;
}
.comment-item.close, .comment-form.close .inner-form {
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.comment-item .title {
    font-size: 1.2rem;
    font-family: var(--font-family-regular);
}
.comment-form .inner-form {
    height: 100%;
    padding: var(--main-gap);
    background-color: var(--background-color);
    transition: height 0.3s linear;
}
.rating-button {
    position: relative;
    flex: 0 0 2rem;
    cursor: pointer;
    height: 2rem;
}
.rating-button input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.rating-button input[type="radio"]:checked::before {display: none;}
.comment-item .rating-list .icon > svg, .rating-list .rating-button .icon.h.rate > svg, 
.rating-list .rating-button .icon.h > svg, .rating-list .rating-button .icon > svg {height: 2rem;}
.comments .field-submit {text-align: left;}
/* -----    CATEGORIES BLOCK    ------  */
.categories-block {
    background-color: var(--category-list-background-color);
    border-top: 1px solid var(--border-color);
}
.categories-block > .medium-framed {
    column-count: 5;
    column-gap: var(--big-gap);
}
ul.category-list {margin-bottom: var(--main-gap);}
.category-list a {
    color: var(--category-list-text-color);
    font-family: var(--font-family-light);
}
.category-list .title {
    font-size: 1.2rem;
    margin: 0 0 var(--small-gap) 0;
    padding-bottom: var(--tiny-gap);
    border-bottom: 1px solid var(--category-list-text-color);
    font-weight: bold;
}
/* -----    BANNERS  ------  */
.banner-head {text-align: center;}
.banner-head a, .banners-listing, .banners-sidebar, .banners-listing a, .banners-sidebar a {display: flex;justify-content: center;align-items: center;text-align: center;}
.banner-head a:hover, .banners-listing a:hover, .banners-sidebar a, .banners a {opacity: 1;}
.banner-head img,.banners-listing img, .banners-sidebar img {max-width: 100%;}
.banners-listing.text, .banners-sidebar.text {
    flex-direction: column;
    gap: var(--main-gap);
}
#background {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
}
#background-block {
    position: relative;
    width: 80%;
    max-width: var(--max-width);
    margin: 220px auto 0;
    background: #f4f4f4;
}
#background-block header {position: relative;}
#background-block header + * {margin-top: 0;}
/* -----    FOOTER  ------  */
footer {
    font-family: var(--font-family-light);
    background-color: var(--footer-background-color);
}
footer .framed {    
    display: grid;
    max-width: var(--max-width);
    grid-template-columns: repeat(2, calc(50% - (var(--big-gap) / 2)));
    grid-template-rows: repeat(2, auto);
    grid-gap: var(--big-gap);
    grid-auto-flow: row dense;
    padding: var(--big-gap);
    color: var(--footer-text-color);
}
.footer-menu {
    grid-column: 2;
    grid-row: 1 / 3;
    columns: 2;
    column-gap: var(--big-gap);
}
.footer-networks {gap: 0.7rem;}
footer a:hover, footer a {color: var(--footer-text-color);}
.network {
    padding: var(--main-gap);
    background-color: var(--footer-text-color);
    border-radius: var(--border-radius);
}
.network.icon svg {height: 1.2rem;}
/* ----- CMS PAGE ------  */
.page-errors .cms {text-align: center;}
/* -----    IMAGES SLIDESHOW ------  */
.object-data .images.full-slideshow, .full-slideshow {
    position: fixed;
    gap: 0;
    top: 0;
    left: 0;
	width: 100vw;
	height: 100vh;
    padding: 0;
    background: #000000db;
    border: none;
    border-radius: 0;
    z-index: 1001;
}
.page-object .images.full-slideshow .image,
.full-slideshow .image {
    width: 100%;
    height: calc(100% - 5rem - var(--monster-gap));
    padding: var(--big-gap);
    flex: 1;
}
.page-object .full-slideshow .thumbs,
.full-slideshow .thumbs {
    height: calc(5rem + var(--monster-gap));
    width: 100%;
    max-width: 100%;
    background: #0000003d;
    padding: var(--big-gap);
}
.full-slideshow .thumbs .nav-slide {
    flex: 0 0 5rem;
    height: 5rem;
}
.full-slideshow .thumbs ul > li img {height: 5rem;}
.slide-close-button > svg, .full-slideshow .thumbs .nav-slide svg {fill: #fff;}
.slide-close-button {
    position: absolute;
    top: var(--big-gap);
    right: var(--big-gap);
    padding: var(--main-gap);
    background-color: transparent;
}
.thumbs .current {opacity: 0.4;}
/* -----    AD PAGE ------  */
.page-object .title-part {
    font-size: 1.4rem;
    margin: 0 0 var(--main-gap) 0;
    color: var(--primary-color);
    font-family: var(--font-family-regular);
}
.page-object .similars-container {grid-column: 1 / span 2;}
.page-object .icon {flex-wrap: wrap;}
.page-object .icon > span {
    display: flex;
    flex: 1;
}
.page-object .aside-grid > .right > * {width: 100%;}
.page-object .logo > img {
    width: auto;
    height: auto;
    max-height: 11rem;
    object-fit: contain;
    object-position: center;
}
/* Header */
.header-page .left {flex: 1;}
.header-page h1 {
    margin: 0;
    text-align: left;
}
/* Images */
.page-object .images .image {flex: 0 0 35rem;}
.page-object .images .image img {
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 35rem;
    opacity: 1;
    object-fit: contain;
    aspect-ratio: auto 231/125;
    transition: opacity 0.3s linear;
    cursor: pointer;
}
.page-object .images .image.ohide img {opacity: 0;}
.page-object .thumbs {
    width: 100%;
    max-width: 80%;
}
.page-object .thumbs .nav-slide {
    display: flex;
    flex: 0 0 3.5rem;
    height: 3.5rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.page-object .thumbs .nav-slide svg {
    width: auto;
    height: 2rem;
}
.page-object .thumbs-container {
    flex: 0 0 auto;
    max-width: calc(100% - 7rem - (var(--main-gap) * 2));
    overflow: hidden;
}
.page-object ul.slides-list {
    max-width: calc(100% - 7rem - (var(--main-gap) * 2));
    margin: 0;
}
.page-object .thumbs img {
    display: flex;
    width: auto;
    height: 3.5rem;
    border-radius: calc(var(--border-radius) / 2);
    cursor: pointer;
}
/* Datas block */
.page-object .label {
    flex: 0 0 20rem;
}
.page-object .ovalue {
    flex: 1;
    color: var(--secondary-color);
    font-family: var(--font-family-light);
}
.page-object .location > img {
    flex: 0 0 auto;
    width: auto;
    height: 4rem;
}
.page-object .location button {
    flex: 0 0 auto;
    width: auto;
    margin: 0 auto 0 0;
    padding: 0;
    color: var(--warning-text-color);
    text-decoration: underline;
}
/* Description block */
.page-object .report-abuse {align-self: end;}
.page-object .report-abuse svg {fill: var(--error-text-color);}
/* Documents */
.page-object .documents a {
    padding: var(--main-gap);
    background-color: var(--background-color);
}
/* Charts block */
.page-object .chart svg {
    width: 80%;
    height: auto;
}
.chart-energetic .label {
    margin: 0;
    font-size: 0.9rem;
}
.chart-energetic .grap-info {
    margin: 0;
    font-size: 0.9rem;
    color: rgb(163, 219, 252);
}
.chart-energetic .energy .grap-info {color: rgb(0, 167, 116);}
.chart-energetic .energy .grap-info.end {color: rgb(236, 1, 24);}
.chart-energetic .ghg .grap-info.end {color: rgb(41, 27, 53);}
/* Contacts block */
.contacts .logo {text-align: center;}
.page-object .name-contact {
    font-size: 1.4rem;
    text-align: center;
}
.page-object .company-num {
    font-family: var(--font-family-light);
    text-align: center;
}
.page-object .contacts .primary:first-of-type {margin-top: var(--main-gap);}
.animate-phone {
    opacity: 1;
    transition: opacity 0.3s linear;
}
.animate-phone.ohide {opacity: 0;}
/* Sharing block */
.page-object .sharing .icon {
    flex: 0 0 2.8rem;
    height: 2.8rem;
    padding: 0;
}
.page-object .sharing .icon svg {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
}
#navigator-share-box .sharing .facebook > svg, .page-object .sharing .facebook > svg {fill: #3a559f;}
#navigator-share-box .sharing .x > svg, .page-object .sharing .x > svg {fill: #000;}
/* Stats & managements block */
.page-object .stats, .page-object .managements {font-family: var(--font-family-light);}
.page-object .stats .icon > svg, .page-object .managements .icon > svg {
    height: auto;
    flex: 0 0 1.2rem;
}
/* -----    LOGIN & FORGOTTEN PAGE ------  */
#login-box .field-submit > a,
.ad_password-content .field-submit > *,
.ad_login-content .field-submit > *,
.forgotten_password-content .field-submit > *,
.login-content .field-submit > * {
    width: auto;
    margin: auto;
}
/* -----    ACCOUNT DASHBOARD    ------  */
#ad-states-filter {min-width: 270px;}
.options-dashboard {margin: auto 0 auto auto;}
.account_dashboard-content .filter-item {height: calc(2rem + (var(--small-gap) * 2));}
.account_dashboard-content .filter-item > span,
.account_dashboard-content .listing-item.empty {flex: 0 0 auto;}
.account_dashboard-content .buttons {
    flex: 0 0 calc(8rem + var(--small-gap) + var(--big-gap));
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
}
.check-all-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--main-gap);
    height: calc(2rem + (var(--small-gap) * 2));
    background-color: var(--third-color);
    border-radius: var(--border-radius);
}
.stats .third {
    justify-content: center;
    padding: var(--small-gap) var(--main-gap);
    color: #fff;
    background-color: var(--third-color);
    border-radius: var(--border-radius);
    min-width: 6rem;
    margin: auto;
}
.framed .stats .icon.third svg {
    fill: #fff;
    opacity: 1;
}
.account_dashboard-content .listing-item {flex: 0 0 19.5rem;}
.account_dashboard-content .listing-item .infos {gap: var(--small-gap);}
.account_dashboard-content .listing-item:not(.empty):hover {transform: none;}
.account_dashboard-content .listing-item .infos {
    flex: 0 0 calc(68% - (8rem + var(--small-gap) + var(--big-gap)));
    max-width: calc(68% - (8rem + var(--small-gap) + var(--big-gap)));
}
.account_dashboard-content .check-all-ads {
    width: 4rem;
    flex: 0 0 20%;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    justify-content: center;
}
.account_dashboard-content .buttons svg {
    height: 1.8rem;
    width: auto;
}
.account_dashboard-content .buttons >*:nth-child(6n) {margin-top: 37%;}
.listing-item .buttons-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(100% - 4rem);
    gap: 0 var(--small-gap);
}
.account_dashboard-content .buttons a, 
.account_dashboard-content .buttons button {
    flex: 0 0 3.5rem;
    width: 4rem;
    margin-left: auto;
    margin-right: 0;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--border-color);
}
.account_dashboard-content .buttons a:nth-child(3n+1),
.account_dashboard-content .buttons button:nth-child(3n+1),
.account_dashboard-content .buttons a:first-of-type, 
.account_dashboard-content .buttons button:first-of-type {border-top: 0;}
.account-pads {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(20% - var(--big-gap)), calc(25% - var(--big-gap))));
    grid-auto-rows: minmax(132px, auto);
    grid-auto-flow: row dense;
    grid-gap: var(--big-gap);
    justify-content: space-around;
}
.acc-pad {
    display: flex;
    flex-direction: column;
    gap: var(--main-gap);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #d5f3ac;
    padding: var(--main-gap);
    border-radius: var(--border-radius);
    border: 1px solid #9f9f9f;
}
.acc-pad a {text-align: center;}
.acc-pad p {
    margin: 0;
    font-family: var(--font-family-light);
    text-align: center;
}
.acc-pad > p > span {
    font-family: var(--font-family-regular);
    font-size: 1.1em;
}
.menu-count,
.toggle-menu > span.menu-count {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    margin: auto var(--small-gap) auto 0;
    padding: var(--tiny-gap) var(--small-gap);
    color: #fff;
    font-size: 0.8rem;
    line-height: 0.8rem;
    background-color: var(--error-text-color);
    border-radius: var(--border-radius);
}
.toggle-menu > span.menu-count {
    position: absolute;
    top: 5px;
    left: 5px;
}
/* -----    INVOICES  ------  */
.table-list {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.table-list th {
    color: #fff;
    padding: var(--main-gap) var(--big-gap);
    background-color: var(--third-color);
}
.table-list th:first-child {border-radius: var(--border-radius) 0 0 0;}
.table-list th:last-child {border-radius: 0 var(--border-radius) 0 0;}
.table-list tbody td {background-color: #fff;}
.table-list tbody tr:nth-child(2n) td {background-color: var(--border-color);}
.table-list tbody tr:last-child td:first-child {border-radius: 0 0 0 var(--border-radius);}
.table-list tbody tr:last-child td:last-child {border-radius: 0 0 var(--border-radius) 0;}
.table-list td {padding: var(--main-gap) var(--big-gap)}
.table-list .action {width: 10%;}
.table-list .action > div {display: flex;justify-content: center;gap: var(--small-gap);}
/* -----    PAYMENT PAGE  ------  */
.purchase-details {border-radius: var(--border-radius);}
.purchase-details .item-row,
.purchase-details .hs {
	display: grid;
	grid-template-columns: 30% 10% repeat(3, auto);
	font-size: 0.95em;
	font-family: var(--font-family-light);
}
.purchase-details .hs {
    color: #fff;
	background-color: var(--third-color);
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.purchase-details .item-row {background: #fff;}
.purchase-details .item-row:nth-child(2n + 1) {background: var(--border-color);}
.purchase-details .item-row:last-child {border-radius: 0 0 var(--border-radius) var(--border-radius);}
.purchase-detailss.no-vat .item-row, .purchase-details.no-vat .hs {grid-template-columns: 30% 20% 25% 25%;}
.purchase-details .item {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--main-gap) var(--small-gap);
    gap: 3px;
}
.purchase-details .h {
	font-size: 1.05em;
	font-family: var(--font-family-regular);
}
.purchase-details .item .label-m {display: none;}
.purchase-details .item.label {
	display: flex;
	align-self: start;
	flex-wrap: wrap;
}
.purchase-details .item.label .name {
	flex: 0 0 100%;
	font-family: var(--font-family-regular);
}
.purchase-details .item.label .details {
	flex: 0 0 100%;
	align-self: start;
	font-size: 0.8em;
}
.purchase-reference {
    flex: 0 0 60%;
    text-align: center;
}
.purchase-totals {flex: 0 0 40%;}
.purchase-totals > * {
    width: 100%;
	display: flex;
}
.purchase-totals > * > .label {
	flex: 0 0 50%;
	text-align: right;
}
.purchase-totals > * > .total {
	flex: 0 0 50%;
	text-align: center;
}
#payment-none p {text-align: center;}
.billing-resume {
    flex: 0 0 auto;
    margin: auto;
    text-align: center;
}
.billing-button {
    flex: 0 0 33%;
    margin: auto;
    max-width: 23rem;
}
.billing-button a, .billing-button button {
    width: 100%;
    text-align: center;
}
#payment-list {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-auto-rows: 1fr;
    grid-gap: var(--big-gap);
}
#payment-list p {margin: 0;}
.payment-gtc {
    flex: 0 0 auto;
    margin: auto;
}
/* -----    VISUAL OPTIONS FOMRS    ------  */
.title-option {
    font-size: 1.2rem;
    font-weight: 600;
}
.color-top-option {color: #FF8100;}
.color-premium-option {color: #FBBA1A;}
.color-urgent-option {color: #F54D4D;}
.color-framed-option {color: #62BE0A;}
/* -----    PURCHASE CREDITS    ------  */
.field-input.radio-button > .offer {font-family: var(--font-family-light);}
#credits-form .field-input.radio-button > label {opacity: 0.8;}
#credits-form .field-input.radio-button > :checked + label {opacity: 1;}
#credits-form p {margin: 0;}
#credits-form .field-input.radio-button {max-width: calc(25% - ((var(--main-gap) * 3) / 4))}
/* -----    DIALOG BOXES    ------  */
.sp-bg-layer {
	position: fixed;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    justify-items: center;
    align-items: center;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
    opacity: 1;
	background-color: #0000003d;
}
#sp-boxes-layer {z-index: 10000;}
.sp-bg-layer > *:not(.close-button) {
    grid-column: 1;
    grid-row: 1;
}
.box-close-button {
    width: 2rem;
    height: 2rem;
    top: var(--small-gap);
    right: var(--small-gap);
}
.box-close-button {
    z-index: 10002;
}
.box-close-button > svg {
    height: 1rem;
    fill: var(--third-color);
}
.dialog-box {
    position: relative;
    flex: 0 0 auto;
    height: auto;
    max-width: 60%;
    max-height: calc(100% - var(--monster-gap));
    opacity: 0;
    background: var(--block-background-color);
    border-radius: var(--border-radius);
    overflow-y: auto;
    transition: opacity 0.3s linear;
}
.dialog-box.transparent {
    background: transparent;
    border-radius: 0;
}
.dialog-box.open {
    opacity: 1;
    padding: var(--big-gap) var(--monster-gap);
}
.dialog-box .small-framed, .dialog-box .medium-framed, .dialog-box .framed {width: 100%;}
.dialog-box .section {
    padding-left: 0;
    padding-right: 0;
}
.dialog-box > .section:first-child {padding-top: 0;}  
.dialog-box > .section:last-child {padding-bottom: 0;}  
.dialog-box .block {
    padding: 0;
    border: none;
    border-radius: none;
}
.dialog-box .title-part {text-align: center;}
/* Google map box */
#gmap-box {
    width: 80%;
    height: 80%;
    min-height: 300px;
    padding: 0;
}
#gmap-box > div {
    display: block;
    width: 100%;
    height: 100%;
}
/* More premium */
#more-premium.dialog-box {
    padding: var(--big-gap);
}
#more-premium-top .logo, #more-premium .logo {margin-bottom: var(--monster-gap);}
#more-premium-top .logo > svg,
#more-premium .logo > svg {
    width: auto;
    height: 4.5rem;
}
#more-premium.dialog-box > .section:first-child {padding-bottom: 0;}
#more-premium .title-page {
    text-align: left;
    text-transform: uppercase;
    font-size: 1.4rem;
}
#more-premium .complement {font-family: var(--font-family-light);}
/* Video box */
#ivideo {
    display: flex;
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: 100%;
    max-height: 100%;
}
#ivideo iframe {
    width: 100%;
    height: 100%;
}
/* Video box */
#login-box {
    width: 30%;
    min-width: 20rem;
    height: auto;
}
/* Confirm box */
.confirm-box {
    flex-direction: column;
    justify-content: center;
    min-width: 400px;
    gap: var(--main-gap);
    padding: var(--main-gap);
    text-align: center;
    opacity: 1;
}
.confirm-box:not(.hide) {display: flex;}
.confirm-box .confirm-content {
    margin: 0;
    padding: var(--main-gap) var(--big-gap);
}
.confirm-box .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--main-gap);
}
.confirm-box .buttons [name="confirm-valid"] {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.confirm-box .buttons [name="confirm-cancel"] {
    color: var(--error-text-color);
    border: 1px solid var(--error-text-color);
}
.confirm-box .buttons [name="confirm-valid"]:hover {
    color: #fff;
    background: var(--primary-color);
}
.confirm-box .buttons [name="confirm-cancel"]:hover {
    color: #fff;
    background: var(--error-text-color);
}
/* -----    DATE PICKERS    ------  */
.ui-datepicker {z-index: 10001 !important;}
.ui-datepicker.month .ui-datepicker-calendar, .ui-datepicker.year .ui-datepicker-calendar, .ui-datepicker.year .ui-datepicker-title .ui-datepicker-month {display: none;}
.ui-datepicker.month.ui-widget.ui-widget-content, .ui-datepicker.year.ui-widget.ui-widget-content {padding: 3px;}
.ui-datepicker.month .ui-datepicker-header, .ui-datepicker.year .ui-datepicker-header {border-radius: var(--border-radius);}
.ui-datepicker.month select.ui-datepicker-month, .ui-datepicker.month select.ui-datepicker-year, .ui-datepicker.year select.ui-datepicker-year {
	appearance: auto;
	margin: 0;
	background-color: #fff;
	font-family: var(--font-family-light), Arial;
  	font-size: 1.05em;
	color: var(--text-color);
}
.ui-datepicker select {
    height: auto;
    padding: 3px;
}
/* -----    MEDIA QUERIES    ------  */
@media (max-width: 1364px) {
    /* -----    BANNERS  ------  */
    #background-block header .framed {padding: var(--small-gap) var(--small-gap);}
    #background-block header .icon > span {display: none;}
    #background-block header > .middle {gap: var(--small-gap);}
    #background-block header .deposit-button {
        font-size: 0.9rem;
        padding: var(--main-gap) var(--small-gap);
    }
}
@media (max-width: 1280px) {
    /* -----    HEADER  ------  */
    .page-object header .icon > span,
    header .icon > span {display: none;}
   /* -----    ASIDE GRID  ------  */
    .aside-grid {grid-template-columns: minmax(calc(100% - 15rem - var(--big-gap)), 100%);}
    .aside-grid > .right {width: 15rem;}
    /* -----    ITEMS LIST  ------  */
    .items-list {grid-template-columns: repeat(3, calc(33.33% - (2 * var(--big-gap) / 3)));}
    /* -----    ITEMS SLIDER LIST  ------  */
    .items-list-slider .item-slide {
        width: calc((100vw - 7rem - (var(--monster-gap) * 2) - ((var(--slide-nb-items, 3)) * var(--big-gap))) / var(--slide-nb-items, 3));  
    }
    .items-list-slider .item-navigation.hide + .items-list-inner .item-slide  {
        width: calc((100vw - (var(--monster-gap) * 2)) / var(--slide-nb-items, 3) - 1px);
    }
    /* -----    LISTING SEARCH  ------  */
    .listing-item .infos {
        gap: var(--small-gap);
        padding: var(--main-gap);
        max-width: calc(100% - 35% - 2rem - var(--main-gap));
    }
    .listing-item .rating-list,
    body:not(.account_dashboard) .listing-item .flex.col2 > * {
        flex: 0 0 100%;
        gap: var(--small-gap);
        text-align: left;
        align-self: start;
    }
    /* -----    PURCHASE CREDITS    ------  */
    #credits-form .field-input.radio-button {max-width: calc(33.33% - ((var(--main-gap) * 2) / 3))}
    /* -----    CATEGORIES BLOCK    ------  */
    .categories-block > .medium-framed {column-count: 4;}
    /* -----    AD PAGE ------  */
    /* Datas block */
    .page-object .label {flex: 0 0 15rem;}
    /* -----    ACCOUNT DASHBOARD    ------  */
    .options-dashboard {flex: 0 0 100%;}
    .check-all-container {margin: auto 0 auto auto;}
    /* -----    DIALOG BOXES    ------  */
    .dialog-box {max-width: 80%;}
}
@media (max-width: 930px) {
    /* -----    GENERAL STRUCTURES & STYLES  ------  */
    .field-wrapper.stretch {flex: 0 0 100%;}
    /* -----    HEADER  ------  */
    header .framed {grid-gap: var(--small-gap);}
    header .deposit-button {padding: var(--main-gap);}
   /* -----    ASIDE GRID  ------  */
    .aside-grid {grid-template-columns: 100%;}
    .aside-grid > .right {
        width: 100%;
        grid-column-start: 1;
        justify-self: center;
    }
    /* -----    ITEMS LIST  ------  */
    .items-list {grid-template-columns: repeat(2, calc(50% - var(--big-gap) / 2));}
    /* -----    ITEMS SLIDER LIST  ------  */
    .items-list-slider .item-slide {
        width: calc((100vw - 7rem - (var(--monster-gap) * 2) - ((var(--slide-nb-items, 2)) * var(--big-gap))) / var(--slide-nb-items, 2));
    }
    .items-list-slider .item-navigation.hide + .items-list-inner .item-slide  {
        width: calc((100vw - (var(--monster-gap) * 2)) / var(--slide-nb-items, 2) - 1px);
    }
    /* -----    LISTING SEARCH  ------  */
    .listing-filters {flex-wrap: wrap;}
    .listing-container .items-list {grid-row-start: 1;}
    /* -----    NAVIGATIONS    ------  */
    .navigation {width: 60vw;}
    .navigation > [data-navigation], .navigation {transition: transform .4s linear;}
    [data-direction="right"][data-menu="container"].open {transform: translateX(40vw);}
    /* -----    SEARCH FORM BLOCK    ------  */
    .search-form.dashboard, .search-form.shop, .search-form {grid-template-columns: 1fr;}
    /* -----    CATEGORIES BLOCK    ------  */
    .categories-block > .medium-framed {column-count: 3;}
    /* -----    PURCHASE CREDITS    ------  */
    #credits-form .field-input.radio-button {max-width: calc(50% - var(--main-gap));}
    /* -----    AD PAGE ------  */
    .page-object .similars-container {grid-column: 1;}
    .header-page > .left,
    .header-page > .right,
    .header-page h1 {
        flex: 0 0 100%;
        justify-content: center;
        text-align: center;
    }
    .page-object .bflex.col2 > * {flex: 0 0 100%;}
    /* Contacts block */
    .page-object .contacts {grid-row: 2;}
    /* Charts block */
    .chart svg {max-height: 250px;}
    /* Banners block */
    .page-object .banners {
        grid-row-start: span -3;
    }
    /* -----    SHOP PAGE  ------  */
    .page-object .shop .contacts {grid-row: 1;}
    .page-object .shop .hours {grid-row: 3;}
    /* -----    ACCOUNT DASHBOARD    ------  */
    .account-pads {grid-template-columns: repeat(auto-fill, calc(33.33% - 10px));}
    .stats .third {padding: var(--small-gap);}
}
@media (max-width: 768px) {
    /* -----    GENERAL STRUCTURES & STYLES  ------  */
    .flex.mb > *, .sflex.mb > *, .bflex.mb > *, .tflex.mb > * {
        flex: 0 0 100%;
        justify-content: center;
        text-align: center;
    }
    .bflex.col2 > * {flex: 0 0 100%;}
    .flexc.mb > *, .sflexc.mb > *, .bflexc.mb > *, .tflexc.mb > * {
        width: 100%;
        align-items: center;
    }
    .fkw {display: none;}
    .medium-framed, .small-framed {width: 100%;}
    .button.icon:not(.navigation-item) > span, button.icon:not(.navigation-item,.geoloc) > span {display: none;}
    .title {
        font-size: 1.3rem;    
        white-space: normal;
        text-overflow: initial;
        overflow: auto;
    }
    .title-section {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    /* Forms */
    .field-input.radio, .mb .field-wrapper label {
        align-self: start;
        text-align: left;
    }
    .bflex.mb > .consent-field {
        justify-content: start;
        text-align: left;
    }
    .lang-form-buttons li img {width: 2rem;}
    .big > .label, .title-form {text-align: left;}
    /* -----    HEADER  ------  */
    #background-block header .framed, header .framed {
        grid-template-columns: calc(40px + (var(--main-gap) * 2)) 1fr calc(40px + (var(--main-gap) * 2));
        padding: var(--small-gap);
    }
    #background-block header .framed.nolang,  header .framed.nolang {
        grid-template-columns: calc(40px + (var(--main-gap) * 2)) 1fr;
    }
    header .start.hide {
        display: flex;
        opacity: 1;
    }
    header .middle,
    header .middle > * {display: none;}
    header .logo {justify-content: center;}
    /* -----    NAVIGATIONS    ------  */
    .navigation {width: 80vw;}
    [data-direction="right"][data-menu="container"].open { transform: translateX(20vw);}
    .menu-container .menu-shortcuts {display: none;}
    .navigation-header .previous {display: flex;}
    .navigation-item button.icon > span , .navigation-item .button.icon > span {display: flex;}
    .menu-shortcuts-container {border-bottom: none;}
    .button.deposit-button, .deposit-button {padding: var(--big-gap);}
    /* -----    ITEMS LIST  ------  */
    .items-list {grid-template-columns: 100%;}
    /* -----    ITEMS SLIDER LIST  ------  */
    .items-list-slider .item-slide {
        width: calc(100vw - 7rem - (var(--monster-gap) * 2) - 2px);
    }
    .items-list-slider .item-navigation.hide + .items-list-inner .item-slide  {
        width: calc((100vw - (var(--monster-gap) * 2)) / var(--slide-nb-items, 1) - 2px);
    }
    /* -----    LISTING SEARCH  ------  */
    .listing-item {
        flex: 0 0 auto;
        overflow: auto;
    }
    .account_dashboard-content .listing-item .infos,
    .listing-item .image, .listing-item .infos {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .listing-item .buttons {
        display: flex;
        flex: 0 0 100%;
        flex-direction: row;
        height: auto;
        justify-content: center;
        padding: 0 var(--main-gap) var(--main-gap) var(--main-gap);
    }
    .listing-item .buttons-list {
        flex-direction: row;
        gap: var(--small-gap);
    }
    .listing-item .image {height: auto;}
    .listing-item .flex .left {flex: 0 0 calc(50% - (var(--small-gap) / 2));}
    .listing-item .rating-list, .listing-item .flex .right {
        flex: 0 0 calc(50% - (var(--small-gap) / 2));
        align-self: end;
        text-align: right;
    }
    .account_search-content .listing-item .infos {flex-direction: column;}
    .account_search-content .he {align-items: start;}
    .account_search-content .listing-item .left, .account_search-content .listing-item .right,
    .account_search-content .listing-item .infos {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        align-items: start;
    }
    /* -----    CATEGORIES BLOCK    ------  */
    .categories-block > .medium-framed {
        column-count: 2;
        text-align: center;
    }
    /* -----    FOOTER  ------  */
    footer .framed {
        grid-template-columns: 100%;
        grid-template-rows: repeat(3, auto);
    }
    .footer-copyright, .footer-menu .menu-list, .footer-networks {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .footer-menu {
        grid-column: 1;
        grid-row: 2;
    }
    /* -----    BANNERS  ------  */
    #background {display: none;}
    #background-block {
        width: 100%;
        margin: 0 auto;
    }
    /* -----    AD PAGE ------  */
    .page-object .contacts .button.icon:not(.navigation-item) > span {display: flex;}
    /* -----    ACCOUNT DASHBOARD    ------  */
    .account-pads {grid-template-columns: repeat(auto-fill, calc(50% - var(--big-gap)));}
    .options-dashboard button {white-space: nowrap;}
    .account_dashboard-content .listing-item {flex: 0 0 auto;}
    .account_dashboard-content .check-all-ads {
        position: absolute;
        top: var(--main-gap);
        right: var(--main-gap);
    }
    .account_dashboard-content .listing-item .flex.col2 > .left {flex: 0 0 100%;}
    .account_dashboard-content .listing-item .flex.col2 > .right {
        flex: 0 0 100%;
        flex-direction: row;
        flex-wrap: wrap;
        padding: var(--small-gap) 0;
    }
    .account_dashboard-content .buttons a, .account_dashboard-content .buttons button {
        padding: 0 var(--main-gap);
        min-height: 2.5rem;
        border-left: 1px solid var(--border-color);
        border-top: 0;
    }
    .account_dashboard-content .buttons a:first-of-type, .account_dashboard-content .buttons button:first-of-type {
        border-left: 0
    }
    /* -----    PURCHASE CREDITS    ------  */
    #credits-form .title-form, #credits-form .complement {text-align: center;}
    #credits-form .credits {justify-content: center;}
    #credits-form .field-input.radio-button {max-width: 100%;}
    /* -----    SHOP PACK    ------  */
    #shop-pack-form .bflex.mb > * {text-align: left;}
    /* -----    PAYMENT PAGE  ------  */
    .purchase-details .item-row, .purchase-details .hs {grid-template-columns: 100%;}
    .purchase-details .item-row {padding: var(--small-gap);}
	.purchase-details .item:not(.h) {padding: 0;} 
	.purchase-details .h.item:not(:first-child) {display: none;}
	.purchase-details .item.label {text-align: center;}
	.purchase-details .item .label-m {display: inline-flex;}
	.purchase-totals, .purchase-infos {
        flex-direction: column;
        gap: 0;
    }
    .purchase-infos > * {
        width: 100%;
    }
	.purchase-totals, .purchase-reference {
		flex: 0 0 100%;
		padding: 0;
	}
	.purchase-reference {display: flex;}
	.purchase-reference .name {
		flex: 0 0 50%;
  		padding: 10px;
		justify-content: center;
		text-align: right;
	}
	.purchase-reference .details {
		flex: 0 0 50%;
  		padding: 10px;
		text-align: center;
	}
    #billing-result {flex-direction: column;}
    .payment-gtc {flex: 0 0 100%;   }
    #payment-list {grid-template-columns: 100%;}
    /* -----    DIALOG BOXES    ------  */
    .dialog-box {max-width: 90%;max-height: 90%;}
    #ivideo {
        width: 90%;
        height: 90%;
        max-width: 90%;
        max-height: 90%;
    }
}
@media (max-width: 500px) {
    /* -----    GENERAL STRUCTURES & STYLES  ------  */
    .title {font-size: 1rem;}
    .search-form, .block {padding: var(--main-gap);}
    .footer-menu, .categories-block > .medium-framed {column-count: 1;}
    /* Forms */
    .lang-form-buttons li {
        flex: 0 0 16.66%;
        padding:  var(--tiny-gap);
    }
    .lang-form-buttons li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: var(--border-radius) var(--border-radius) 0 0;
    }
    /* -----    HEADER    ------  */
    header .framed {padding: var(--small-gap);}
    /* -----    NAVIGATIONS    ------  */
    .navigation {width: 100vw;}
    [data-direction="right"][data-menu="container"].open { transform: translateX(0vw);}
    /* -----    LISTING SEARCH  ------  */
    .listing-item .rating-list, .listing-item .flex.col2 > * {
        flex: 0 0 100%;
        text-align: center;
        justify-content: center;
        align-self: center;
    }
    .account_search-content .listing-item .buttons {
        display: flex;
        justify-content: center;
    }
    .account_search-content .he,
    .account_search-content .listing-item .left, .account_search-content .listing-item .right,
    .account_search-content .listing-item .infos {
        align-items: center;
    }
    /* -----    IMAGES SLIDESHOW ------  */
    .object-data .images.full-slideshow, .full-slideshow {padding: 0;}
    /* -----    AD PAGE ------  */
    .page-object .report-abuse, .page-object .deposit-date {
        align-self: start;
        text-align: left;
    }
    /* -----    INVOICES  ------  */
    .table-list tbody td, .table-list th {padding: var(--main-gap);}
    /* -----    ACCOUNT DASHBOARD    ------  */
    .account-pads {grid-template-columns: 100%;}
    /* -----    DIALOG BOXES    ------  */
    .dialog-box {max-width: 100%;max-height: 100%;}
    .box-close-button {
        top: var(--main-gap);
        right: var(--main-gap);
    }
    .confirm-box, #ivideo {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}