.hideOptSelect {display: none;} /* DISPLAYS */ .hidden, .hidden-sm, .hidden_field, body.configurateur .sticky-wrapper, #configurateur #panamanvan-summary .panamanvan-summary-type, .simulation-cetelem-container, .simulation-cetelem-container .buttonsimulation, #configurateur #panamanvan-summary .panamanvan-summary-title-main-mobile, #configurateur #panamanvan-summary .panamanvan-summary-model, #configurateur .elementor-widget-panamavan .btn input[type="checkbox"] {display:none;} body.elementor-editor-active .hidden {display:initial!important;} /* CONFIGURATEUR - GLOBAL */ body.configurateur header {background-color:var(--e-global-color-primary);position:relative;} #configurateur {color:var(--e-global-color-primary);} #configurateur .elementor-widget-panamavan .elementor-widget-container {display:flex;height:100%;} #configurateur .elementor-widget-panamavan .elementor-widget-container > div {width:100%;height:auto!important;background:var(--e-global-color-secondary);border:1px solid var(--e-global-color-text);border-radius:8px;padding:1rem;flex-direction:column;} #configurateur .elementor-widget-panamavan .elementor-widget-container > div.selected {background-color:#EFf3FF!important;border:1px solid var(--e-global-color-d65c370)!important;} #configurateur .elementor-widget-panamavan ul {padding-left:1.1em;text-align:left;} #configurateur .label-price {font-family:"Monument Extended",Sans-serif;font-size:1.125rem;line-height:1em;font-weight:400;text-transform:uppercase;letter-spacing:.05em;} #configurateur .label-price small {font-size:.5em;} #configurateur .apartirde {color:var(--e-global-color-d65c370);font-family:"Monument Extended",Sans-serif;font-size:.75rem;line-height:1em;font-weight:400;text-transform:uppercase;letter-spacing:.05em;} #configurateur .apartirde span {font-weight:400;} #configurateur .apartirde .lnk-modal {font-size:1.5em;cursor:pointer;} #configurateur .mention-finance {font-size:.75rem;line-height:1.2em;display:block;margin-top:1rem;} #configurateur .elementor-widget-panamavan .btn {font-family:inherit;font-size:.7rem;font-weight:600;text-transform:uppercase;line-height:1.2em;text-wrap:initial;word-break:break-word;padding:.75em 1.25em;border-radius:100px;margin-top:.5rem;} /* Dynamic Packs & Options */ #configurateur #bodywork .elementor-widget-panamavan.carrosserie:not(.isAvailable), #configurateur #option .elementor-widget-panamavan.option:not(.isAvailable), #configurateur #pack .elementor-widget-panamavan.pack:not(.isAvailable), #configurateur #option .elementor-widget-panamavan.optionNotAvailable .panamavan-option-selection, #configurateur #pack .elementor-widget-panamavan.packNotAvailable .panamavan-pack-selection {display:none;} #configurateur #option .elementor-widget-panamavan.optionNotAvailable, #configurateur #pack .elementor-widget-panamavan.packNotAvailable {opacity:.4;} #configurateur #option .elementor-widget-panamavan.optionNotAvailable .panamavan-option, #configurateur #pack .elementor-widget-panamavan.packNotAvailable .panamavan-pack {background:#efefef;border:1px solid #bdbdbd!important;color:#999;} .elementor-editor-active #configurateur #bodywork .elementor-widget-panamavan.carrosserie:not(.isAvailable), .elementor-editor-active #configurateur #option .elementor-widget-panamavan.option:not(.isAvailable), .elementor-editor-active #configurateur #pack .elementor-widget-panamavan.pack:not(.isAvailable), .elementor-editor-active #configurateur #option .elementor-widget-panamavan.optionNotAvailable .panamavan-option-selection, .elementor-editor-active #configurateur #pack .elementor-widget-panamavan.packNotAvailable .panamavan-pack-selection {display: block!important} /* CONFIGURATEUR - TYPE */ #configurateur #type .elementor-widget-panamavan {text-align:center;} #configurateur #type .panamavan-type-images img {width:400px;} #configurateur #type .panamavan-type-right {display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;} #configurateur #type .panamavan-type-title img {object-fit:contain;height:50px;width:100%;} #configurateur #type .panamavan-type-logo img {object-fit:contain;height:40px;width:100%;margin:.5rem auto;} #configurateur #type .panamavan-type-info {font-size:.75rem;line-height:1.2em;display:block;color:var(--e-global-color-b193bba);} /* CONFIGURATEUR - MODELE */ #configurateur #model .elementor-widget-panamavan {text-align:center;} #configurateur #model .panamavan-model-images {margin-top:60px;} #configurateur #model .panamavan-model-images img {width:400px;} #configurateur #model .panamavan-model-image {display:none;} #configurateur #model .panamavan-model-image.active {display:block} #configurateur #model .panamavan-model-state:not(.active) {cursor:pointer;} #configurateur #model .panamavan-model-select-states {display:flex;justify-content:center;gap:1rem;margin-top:1rem;} #configurateur #model .panamavan-model-state {display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100px;max-width:100%;font-size:.65rem;line-height:1.2em;font-weight:600;word-break:break-word;text-transform:uppercase;text-align:center;} #configurateur #model .panamavan-model-state.active {color:var(--e-global-color-d65c370);} #configurateur #model .panamavan-model-state::before {content:'';display:block;border:1px solid var(--e-global-color-primary);border-radius:100%;width:3rem;height:3rem;position:relative;background-size:90%;background-repeat:no-repeat;background-position:center;} #configurateur #model .panamavan-model-state.day::before {background-image:url('../img/icon-day.svg');} #configurateur #model .panamavan-model-state.day.active::before {background-image:url('../img/icon-day-active.svg');} #configurateur #model .panamavan-model-state.night::before {background-image:url('../img/icon-night.svg');} #configurateur #model .panamavan-model-state.night.active::before {background-image:url('../img/icon-night-active.svg');} #configurateur #model .panamavan-model-state.popup::before {background-image:url('../img/icon-van.svg');} #configurateur #model .panamavan-model-state.popup.active::before {background-image:url('../img/icon-van-active.svg');} #configurateur #model .panamavan-model-state.active::before {background-color:#EFf3FF!important;border:1px solid var(--e-global-color-d65c370);} #configurateur #model .panamavan-model-title {position:absolute;top:0;left:0;width:100%;} #configurateur #model .panamavan-model-title img {object-fit:contain;height:50px;width:100%;margin:1rem auto;} #configurateur #model .panamavan-model-features {display:flex;flex-wrap:wrap;justify-content:center;margin:1rem auto;padding-top:1rem;border-top:1px solid var(--e-global-color-text);} #configurateur #model .panamavan-model-features > div {display:flex;flex-direction:column;align-items:center;width:25%;text-align:center;padding:.25em;} #configurateur #model .panamavan-model-features .elementor-repeater-feature-icon svg {width:3rem;height:3rem;} #configurateur #model .panamavan-model-features .elementor-repeater-feature-content {font-size:.7rem;line-height:1.2em;margin-bottom:0;} #configurateur #model .panamavan-model-content * {font-size:.7rem;line-height:1.2em;text-align:left;} #configurateur #model .panamavan-model-content h4 {color:var(--e-global-color-primary);text-align:left;letter-spacing:.05em;} #configurateur #model .panamavan-model-content tr td {border:0;background:transparent;padding:0 0 .4em 0;text-align:left;} #configurateur #model .panamavan-model-content tr td:nth-child(2) {padding:0 .5em;text-align:center;position: relative;} #configurateur #model .panamavan-model-content tr td:nth-child(2) sup {position: absolute;} #configurateur #model .btn-version-show {font-size:.7rem;text-align:center;text-transform:uppercase;font-weight:600;color:var(--e-global-color-d65c370);margin-bottom:1rem;} #configurateur #model .btn-version-show .arrow-bottom, #configurateur #model .btn-version-show .arrow-top {display:inline-flex;justify-content:center;align-items:center;cursor:pointer;} #configurateur #model .btn-version-show .arrow-bottom::after, #configurateur #model .btn-version-show .arrow-top::after {font-size:1.6em;line-height:1em;border:1px solid var(--e-global-color-d65c370);border-radius:100%;width:1.25em;height:1.25em;display:inline-flex;justify-content:center;align-items:center;margin-left:.5rem;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;} #configurateur #model .btn-version-show .arrow-bottom:hover::after, #configurateur #model .btn-version-show .arrow-top:hover::after {background:var(--e-global-color-d65c370);color:var(--e-global-color-accent);} #configurateur #model .btn-version-show .arrow-bottom::after {content:'▾';} #configurateur #model .btn-version-show .arrow-top::after {content:'▴';} #configurateur #model .panamavan-model-content-eqp .label-eqp {font-family:"Monument Extended",Sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;margin-bottom:1rem;} #configurateur #model .panamavan-model-content-eqp .label-eqp strong {font-weight:400;} #configurateur #model .panamavan-model-bottom-right {text-align:center;} /* CONFIGURATEUR - CARROSSERIE */ #configurateur #bodywork .panamavan-bodywork {display:flex;justify-content:space-between;text-align:center;} #configurateur #bodywork .panamavan-bodywork .panamavan-bodywork-images img {width:4rem;} #configurateur #bodywork .panamavan-bodywork .panamavan-bodywork-title {font-family:"Monument Extended",Sans-serif;font-size:.7rem;line-height:1.2em;text-transform:uppercase;letter-spacing:.05em;margin:.25rem auto;} #configurateur #bodywork .panamavan-bodywork .label-price {display:block;} #bodywork .texte-sup:not(:empty){ margin-top: 5px; margin-bottom: -16px; font-size: 11px; font-weight: 700; } /* CONFIGURATEUR - OPTIONS */ #configurateur #option .panamavan-option {display:flex;justify-content:space-between;text-align:center;} #configurateur #option .panamavan-option .panamavan-option-images {width:4rem;margin:auto;} #configurateur #option .panamavan-option .panamavan-option-title {font-family:"Monument Extended",Sans-serif;font-size:.7rem;line-height:1.2em;text-transform:uppercase;word-break:break-word;letter-spacing:.05em;margin:.25rem auto;} #configurateur #option .panamavan-option .label-price {display:block;} #configurateur #option .panamavan-option-description {margin:.5rem auto;} /* CONFIGURATEUR - PACKS */ #configurateur #pack .panamavan-pack {display:flex;justify-content:space-between;} #configurateur #pack .panamavan-pack .panamavan-pack-title {font-family:"Monument Extended",Sans-serif;line-height:1.2em;text-transform:uppercase;word-break:break-word;letter-spacing:.05em;margin-bottom:.5rem;} #configurateur #pack .panamavan-pack .label-price {display:block;} /* CONFIGURATEUR - SUMMARY */ #configurateur #panamanvan-summary {background-color:var(--e-global-color-primary);border:1px solid var(--e-global-color-primary);color:var(--e-global-color-accent);padding:5%;} #configurateur #panamanvan-summary .panamanvan-summary-infos {justify-content:center;} #configurateur #panamanvan-summary #canvas-preview {position:relative;} #configurateur #panamanvan-summary #canvas-preview .layers.options-van {position:absolute;top:0;} #configurateur #panamanvan-summary small {font-size:.75rem;line-height:1em;text-transform:none;} #configurateur #panamanvan-summary .panamanvan-summary-title-main {font-family:"Monument Extended",Sans-serif;font-size:1.4rem;line-height:1.2em;text-transform:uppercase;letter-spacing:.05em;text-align:center;} #configurateur #panamanvan-summary .label-row {width:60%;font-size:.75rem;line-height:1.2em;text-transform:none;font-weight:500;letter-spacing:normal;} #configurateur #panamanvan-summary .price-row {width:40%;font-size:.75rem;text-align:right;font-weight:700;padding-left:5%;line-height:1.2em;} #configurateur #panamanvan-summary img.img_title {width:75px;} #configurateur #panamanvan-summary .panamanvan-summary-infos {flex-wrap:wrap;text-transform:uppercase;} #configurateur #panamanvan-summary .panamanvan-summary-infos .alert {background:transparent;border:0;padding:0;margin:0;color:var(--e-global-color-primary);font-family:"Monument Extended",Sans-serif;font-size:.9rem;} #configurateur #panamanvan-summary .panamanvan-summary-title {font-family:"Monument Extended",Sans-serif;font-size:.7rem;line-height:1.2em;text-transform:uppercase;letter-spacing:.05em;color:var(--e-global-color-b193bba);} #configurateur #panamanvan-summary .panamanvan-summary-title small {display:block;color:var(--e-global-color-accent);font-size:.675rem;} #configurateur #panamanvan-summary .panamanvan-summary-content > div {padding:.5rem 0;border-bottom:1px solid var(--e-global-color-4ec866d);} #configurateur #panamanvan-summary .panamanvan-summary-option .panamanvan-summary-infos {flex-wrap:wrap;} #configurateur #panamanvan-summary .panamanvan-summary-option .panamanvan-summary-infos > div {width:100%;display:flex;} #configurateur #panamanvan-summary .panamanvan-summary-pack .panamanvan-summary-infos {flex-wrap:wrap;} #configurateur #panamanvan-summary .panamanvan-summary-pack .panamanvan-summary-infos > div {width:100%;display:flex;} #configurateur #panamanvan-summary .panamanvan-summary-price {font-family:"Monument Extended",Sans-serif;font-size:1.2rem;line-height:1.6em;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding-top:1rem;flex-direction:column;justify-content:center!important;flex-wrap:wrap;} #configurateur #panamanvan-summary .panamanvan-summary-informations {font-size:.65rem;line-height:1.1em;text-align:center;} #configurateur #panamanvan-summary .panamanvan-summary-notification-main {font-size:.8rem;line-height:1.2em;} #configurateur #panamanvan-summary .btn {width:100%;margin-top:.5rem;color:var(--e-global-color-accent);max-width:350px;} #configurateur #panamanvan-summary .btn#sendemailtrigger {color:var(--e-global-color-accent);border:1px solid var(--e-global-color-accent);background:transparent;} #configurateur #panamanvan-summary .btn:hover {background:var(--e-global-color-2a2ab32)!important;border:1px solid var(--e-global-color-2a2ab32)!important;} /* CONFIGURATEUR - FINANCEMENT */ #configurateur .apartirde .apartirde-div {margin-top:1em;color:var(--e-global-color-primary);} #configurateur .apartirde .apartirde-div .box-auto-i-div {display:inline-flex;justify-content:center;align-items:center;} #configurateur .apartirde .apartirde-div .box-auto-i-div .box-auto-i-span {font-size:1rem;font-weight:600;text-transform:lowercase;line-height:1em;color:var(--e-global-color-d65c370);} #configurateur .apartirde .apartirde-div .box-auto-i-div:hover {background:var(--e-global-color-d65c370);} #configurateur .apartirde .apartirde-div .box-auto-i-div:hover .box-auto-i-span {color:var(--e-global-color-accent);} #configurateur #panamanvan-summary .simulation-cetelem-container {line-height:.85em;text-align:center;margin-bottom:.5em;} #configurateur #panamanvan-summary .financement_box {margin:1em auto;text-align:center;width:100%;max-width:350px;} #configurateur #panamanvan-summary .financement_box .label-select-distributeur {font-weight:600;display:inline-block;margin-bottom:.5em;} #configurateur #panamanvan-summary .financement_box .select2-container {width:100%!important;font-size:.8rem;font-weight:600;} #configurateur #panamanvan-summary .financement_box .btn.disabled {display:none;} #configurateur #panamanvan-summary .apartirde .apartirde-div {color:var(--e-global-color-accent);margin-bottom:.75rem;} #configurateur #panamanvan-summary div[name="box-auto-simulation-button"] {display:none;} .select2-results__options {color:var(--e-global-color-primary);font-size:.75rem;font-weight:600;} .select2-search__field {border:1px solid var(--e-global-color-primary)!important;padding:.5em!important;} /* CONFIGURATEUR - FINANCEMENT MODALS */ #box-auto-mention-legal-modal ::-webkit-scrollbar, #box-auto-modal ::-webkit-scrollbar {-webkit-appearance:none!important;width:5px!important;} #box-auto-mention-legal-modal ::-webkit-scrollbar-thumb, #box-auto-modal ::-webkit-scrollbar-thumb {background:var(--e-global-color-d65c370)!important;} #box-auto-mention-legal-modal ::-webkit-scrollbar-track, #box-auto-modal ::-webkit-scrollbar-track {background:var(--e-global-color-secondary)!important;} #box-auto-mention-legal-modal *, #box-auto-modal * {scrollbar-color:var(--e-global-color-d65c370) var(--e-global-color-secondary)!important;} #box-auto-mention-legal-modal *, #box-auto-modal * {scrollbar-width:thin!important;} #box-auto-mention-legal-modal, #box-auto-modal {position:fixed!important;top:0!important;left:0!important;padding:5%;background:rgba(0,0,0,0.5);height:100vh;width:100%;max-width:none;z-index:9999;} #box-auto-mention-legal-content, #box-auto-modal-content {max-width:1400px;padding:20px;color:var(--e-global-color-primary);} #box-auto-mention-legal-close-div, #box-auto-modal-close-div {margin-right:20px!important;} #box-auto-mention-legal-close, #box-auto-modal-close {top:unset;margin-top:-10px;opacity:1;display:flex;align-items:center;justify-content:center;background:var(--e-global-color-d65c370);width:2rem;height:2rem;border:2px solid var(--e-global-color-accent);border-radius:100%;font-size:1.25rem;line-height:1em;color:var(--e-global-color-accent);} #box-auto-mention-legal-body {max-height:80vh;overflow-y:scroll;padding:0 1rem 0 0;} #box-auto-modal-body {max-height:80vh;} /* CONFIGURATEUR - MODAL */ body.configurateur .modal-dialog .modal-content {background:var(--e-global-color-primary);border:1px solid var(--e-global-color-accent);} body.configurateur .modal-dialog .modal-title {font-family:"Monument Extended",Sans-serif;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;} body.configurateur .modal-dialog label {font-size:.85rem!important;} body.configurateur .modal-dialog .gform_footer {text-align:right;} body.configurateur .modal-dialog .btn-close {opacity:1;border:0;} body.configurateur .modal-dialog .modal-footer {display:none;} .modal#rdvdistributeur .modal-body {max-height:70vh;overflow:auto;} /**********************************/ /*********** RESPONSIVE ************ ***********************************/ @media (min-width:580px) { #configurateur .elementor-widget-panamavan .btn {padding:1em 1.5em;} #configurateur #version .panamavan-model-features > div {flex-direction:column;width:16.6667%;text-align:center;padding:.5rem;} #configurateur #bodywork .elementor-widget-panamavan {width:calc(50% - 1rem);margin:0 1rem 1rem 0!important;} #configurateur #option .elementor-widget-panamavan {width:calc(50% - 1rem);margin:0 1rem 1rem 0!important;} } @media (min-width:640px) { #configurateur #type .elementor-widget-panamavan {width:calc(33.333% - 1rem);margin:0 1rem 1rem 0!important;} #configurateur #model .elementor-widget-panamavan {width:calc(50% - 1rem);margin:0 1rem 1rem 0!important;} #configurateur #bodywork .elementor-widget-panamavan {width:calc(33.333% - 1rem);} #configurateur #pack .elementor-widget-panamavan {width:calc(50% - 1rem);margin:0 1rem 1rem 0!important;} } @media (min-width:768px) { #configurateur #type .elementor-widget-panamavan {width:100%;} #configurateur #bodywork .elementor-widget-panamavan {width:calc(50% - 1rem);} #configurateur #option .panamavan-option-description {font-size:.85rem;line-height:1.2em;} #configurateur #pack .panamavan-pack-description {font-size:.85rem;line-height:1.2em;} } @media (min-width:980px) { #configurateur #type .elementor-widget-panamavan {width:calc(33.333% - 1rem);} } @media (min-width:1025px) { #configurateur .elementor-widget-panamavan .elementor-widget-container > div {padding:1.5rem;} #configurateur #bodywork .elementor-widget-panamavan {width:calc(33.333% - 1rem);} #configurateur #option .elementor-widget-panamavan {width:calc(33.333% - 1rem);} } @media (min-width:1280px) { #configurateur #option .elementor-widget-panamavan {width:calc(25% - 1rem);} #configurateur #model .elementor-widget-panamavan {width:calc(33.333% - 1rem);} #configurateur #pack .panamavan-pack {flex-direction:row;flex-wrap:nowrap;gap:1rem;} #configurateur #pack .panamavan-pack-right {text-align:right;width:250px;justify-content:flex-end;} }