#ae2-hellwall,
#ae2-hellwall * {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  box-sizing: border-box;
  text-align: unset;
}

#ae2-hellwall #configurator-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
}
#ae2-hellwall {
	width: 100%;
	position: relative;
}

#ae2-loading-screen {
	display: none;
	position: relative;
	background-color: #2b373a21;
	background-image: url(../img/loading.svg);
	background-position: center;
	background-size: 200px;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 10px;
	transform: scale(0.5);
}

#ae2-hellwall .step {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
#ae2-hellwall .step .title {
	width: 100%;
	text-align: center;
}
/* STEP 01 */

#step-01 p {
	width: 100%;
}
#step-01 div {
	width: 100%;

}

/* STEP 02 */

#upload-input {
	max-width: 600px;
	min-height: 600px;
	width: 100%;
	border: solid 2px black;
	border-style: dashed;
	display: flex;
	flex-wrap: wrap;
}
#ae2-hellwall input#file-upload {
	display: none;
}

#ae2-hellwall #upload-input label {
	width: 100%;  
	flex: 0 0 100%;
	padding: 20px;
}

/* STEP 03 */

/*Preview*/
#ae2-hellwall #preview {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	max-width: 800px;
	padding: 20px;
}
#ae2-hellwall .image-preview {
	width: 100%;
	padding: 50px;
}
#ae2-hellwall .viewport{
	position: relative;
	width: 100%;
	padding-top: 100%;
}
#ae2-hellwall .viewport .preview-support {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#ae2-hellwall .preview-support .preview-image {
	position: absolute;
}
#ae2-hellwall .preview-support .preview-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#ae2-hellwall .preview-support .logo-tag {
	position: absolute;
	display: none;
	width: 13.23%;
	background-image: url("../img/h-logo.svg");
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 5 / 4; /* ratio du logo à respecter */
	background-size: cover;
}

.hdec .preview-image:before {
    content: "";
    position: absolute;
    background-image: url(/modules/ae2hellwall/views/assets/front/img/h-alu-brosse.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 50%;
    left: 50%;
    height: 221.41%;
    width: 233.33%;
    transform: translate(-50%, -50%);
}
.htap .preview-image:before {
    content: "";
    position: absolute;
    background-image: url(/modules/ae2hellwall/views/assets/front/img/toile-alu-brosse.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 50%;
    left: 50%;
    height: 122.5%;
    width: 122.5%;
    transform: translate(-50%, -50%);
}
/* CA */
.ca .viewport { 
    z-index: 1;
}
.ca .preview-image:before {
    content: "";
    background: #383838;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 0;
    box-shadow: inset 6px 10px 15px -3px rgba(0,0,0,0.5);
}
.ca .preview-image:after {
    content: "";
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    box-shadow: inset 6px 10px 15px -3px rgba(255, 255, 255, 0.3)
}

.ca.ca-30x30 .preview-image:before {
    height: 110%;
    width: 110%;
}
.ca.ca-30x30 .preview-image:after {
    height: 116.67%;
    width: 116.67%;
}

.ca.ca-40x40 .preview-image:before {
    height: 107.5%;
    width: 107.5%;
}
.ca.ca-40x40 .preview-image:after {
    height: 112.15%;
    width: 112.15%;
}

.ca.ca-30x45 .preview-image:before {
    height: 106.67%;
    width: 110%;
}
.ca.ca-30x45 .preview-image:after {
    height: 111.11%;
    width: 116.67%;
}

.ca.ca-45x30 .preview-image:before {
    height: 110%;
    width: 106.67%;
}
.ca.ca-45x30 .preview-image:after {
    height: 116.67%;
    width: 111.11%;
}

.ca.ca-20x30 .preview-image:before {
    height: 110%;
    width: 115%;
}
.ca.ca-20x30 .preview-image:after {
    height: 116.67%;
    width: 125%;
}

.ca.ca-30x20 .preview-image:before {
    height: 115%;
    width: 110%
}
.ca.ca-30x20 .preview-image:after {
    height: 125%;
    width: 116.67%;
}

.ca.ca-40x60 .preview-image:before {
    height: 105%;
    width: 107.5%;
}
.ca.ca-40x60 .preview-image:after {
    height: 108.33%;
    width: 112.5%;
}

.ca.ca-60x40 .preview-image:before {
    height: 107.5%;
    width: 105%;
}
.ca.ca-60x40 .preview-image:after {
    height: 112.5%;
    width: 108.33%;
}



#toolsbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 5px;
}
#toolsbar .toolsbar-btn {
	cursor: pointer;
	padding: 5px;
}

#custom-steps-selection {
	display: flex;
	flex-wrap: nowrap;  
	overflow-x: hidden;
	gap: 2px;
	padding: 2px;
	box-sizing: border-box;
	scroll-snap-type: x mandatory;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
.custom-step-btn {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 20px;
	scroll-snap-align: start;

}
#ae2-hellwall .custom-step-btn.active {
	cursor: pointer;
}
#ae2-hellwall .custom-step-btn:not(.active) {
	cursor: not-allowed;
}
#ae2-hellwall .custom-step-btn.current {
	border-bottom: solid red 2px;
}
#custom-steps {

	width: 100%;
}
#ae2-hellwall .cs-number {
	width: 20%;
}
#ae2-hellwall .cs-name {
	width: 80%;
}

#products-selection {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
#products-selection .product-frame {
	width: 100%;
	max-width: 100%;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: solid 2px #cfcfcf;
	cursor: pointer;
}
#products-selection .product-frame.selected {
	border: solid 2px black;
}
#products-selection .product-frame:not(.available){
	background: gray;
	cursor: not-allowed;	
}
#products-selection .product-frame:hover{
	background: #CB3F3C;
}
#products-selection .product-frame .product-frame-img {
	width: 40%;
}
#products-selection .product-frame .product-frame-desc {
	width: 60%
	display: flex;
	flex-wrap: wrap;
}
#orientation-title {
	width: 100%;
}
#dimensions-selection #orientations {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
#dimensions-selection .orientation {
	display: flex;
	flex-direction: column;
  	position: relative;
	width: 33%;  
	max-width: 300px;
	justify-content: center;
  	align-items: center;
	border: solid 2px #cfcfcf;
	cursor: pointer;
}
#dimensions-selection .orientation-image {
	width: 100%;
	max-width: 200px;
}
#dimensions-selection .orientation.selected {
	border: solid 2px black;	
}
#dimensions-selection .orientation:not(.available){
	background: gray;
	cursor: not-allowed;	
}
#dimensions-selection .orientation:hover{
	/*background: #CB3F3C;*/
}
#dimensions-selection #dimensions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
#dimensions-selection .dimension {
	display: flex;
	flex-direction: column;
  	position: relative;
	width: 33%;  
	max-width: 300px;
	justify-content: center;
  	align-items: center;
	border: solid 2px #cfcfcf;
	cursor: pointer;
}
#dimensions-selection .dimension.selected {
	border: solid 2px black;	
}
#dimensions-selection .dimension:not(.available){
	background: gray;
	cursor: not-allowed;	
}
#dimensions-selection .dimension:hover{
	background: #CB3F3C;
}


#ae2-hellwall #logos {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 15px;
	padding: 0px;	
}

#ae2-hellwall #logos-list {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
    padding: 0px;
}

#ae2-hellwall .logo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 120px;	
}
#ae2-hellwall .logo {
	width: 100%;
	max-width: 120px;
	padding: 10px;
	border: solid 2px grey;
}
#ae2-hellwall .logo.selected {
	border: solid 2px #CB3F3C;
	cursor: not-allowed;
}
#ae2-hellwall .logo:not(.selected) {
	cursor: pointer;
}
#ae2-hellwall .logo:not(.selected):hover {
	background: #e5e5e5;
}
#ae2-hellwall .logo .logo-img {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
}
#ae2-hellwall .logo .logo-label {
	width: 100%;
	text-align: center;
}
#logo-0 {
  background-image: url("../img/logo-position-00.svg");
}
#logo-1 {
  background-image: url("../img/logo-position-01.svg");
}
#logo-2 {
  background-image: url("../img/logo-position-02.svg");
}
#logo-3 {
  background-image: url("../img/logo-position-03.svg");
}
#logo-4 {
  background-image: url("../img/logo-position-04.svg");
}
#logo-5 {
  background-image: url("../img/logo-position-05.svg");
}
#logo-6 {
  background-image: url("../img/logo-position-06.svg");
}
#logo-7 {
  background-image: url("../img/logo-position-07.svg");
}
#logo-8 {
  background-image: url("../img/logo-position-08.svg");
}
#logo-9 {
  background-image: url("../img/logo-position-09.svg");
}

/* STEP 04 */

#ae2-hellwall #pic-editor {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	max-width: 800px;
	padding: 20px;
}

#ae2-hellwall #pic-editor #viewport {
	position: relative;
	width: 100%;
	padding-top: 100%;
}
#ae2-hellwall #pic-editor #preview-support {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#ae2-hellwall #pic-editor #preview-frame {
	position: absolute;
	outline: solid 10px black;
}
#ae2-hellwall #pic-editor #preview-image {
	cursor: move;
	opacity: 0.5;
	touch-action: none;
	user-select: none;
}
#ae2-hellwall #pic-editor #preview-image img {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	pointer-events: none;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#ae2-hellwall #pic-editor #image-hitbox {
	position: absolute;
	outline: solid 5px #80808085;
}

#ae2-hellwall #edit-toolsbar {
	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	flex-wrap: wrap;
  	width: 100%;
  	padding: 10px;
}
#ae2-hellwall .toolsbar-btn {
	cursor: pointer;
}
#ae2-hellwall .toolsbar-btn:hover {
	background: #CB3F3C;
}

#custom-footer {
	width: 100%;
	background: black;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px;
}
#custom-footer #prev-btn, #custom-footer #next-btn {
	cursor: pointer;
	color: white;
	background: #CB3F3C;
}
#custom-footer #displayed-price {
	color: white;
}


/* partie G */
div#configurator-container div#step-02 .title {
    color: #000;
    text-align: center;
    font-family: Arimo;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:40px;
    margin-top:60px;
}

.cms-id-19 section#content,
.cms-id-19 div#content-wrapper,
.cms-id-19 .elementor-column-wrap {
    padding:0 !important;
}

div#upload-input .disclaimer > div {
    color: var(--Noir, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform:initial;
    margin-top:16px;
    margin-bottom:6px;
}

div#upload-input .disclaimer ul li {
    color: var(--Noir, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform:initial;
}

div#configurator-container div#step-02 .btn {
    background: var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.9rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    color: var(--blanc, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    max-width:14rem;
    text-transform:initial;
    margin:40px auto 0;
}

div#configurator-container div#step-02 div#upload-input > label {
    display:flex;
    flex-direction: column;
    justify-content: center;
}

#upload-input {
    border: solid 3px #D6D8DB;
    border-style: dashed;
}

.configurateur-hellfest  header#header,
.configurateur-hellfest  footer#footer,
.configurateur-hellfest  header.page-header {
    display:none;
}

#hellwall-modal .modal-dialog {
    position:fixed;
    top:15%;
    left:50%;
    transform:translate(-50%, 0);
    width:100%;
}

#hellwall-modal .modal-header {
    border:none;
}

#hellwall-modal div#content * {
    border:none;
}

#hellwall-modal div#content {
    padding:15px;
}

#hellwall-modal .modal-title {
    color: #000;
    text-align: center;
    font-family: Arimo;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#hellwall-modal .modal-content {
    color: var(--Noir, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform:initial;
}

#hellwall-modal .modal-bottom {
    text-align:center;
    margin-top:25px;
}

#hellwall-modal .modal-bottom a {
    background: var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.9rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    color: var(--blanc, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    max-width:14rem;
    text-transform:initial;
    margin:12px auto 10px;
}

#hellwall-modal .modal-bottom a:hover {
    color:white !important;
}

#hellwall-modal button {
    opacity:1;
}

#hellwall-modal button.close span {
    font-size:30px;
    margin-right:10px;
    color:black !important;
}

.cms-id-19,
.cms-id-19 #content-wrapper {
    background:url(/modules/ae2hellwall/views/assets/front/img/BG-configurator.png) !important;
}

html.light .light-logo {
    display:none;
}

html.dark .dark-logo {
    display:none;
}

a.logoconfigurator img {
    width:7rem;
}

.cms-id-19 .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
}

#ae2-loading-screen {
    background-color:transparent;
}

/*
#ae2-loading-screen {
    background-image: url(../img/loading.svg);
}
*/

div#step-01 {
    text-align:center;
    margin-top:70px;
}

div#step-01 .action {
    background: var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.9rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    color: var(--blanc, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    max-width:16rem;
    text-transform:initial;
    margin:12px auto 10px;
    cursor:pointer;
}

div#step-01 .title {
    color: #000;
    text-align: center;
    font-family: Arimo;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:40px;
}

div#step-01 p {
    color: var(--Noir, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform:initial;
    margin-top:16px;
    margin-bottom:6px;
}

div#configurator-container #step-03 {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    height:100%;
    align-items: stretch;
}

.logoconfigurator-content {
    position:absolute;
    top:0.75rem;
    left:0;
    z-index:2;
    padding-left: 6%;
}

.partright-hellwall {
    border: 1px solid var(--black-05, #808080);
    background: white;
    width:39.33%;
    position:relative;
}



.partleft-hellwall {
    width:60.33%;
    display:flex;
    justify-content: center;
    align-items: center;
}

.cms-id-19 section#content {
    margin-bottom:0 !important;
}

.cms-id-19 section#main {
    display:block;
    margin-bottom:-25px;
}

#products-selection {
    border-top: 1px solid var(--black-05, #808080);
}

div#custom-footer div#displayed-price {
    color: var(--blanc, #FFF);
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
}

div#custom-footer div#next-btn {
    color: var(--blanc, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
    background: var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
}

div#custom-footer div#next-btn:after {
    content:url(/modules/ae2hellwall/views/assets/front/img/arrow-right.svg);
    vertical-align:middle;
    margin-bottom:-5px;
}

#custom-footer {
    width: 100%;
    background: black;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.75rem 1.25rem;
    position:absolute;
    bottom:0;
    left:0;
}

div#change-pic-btn {
    color: var(--Noir, #000);
    text-align: center;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03rem;
}

div#change-pic-btn:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/square-pen.svg);
    vertical-align:middle;
    margin-right:5px;
}

#toolsbar div#edit-pic-btn {
    color: var(--Rouge, #CB3F3C);
    text-align: center;
    font-family: Arimo;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0225rem;
    border: 1px solid var(--Rouge, #CB3F3C);
    background: var(--blanc, #FFF);
	padding: 0.3rem 0.75rem;
	height:1.60rem;
}

div#edit-pic-btn:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/pen-line2.svg);
    vertical-align:middle;
    margin-right:5px;
    z-index:1;
    position:relative;
}

#ae2-hellwall #preview {
    max-width: 1250px;
    padding: 0px 20px;
}

#ae2-hellwall .image-preview {
    max-width: 800px;
    margin:auto;
}

div#toolsbar {
    padding-left:8%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

div#custom-steps #products-selection {
    padding:1.5rem 1.25rem;
}

div#custom-steps-selection {
    background-image:url(/modules/ae2hellwall/views/assets/front/img/nav-background.png);
    padding:0.5rem 1.25rem;
}

#ae2-hellwall .cs-name {
    color: var(--black-06, #737373);
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width:100%;
    margin-left:10px;
}


#ae2-hellwall .current .cs-name {
    color: #000;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width:100%;
    margin-left:10px;
}

#ae2-hellwall .custom-step-btn.current {
    border-bottom: 2.5px solid var(--red-07, #CB3F3C);
    padding-bottom:4px;
}

#ae2-hellwall .custom-step-btn {
    position:relative;
    margin-right:41px;
}

#ae2-hellwall .custom-step-btn:after {
    content:"";
    display:block;
    height:1px;
    width:1rem;
    background:#1A1A1A;
    margin:0 0.5rem;
    position:absolute;
    right:-38px;
    top:50%;
    z-index:2;
}

#ae2-hellwall .cs-number {
    color: var(--black-06, #737373);
    text-align: center;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
    display: flex;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0.125rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 62.4375rem;
    border: 1px solid var(--black-06, #737373);
}

#ae2-hellwall .current .cs-number {
    color: var(--blanc, #FFF);
    text-align: center;
    font-family: Arimo;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    border-radius: 62.4375rem;
    background: var(--Rouge, #CB3F3C);
    display: flex;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0.125rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border:none;
}

.custom-step-btn {
    display: flex;
    height: auto;
    width:auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

div#custom-steps-selection .custom-step-btn:nth-child(4) .cs-number {
    display:none;
}

div#custom-steps-selection .custom-step-btn:nth-child(4):after {
    display:none;
}
div#custom-steps-selection .custom-step-btn:nth-child(4) {
    margin-right: 0px;
}

#products-selection {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
}

#products-selection .title-step {
    color: #000;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:22px;
}

#products-selection .product-frame {
    border: 1px solid #AEB2B7;
    background: var(--blanc, #FFF);
}

#products-selection .product-frame {
    display: flex;
    align-items: flex-end;
    align-content: center;
    justify-content: flex-start;
    margin-bottom:1.5rem;
}

#products-selection .product-frame.selected {
    border: solid 1px black;
}


#products-selection .product-frame .product-frame-img {
    width:5.7rem;
}

#ae2-hellwall .product-frame-desc .product-frame-name {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
    margin-bottom:8px;
}

#ae2-hellwall .product-frame-desc .product-frame-price {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
}

#products-selection .product-frame:hover {
    background:#808080;
}

#products-selection .product-frame.available:hover {
    background:white;
    border: solid 1px black;
}

#products-selection .product-frame .product-frame-desc {
    padding-left:20px;
}

div#custom-steps {
    height: 100%;
    overflow-y: scroll;
    padding-bottom:70px;
}

div#custom-steps::-webkit-scrollbar {
    display: none;
}

#ae2-hellwall #configurator-container {
	height:100vh;
	overflow:hidden;
}

#ae2-hellwall #pic-editor #preview-frame {
    outline: solid 2px black;
}

#ae2-hellwall #pic-editor #preview-image {
    opacity: 1;
}

#ae2-hellwall #pic-editor #image-hitbox {
    outline: 0;
}

div#prev-btn {
    font-size:0;
    width:2.25rem;
    height:2.25rem;
    background-image:url(/modules/ae2hellwall/views/assets/front/img/arrow-right.svg) !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:30px !important;
    transform:rotate(180deg);
}

#step-04 div#custom-footer div#next-btn:after {
    display:none;
}

div#preview-image-overflow {
    position:absolute;
    top:50%;
    transform:translate(0, -50%);
    opacity:0.2;
}

#ae2-hellwall div#change-pic-btn:hover {
    background: transparent;
}

div#orientation-title,
div#dimension-title {
    color: #000;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:10px;
}

#dimensions-selection #orientations {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#dimensions-selection #dimensions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom:25px;
}

.liste-options-orientation,
.liste-options-dimensions {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#dimensions-selection .orientation,
.liste-options-dimensions .dimension {
    margin-right:4.99% !important;
    margin-bottom:20px !important;
}

#dimensions-selection .orientation-image {
    padding-top:1rem;
}

#dimensions-selection .orientation {
    width: 30%;
    border: 2px solid var(--black-04, #C9CBCF);
    background: var(--blanc, #FFF);
}

#dimensions-selection .dimension {
    width: auto;
}

#ae2-hellwall #dimensions-selection .dimension {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid var(--black-04, #C9CBCF);
    background: var(--blanc, #FFF);
    padding: 0.375rem 0.75rem;
}

#ae2-hellwall #dimensions-selection .dimension.selected {
    border: 1px solid var(--Noir, #000);
}

div#orientations,
div#dimensions {
    padding:1rem 1.5rem;
}

#ae2-hellwall .orientation-name {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
    padding-top:10px;
    padding-bottom:5px;
}

span.dimensions-name {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
}

span.dimensions-price {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0225rem;
}

#dimensions-selection .orientation:hover {
        border: solid 2px black;
}

div#options-selection > div {
    color: #000;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:20px;
}

div#options-selection > div span {
    color: var(--red-09, #7C2725);
    font-family: Arimo;
    font-size: 0.8675rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.01688rem;
    text-transform:initial;
    margin-left:6px;
}

div#options-selection {
    padding:1rem 1.5rem;
}

#ae2-hellwall .logo .logo-label {
    text-align:left;
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform:initial;
    padding-top:12px;
}

#ae2-hellwall .logo .logo-img {
    background-size:contain;
}

#ae2-hellwall .logo {
    border: 1px solid var(--black-04, #C9CBCF);
    background: var(--blanc, #FFF);
}

#ae2-hellwall .logo.selected {
    border: solid 1px black;
}

#ae2-hellwall .logo:not(.selected):hover {
    background: white;
    border: solid 1px black;
}

#ae2-hellwall .logo {
    position:relative;
}

#ae2-hellwall .logo.selected:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/Frame.svg);
    position:absolute;
    top:-8px;
    left:-8px;
    transform:scale(1.2);
}

#dimensions-selection .orientation {
    position:relative;
}

#dimensions-selection .orientation.selected:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/Frame.svg);
    position:absolute;
    top:-8px;
    left:-8px;
    transform:scale(1.2);
}

#ae2-hellwall #dimensions-selection .dimension {
    position:relative;
}

#ae2-hellwall #dimensions-selection .dimension.selected:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/Frame.svg);
    position:absolute;
    top:-7px;
    left:-7px;
    transform:scale(1.2);
}

#products-selection .product-frame {
    position:relative;
}

#products-selection .product-frame.selected:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/Frame.svg);
    position:absolute;
    top:-8px;
    left:-8px;
    transform:scale(1.2);
}

div#resume {
    padding:1rem 1.5rem;
}

#ae2-hellwall .title-quantite-resume {
    color: #000;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-transform:initial;
}

#ae2-hellwall .title-resume {
    color: #000;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-transform:initial;
    margin-top:25px;
}

#ae2-hellwall .option-resume {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
    display:flex;
    justify-content: space-between;
	align-items: flex-end;
}

#ae2-hellwall .option-resume span.prixoption {
    font-size: 0.9rem;
}

div#resume-desc {
    border-top:1px solid #787E87;
    margin-top:20px;
}

div#rgpd-checkbox {
    border-top: 1px solid var(--Noir, #000);
    background: var(--black-01, #F1F2F3);
    padding: 0.5rem 1.25rem;
    position:absolute;
    bottom:60px;
    left:0;
    width:100%;
}

#ae2-hellwall label {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform:initial;
}

#ae2-hellwall #custom-steps-selection .custom-step-btn:nth-child(4) .cs-name {
    margin-left: 0px;
}

.quantite-resume {
    display:flex;
    border: 1px solid var(--Noir, #000);
}

input#input-quantity {
    border:none;
}

#ae2-hellwall #pic-editor #preview-frame:before {
    content:"";
    position:absolute;
    bottom:100%;
    left:0;
    background:#FAFAFA;
    width:100%;
    height:50vh;
    z-index:1;
    opacity:0.8;
	border-bottom:2px solid black;
}

#ae2-hellwall #pic-editor #preview-frame:after {
    content:"";
    position:absolute;
    top:100%;
    left:0;
    background:#FAFAFA;
    width:100%;
    height:50vh;
    z-index:1;
    opacity:0.8;
	border-top:2px solid black;
}

#ae2-hellwall #pic-editor div#viewport.horizontal-scroll #preview-frame:before {
    content:"";
    position:absolute;
    bottom:initial;
    left:100%;
    background:#FAFAFA;
    width:50vw;
    height:100%;
    z-index:1;
    opacity:0.8;
    border-left:2px solid black;
	border-top:none;
	border-bottom:none;
}

#ae2-hellwall #pic-editor div#viewport.horizontal-scroll #preview-frame:after {
    border-right:2px solid black;
    content:"";
    position:absolute;
    top:initial;
    left:initial;
    right:100%;
    background:#FAFAFA;
    width:50vw;
    height:100%;
    z-index:1;
    opacity:0.8;
	border-top:none;
	border-bottom:none;
}

#custom-footer {
    z-index:1;
}

div#step-04 {
    background-color:#FAFAFA;
}

div#step-04 {
    background-color:#FAFAFA;
}

div#symetry-pic-btn,
div#reset-pic-btn {
    color: var(--Noir, #000);
    text-align: center;
    font-family: Arimo;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02063rem;
    display:flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

div#symetry-pic-btn:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/logoreinit.svg);
	margin-right:10px;
}

div#reset-pic-btn:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/logoflip.svg);
	margin-right:10px;
}

#ae2-hellwall #edit-toolsbar > div {
    margin-top:-30px;
}

#ae2-hellwall .toolsbar-btn:hover {
    background:transparent;
}

#ae2-hellwall div#add-to-cart {
    color: var(--Gris-clair, #AFAFAF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
    background: var(--Gris-fonce, #585858);
    display: flex;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
}

#ae2-hellwall div#add-to-cart:after {
    content:url(/modules/ae2hellwall/views/assets/front/img/shopping-cart.svg);
}

#ae2-hellwall .addtocart-container {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
}

.quantite-resume {
    display: flex;
    border: 1px solid var(--Noir, #000);
    width:7rem;
    position:relative;
    display: flex;
    padding:8px 5px !important;
}

.quantite-resume-container {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

div#qty-plus {
    position:absolute;
    right:5px;
    top:50%;
    transform:translate(0, -50%);
	background-image:url(/modules/ae2hellwall/views/assets/front/img/Group209.svg);
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    width:20px;
    height:15px;
    cursor:pointer;
}

div#qty-minus {
    position:absolute;
    left:5px;
    top:50%;
    transform:translate(0, -50%);
    background-image:url(/modules/ae2hellwall/views/assets/front/img/Group317.svg);
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    width:20px;
    height:15px;
    cursor:pointer;
}

input#input-quantity {
    text-align:center;
    width:100%;
}

input#input-quantity:focus-visible {
    border:none !important;
    outline:none;
}

div#custom-steps-selection-containersteps {
    display:flex;
}

#dimensions-selection .dimension span.dimensions-value {
    margin-left:8px;
    white-space: nowrap;
}

#dimensions-selection .dimension span.dimensions-name {
    margin-right:8px;
    white-space: nowrap;
}

.configurateur-hellfest  footer#footer {
    display:none !important;
}

@media (min-width:768px){
div#change-pic-btn:before {
    margin-right: 5px;
    transform: scale(0.84) !important;
    display:inline-block;
}	
	
#toolsbar div#edit-pic-btn {
    font-size: 1rem;
    height: 1.80rem;
}

div#edit-pic-btn:before {
    content: url(/modules/ae2hellwall/views/assets/front/img/pen-line2.svg);
    transform:scale(1.65);
    display:inline-block;
    margin-right: 10px;
}	
	
#custom-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left:initial;
    width: 39.33%;
    border-left: 1px solid var(--black-05, #808080);
    border-right: 1px solid var(--black-05, #808080);
}	
	
#ae2-hellwall div#image-preview-main {
    max-width: 85vh;
}

#ae2-hellwall #preview {
    height:100%;
}

div#toolsbar {
    padding-right:20px;
    position:absolute;
    bottom:42px;
    left:0;
}

#upload-input {
    max-width: 600px;
    min-height: 80vh;
    margin-top:6%;
    border: solid 2px #D6D8DB;
    border-style: dashed;
    background-color: white;
}

div#configurator-container div#step-02 .title {
    margin-bottom: 0px;
    position: absolute;
    top: 40px;
    margin-top:0;
}
	
div#step-06 .validationaction {
    max-width: 600px;
    width: 600px;
    margin-top: 10px;
	margin-right:auto;
}
}

#products-selection .product-frame:not(.available),
#dimensions-selection .orientation:not(.available),
#ae2-hellwall #dimensions-selection .dimension.unavailable {
    border: 1px solid #AEB2B7;
    background: #D9D9D9;
    cursor: pointer;
}

#products-selection .product-frame:not(.available):after,
#dimensions-selection .orientation:not(.available):after,
#ae2-hellwall #dimensions-selection .dimension.unavailable:after {
    position:absolute;
    content: url(/modules/ae2hellwall/views/assets/front/img/Subtract.svg);
    right: -7px;
    top: -9px;
    transform: scale(1);
}

.unavailable .viewport {
    opacity:0.3;
}

#ae2-hellwall .unavailable .product-frame-name,
#ae2-hellwall .unavailable .orientation-name,
#dimensions-selection .unavailable span.dimensions-name {
    color: #B3B3B3;
}

div#custom-steps-selection {
    overflow:scroll;
    padding: 0.5rem 0rem;
}

div#custom-steps-selection::-webkit-scrollbar {
    display: none;
}

.maincontent-custom-step-btn {
    margin-right: 41px;
    position: relative;
    display:inline-block;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#ae2-hellwall .custom-step-btn.current {
    border-bottom: none;
    padding-bottom: 0;
}

#ae2-hellwall .custom-step-btn.current .maincontent-custom-step-btn {
    border-bottom: 2.5px solid var(--red-07, #CB3F3C);
    padding-bottom: 5px;
    padding-top:4px;
    margin-bottom:-3px;
}

#ae2-hellwall div#custom-steps-selection-containersteps .custom-step-btn:nth-child(1) {
    padding-left:1.25rem;
}

#ae2-hellwall div#custom-steps-selection-containersteps .custom-step-btn:nth-child(4) {
    padding-right:1.25rem;
}

div#custom-steps #dimensions-selection a.bad-image-modal.btn {
    width: 30%;
    margin-right: 2.99% !important;
}

div#custom-steps #dimensions-selection a.bad-image-modal.btn .orientation {
    width: 100%;
    margin-right: 0 !important;
}

div#custom-steps #products-selection a.bad-image-modal.btn {
    width:100%;
}

div#custom-steps #dimensions-selection .liste-options-dimensions a.bad-image-modal.btn {
    width: auto;
}



a.bad-image-modal.btn:hover {
    color:#232323 !important;
}

div#bad-image-modal .modal-dialog {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

div#bad-image-modal .modal-dialog .modal-content {
    border-top: 1px solid var(--black-10, #333) !important;
    background: var(--black-01, #F1F2F3);
    padding:1.5rem 1.25rem;
    border-radius:0;
}

div#bad-image-modal .modal-dialog .modal-header {
    color: #000;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border:none;
    margin-bottom:0.75rem;
}

div#bad-image-modal .modal-dialog div#content p {
    color: var(--Gris-fonce, #585858);
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03rem;
}

div#bad-image-modal .contain-buttonmodal {
    display:flex;
    flex-direction: column;
    align-items: center;
}

div#bad-image-modal button.close {
    margin-top:1.5rem;
    background: var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    color: var(--blanc, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
    opacity:1;
    text-shadow:none;
}

div#bad-image-modal div#new-pic-btn {
    margin-top:1.5rem;
    border: 1px solid var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    color: var(--Rouge, #CB3F3C);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
}

#ae2-hellwall .preview-support .logo-tag.white {
  background-image: url("../img/h-logo-white.svg");
}
#ae2-hellwall .preview-support .logo-tag.edition2026 {
  background-image: url("../img/h-logo-2026.svg");
    aspect-ratio: 5 / 4.5; /* ratio du logo à respecter */
}

#validation-preview {
    width: 100%;
    padding: 50px;
}

div#logo-color-list {
    display:flex;
}

div#logo-color-list .logo {
    margin-right:16px;
}

div#logo-color > div:nth-child(1) {
    margin-bottom:16px;
}

div#step-06 {
    height:100% !important;
    padding:1.25rem;
    background: url(/modules/ae2hellwall/views/assets/front/img/BG-configurator.png) !important;
}

div#step-06 .validationaction {
    background: var(--Rouge, #CB3F3C);
    color: var(--blanc, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03rem;
    display: flex;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    margin-left: auto;
	cursor:pointer;
}

div#step-06 #validation-preview {
    max-width:62vh;
    width: 100%;
    padding: 0;
}

div#step-06 div#validation-preview {
    padding-top:50px;
	padding-bottom:50px;
}


div#step-06 .title {
    color: #000;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align:center !important;
    max-width:600px;
}

div#step-06 p {
    color: var(--Gris-fonce, #585858);
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03rem;
    margin-top:10px;
    margin-bottom:10px;
    max-width:600px;
}

div#step-06 .action.returnaction {
    width: 2.25rem;
    height: 2.25rem;
    background-image: url(/modules/ae2hellwall/views/assets/front/img/arrow-right.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30px !important;
    transform: rotate(180deg);
    cursor: pointer;
    color: white;
    background: #CB3F3C;
    font-size:0 !important;
    position:absolute;
    left:20px;
    top:20px;
    z-index:3;
}

span.nameoption.livraison .title-resume {
    margin-top:0 !important;
}

span.nameoption.livraison {
    margin-top:25px !important;
}

#ae2-hellwall div#add-to-cart {
    color: white;
    background: #CB3F3C;
    font-size: 1rem;
	cursor:pointer;
}

#ae2-hellwall div#add-to-cart:after {
    filter:brightness(0) invert(1);
}

#ae2-hellwall div#image-preview-main.hdec-49x39 {
    max-width: 48vh;
}

#products-selection .product-frame .product-frame-img.hdec-49x39 .viewport{
    transform:scale(0.4);
}

.orientation-image.hdec-49x39 .viewport{
    transform:scale(0.35);
}

.orientation-image.ca-20x30 .viewport{
    transform:scale(0.8);
}

div#step-06 #validation-preview .product-frame-img.hdec-49x39 {
    transform:scale(0.55);
}

#ae2-hellwall div#image-preview-main.htap-49x49 {
    max-width: 68vh;
}

#products-selection .product-frame .product-frame-img.htap-49x49 .viewport{
    transform:scale(0.79);
}

.orientation-image.htap-49x49 .viewport{
    transform:scale(0.70);
}

div#step-06 #validation-preview .product-frame-img.htap-49x49 {
    transform:scale(0.8);
}

div#options-selection > div#logo-color {
    margin-bottom:40px;
}

.orientation-image.ca .viewport{
    transform:scale(0.8);
}
.orientation-image.plexi .viewport {
    transform: scale(0.8);
}

.orientation-image.ca-30x30 .viewport{
    transform:scale(0.8);
}
.orientation-image.ca-30x20 .viewport{
    transform:scale(0.8);
}

.orientation-image.plexi-20x30 .viewport{
    transform:scale(0.8);
}
.orientation-image.plexi-30x30 .viewport{
    transform:scale(0.8);
}
.orientation-image.plexi-30x20 .viewport{
    transform:scale(0.8);
}

.option-resume.livraisonc span.prixoption {
   margin-bottom:5px !important;
}

#ae2-hellwall .addtocart-container {
    color: var(--Noir, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform: initial;
    margin-top: 16px;
    margin-bottom: 6px;
    max-width:600px;
}

#ae2-hellwall .addtocart-container a {
    background: var(--Rouge, #CB3F3C);
    display: flex;
    height: 2.9rem;
    padding: 0.375rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    color: var(--blanc, #FFF) !important;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02625rem;
    max-width: 20rem;
    text-transform: initial;
    margin: 12px auto 10px;
    cursor: pointer;
    margin-top:25px;
}

#ae2-hellwall .addtocart-container a {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/themes/hellfest_theme/assets/img/bouton1.png);
    background-size: 100% 100%;
    height: 55px;
    background-repeat: no-repeat;
    max-width: 100%;
    padding: 0 20px;
}


#loading-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    background-color: #2b373a7a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;    
}
#loading-bar #loading-ctn {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    padding: 20px;
    background: white;
    border-radius: 20px;
}
#loading-bar .progress {
    width: 100%;
    height: 20px;
    background: #eee;
    border-radius: 4px;
    overflow: hidden;
    border: dashed 2px #cb3f3c;
}
#loading-bar .progress-title {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
#loading-bar .progress-disclaimer {
    position: relative;
    text-align: left;
    padding: 10px;
    margin-left: 30px;
}
#loading-bar .progress-disclaimer:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #AFAFAF;
    left: -30px;
    top: calc(50% - 15px);
}
#loading-bar .progress-disclaimer:after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    left: -28px;
    top: calc(50% - 13px);
    background: conic-gradient(
        from 0deg,
        transparent 0%,
        transparent 50%,
        #CB3F3C 60%,
        #CB3F3C 100%
    );
    mask: radial-gradient(farthest-side, transparent 48%, black 50%);
    -webkit-mask: radial-gradient(farthest-side, transparent 48%, black 50%);
    animation: spin 0.8s linear infinite;

}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#loading-bar .progress-disclaimer.upload {
}
#loading-bar .progress-disclaimer.upload:not(.active):before {
    background: #CB3F3C;
}
#loading-bar .progress-disclaimer.upload:not(.active):after {
    width: 10px;
    height: 16px;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    transform: rotate(45deg);
    background: none;
    animation: none;
    mask: none;
    border-radius: unset;
    left: -20px;
    top: calc(50% - 10px);
}
#loading-bar .progress-disclaimer.analyze:not(.active):before {
    background: #AFAFAF;

}
#loading-bar .progress-disclaimer.analyze:not(.active):after {
    background: none;
    animation: none;
    mask: none;
    border-radius: unset; 
}

#ae2-hellwall #edit-toolsbar {
    position:fixed;
    bottom:70px;
	z-index:3;
}

div#step-01 .action {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/themes/hellfest_theme/assets/img/bouton1.png);
    background-size: 100% 100%;
    height:55px;
    background-repeat: no-repeat;
}

div#configurator-container div#step-02 .btn {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/themes/hellfest_theme/assets/img/bouton1.png);
    background-size: 100% 100%;
    height:55px;
    background-repeat: no-repeat;
    max-width:100%;
    padding:0 20px;
}

@media (max-width:1500px) and (min-width:768px) {
#ae2-hellwall #pic-editor {
    max-width: 600px;
    margin-top:-40px;
}}
@media (max-width:1300px) and (min-width:768px) {
#ae2-hellwall #pic-editor {
    max-width: 500px;
    margin-top:-60px;
}}

#upload-input .disclaimer.top:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/uploadstep.svg);
    display:block;
    text-align:center;
}

#ae2-loading-screen {
    z-index:999 !important;
}

div#zoompicto {
    position:absolute;
    top:95px;
    right:15px;
    cursor:pointer;
	/*display:none !important;*/
}

.partleft-hellwall {
    position:relative;
}

img.noactivezoom {
    display:none;
}

#hellwall-modal .modal-bottom a {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/themes/hellfest_theme/assets/img/bouton1.png);
    background-size: 100% 100%;
    height: 55px;
    background-repeat: no-repeat;
    max-width: 270px;
    padding: 0 20px;
}

.liste-cadre-elements {
    width:100%;
}

#ae2-hellwall .title.firsttitleconfigstp1 {
    font-family: Antonio;
}

#ae2-hellwall p.introconfigst1 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom:30px;
	padding:0 15px;
}

#ae2-hellwall p.introconfigst1 span.coloredred {
    color: var(--Rouge, #CB3F3C);
}

#ae2-hellwall div#step-01 {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    overflow:hidden !important;
    height:100vh;
}

#ae2-hellwall div#step-01 .partright-introprt1 {
    overflow:hidden;
}

#ae2-hellwall div#step-01 .partleft-introprt1 {
    width:45%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}

#ae2-hellwall div#step-01 .partright-introprt1 {
    width:55%;
}


#ae2-hellwall div#step-01 video{
  width:100vw;
  height:100vh;
  object-fit:cover;
  pointer-events:none;
}

#ae2-hellwall div#step-01 video::-webkit-media-controls{
  display:none !important;
}

#ae2-hellwall .title.firsttitleconfigstp1 {
    position:relative;
}

#ae2-hellwall .title.firsttitleconfigstp1:before {
    content: "";
    background-image: url(/modules/ae2hellwall/views/assets/front/img/trait1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 14.6875rem;
    height: 0.625rem;
    display: inline-block;
    position: absolute;
    top: -0.4375rem;
    left: 50%;
    transform: translate(-50%, 0) rotate(0deg);
    transform-origin: bottom left;
    animation: animhf-right-to-left 0.5s forwards;
    animation-delay: 0.4s;
}

#ae2-hellwall .title.firsttitleconfigstp1:after {
    content: "";
    background-image: url(/modules/ae2hellwall/views/assets/front/img/trait2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 14.375rem;
    height: 1.25rem;
    display: inline-block;
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    transform: translate(-50%, 0) rotate(0deg);
    transform-origin: bottom right;
    animation: animhf-left-to-right 0.5s forwards;
    animation-delay: 0.2s;
}

div#step-06 .validationaction {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/modules/ae2hellwall/views/assets/front/img/bouton-bgrouge.png);
    background-size: 100% 100%;
    height: 40px;
    background-repeat: no-repeat;
    width:auto;
    padding:0 20px;
}

#ae2-hellwall div#add-to-cart,
div#custom-footer div#next-btn {
    background: url(/modules/ae2hellwall/views/assets/front/img/bouton-bgrouge.png);
    background-size: 100% 100%;
    height: 40px;
    background-repeat: no-repeat;
    width:auto;
    padding:0 10px;
}

#ae2-hellwall div#add-to-cart:after {
    display:none;
}

div#step-04 #custom-footer {
    width: 100%;
}

div#bad-image-modal button.close {
    background: url(/modules/ae2hellwall/views/assets/front/img/bouton-bgrouge.png);
    background-size: 100% 100%;
    height: 40px;
    background-repeat: no-repeat;
    width:auto;
    padding:0 10px;
}

#ae2-hellwall .product-frame-desc .livraisonincluse {
    position:absolute;
    right:13px;
    bottom:10px;
    color: var(--Gris-fonce, #585858);
    font-family: Arimo;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform:initial;
}

#ae2-hellwall .product-frame-desc .product-frame-price span.price-cadre {
    display:block;
    margin-left:0;
    margin-top:2px;
}

#ae2-hellwall .certifcontent {
    margin-top:50px;
    margin-bottom:-100px;
}

#ae2-hellwall #loading-ctn .progress-title {
    color: #000;
    text-align: center;
    font-family: Arimo;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom:10px;
}

#ae2-hellwall #loading-ctn {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
}

#ae2-hellwall #loading-ctn .progress-disclaimer.upload,
#ae2-hellwall #loading-ctn .progress-disclaimer.analyze {
    padding-left:20px;
    margin-top:8px;
}

#ae2-hellwall #loading-ctn {
    padding:3rem;
}

#ae2-hellwall .infocondition {
    font-size:0.75rem;
    font-style:italic;
    margin-top:20px;
    margin-bottom:20px;
}

#ae2-hellwall div#validate-change-modal.fade.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border:none;
}

#ae2-hellwall div#validate-change-modal.fade .modal-dialog {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    padding:1.2rem;
    border:none;
}

#ae2-hellwall div#validate-change-modal.fade .modal-title {
    color: #000;
    text-align: center;
    font-family: Arimo;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top:30px;
    border:none;
}

#ae2-hellwall div#validate-change-modal.fade .modal-body {
    color: var(--Noir, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Arimo;
    font-size: 1.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.02625rem;
    text-transform: initial;
    border:none;
    position:initial;
}

#ae2-hellwall div#validate-change-modal.fade div#new-pic-btn {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/themes/hellfest_theme/assets/img/bouton1.png);
    background-size: 100% 100%;
    height: 55px;
    background-repeat: no-repeat;
    max-width: 100%;
    padding: 0 20px;
    color: var(--blanc, #FFF);
    font-size: 1.1rem;
    letter-spacing: 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}

#ae2-hellwall div#validate-change-modal.fade .modal-content {
    border:none;
    position:initial;
}

#ae2-hellwall div#validate-change-modal.fade .modal-header {
    border:none;
}

#ae2-hellwall div#validate-change-modal.fade .contain-buttonmodal {
    display:flex;
    flex-direction: column;
}

#ae2-hellwall div#validate-change-modal.fade button.close {
    background: url(/modules/ae2hellwall/views/assets/front/img/bouton-bgrouge.png);
    background-size: 100% 100%;
    height: 40px;
    background-repeat: no-repeat;
    width: auto;
    padding: 0 10px;
    opacity:1;
    color: var(--blanc, #FFF);
    font-size: 1.1rem;
    letter-spacing: 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    text-transform:uppercase;
}

#ae2-hellwall .infocondition.partrgpd p {
    margin-bottom:5px;
}

button.changephotobutton {
    background: url(/modules/ae2hellwall/views/assets/front/img/bouton-bgrouge.png);
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background-size: 100% 100%;
    height: 55px;
    background-repeat: no-repeat;
    max-width: 285px;
    width:100%;
    text-align:center !important;
    display:block !important;
    margin:auto !important;
    float:initial;
    margin-top:20px !important;
	color:white !important;
}

div#step-06 #validation-preview.hdec.hdec-49x39 .product-frame-img {
    transform:scale(0.4);
}

div#step-06 #validation-preview.htap.htap-49x49 .product-frame-img {
    transform:scale(0.77);
}

div#step-06 #validation-preview.ca .product-frame-img {
    transform:scale(0.9);
}

div#step-06 #validation-preview.plexi .product-frame-img {
    transform:scale(0.96);
}


div#step-06 .action.returnaction {
    position:relative;
    display: flex;
    padding: 0.25rem 0.75rem;
    justify-content: center;
    align-items: center;
    margin:0 !important;
    color: var(--blanc, #FFF);
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 12px auto 10px;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    background: url(/themes/hellfest_theme/assets/img/bouton1.png) !important;
    background-size: 100% 100% !important;
    height: 48px;
    background-repeat: no-repeat !important;
    padding: 0 20px;
    transform:none;
    width:auto;
    max-width:100%;
    top:1px;
    left:0;
    margin-right:30px !important;
}

div#step-06 .validationaction {
    margin-top:0;
}

.actions-flexbt {
    margin-top:5px !important;
    display:flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}


/* DARK */
.dark #ae2-hellwall div#validate-change-modal.fade .modal-dialog {
    background-color: #585858;
}

.dark #ae2-hellwall div#validate-change-modal.fade .modal-title {
    color: white;
}

html.dark #upload-input .disclaimer.top:before {
    filter:brightness(0) invert(1);
}

html.dark #ae2-hellwall .infocondition {
    color:white;
}

html.dark .cms-id-19, 
html.dark .cms-id-19 #content-wrapper,
html.dark div#custom-steps,
html.dark div#step-06 {
    background: url(/themes/hellfest_theme/assets/img/p404-bottom-black.svg) !important;
    background-position:top -100px center !important;
    background-size:cover !important;
}

html.dark #products-selection .product-frame {
    border: 1px solid var(--Gris-fonce, #585858);
    background: var(--Gris-fonce, #585858);
}

html.dark #products-selection .product-frame.selected {
    border: 1px solid var(--blanc, #FFF);
}

html.dark  div#step-04 {
    background: #1B1B1B !important;
}

html.dark #ae2-hellwall #pic-editor {
    max-width:70vh;
}

html.dark #ae2-hellwall #pic-editor div#viewport.horizontal-scroll #preview-frame:after {
    border-right: 2px solid #C9CBCF;
    background: #1B1B1B;
}

html.dark #ae2-hellwall #pic-editor #preview-frame:before {
    background: #1B1B1B;
    border-bottom: 2px solid #C9CBCF;
}

html.dark #ae2-hellwall #pic-editor #preview-frame:after {
    background: #1B1B1B;
    border-top: 2px solid #C9CBCF;
}

html.dark #ae2-hellwall #pic-editor #preview-frame {
    outline: solid 2px #C9CBCF;
}

html.dark #ae2-hellwall #pic-editor div#viewport.horizontal-scroll #preview-frame:before {
    background: #1B1B1B;
    border-left: 2px solid #C9CBCF;
}

html.dark div#step-01 .title,
html.dark div#step-01 p,
html.dark div#configurator-container div#step-02 .title,
html.dark div#upload-input .disclaimer > div,
html.dark div#upload-input .disclaimer ul li,
html.dark div#change-pic-btn,
html.dark #ae2-hellwall .current .cs-name,
html.dark div#symetry-pic-btn, 
html.dark div#reset-pic-btn,
html.dark #products-selection .title-step,
html.dark #ae2-hellwall .product-frame-desc .product-frame-name,
html.dark #ae2-hellwall .product-frame-desc .product-frame-price,
html.dark div#bad-image-modal .modal-dialog .modal-header,
html.dark div#bad-image-modal .modal-dialog div#content p,
html.dark div#orientation-title, 
html.dark div#dimension-title,
html.dark #dimensions-selection .dimension span.dimensions-name,
html.dark #dimensions-selection .dimension span.dimensions-value,
html.dark #ae2-hellwall .orientation-name,
html.dark div#options-selection > div,
html.dark #ae2-hellwall .logo .logo-label,
html.dark div#step-06 .title,
html.dark div#step-06 p,
html.dark #ae2-hellwall .title-quantite-resume,
html.dark #ae2-hellwall .title-resume,
html.dark #ae2-hellwall .option-resume,
html.dark #ae2-hellwall  .quantite-resume-part2 .prixqttite,
html.dark #ae2-hellwall .addtocart-container,
html.dark #ae2-hellwall .product-frame-desc .livraisonincluse {
    color:white;
}

html.dark .quantite-resume {
    background:white;
}

html.dark div#options-selection > div span {
    color: #CB3F3C;
}

html.dark div#bad-image-modal div#new-pic-btn {
    border: 1px solid white;
    color: white;
}

html.dark #products-selection .product-frame.available:hover {
    background: #424242;
    border: solid 1px #424242;
}

html.dark #ae2-hellwall .logo:not(.selected):hover {
    background: #424242;
    border: solid 1px #424242;
}

html.dark #ae2-hellwall .cs-number {
    color: #C9CBCF;
    border: 1px solid #C9CBCF;
}

html.dark #ae2-hellwall .cs-name {
    color: #C9CBCF;
}

html.dark div#change-pic-btn:before,
html.dark div#reset-pic-btn:before,
html.dark div#symetry-pic-btn:before,
html.dark #products-selection .product-frame:not(.available):after, 
html.dark #dimensions-selection .orientation:not(.available):after, 
html.dark #ae2-hellwall #dimensions-selection .dimension.unavailable:after {
    filter:brightness(0) invert(1);
}

html.dark div#custom-steps-selection {
    background:black;
}

html.dark #upload-input {
    background: var(--Gris-fonce, #585858);
}

html.dark div#bad-image-modal .modal-dialog .modal-content {
    background: var(--Gris-fonce, #585858);
}

html.dark #dimensions-selection .orientation,
html.dark #ae2-hellwall #dimensions-selection .dimension,
html.dark #ae2-hellwall .logo {
    border: 1px solid var(--Gris-fonce, #585858);
    background: var(--Gris-fonce, #585858);
}

html.dark #dimensions-selection .orientation.selected,
html.dark #ae2-hellwall #dimensions-selection .dimension.selected,
html.dark #ae2-hellwall .logo.selected {
    border: 1px solid var(--blanc, #FFF) !important;
}

html.dark div#custom-steps {
    background-position: top -40px center !important;
}


html.dark #hellwall-modal .modal-content,
html.dark #hellwall-modal .modal-title {
    color: white;
}

html.dark #hellwall-modal button.close span {
    color: white !important;
}

html.dark .modal-content {
    background-color: #585858;
}
/* fin DARK */

.dark #products-selection .product-frame:not(.available), 
.dark #dimensions-selection .orientation:not(.available), 
.dark #ae2-hellwall #dimensions-selection .dimension.unavailable {
    border: 1px solid #686868 !important;
    background: #404040 !important;
    cursor: pointer;
}

.unavailable .viewport {
    opacity: 0.5;
}

.dark #products-selection .product-frame:not(.available) *, 
.dark #dimensions-selection .orientation:not(.available) *, 
.dark #ae2-hellwall #dimensions-selection .dimension.unavailable * {
    color: #686868 !important;
}

/*
#products-selection .product-frame:not(.available):after, 
#dimensions-selection .orientation:not(.available):after, 
#ae2-hellwall #dimensions-selection .dimension.unavailable:after {
    display:none;
}
*/

#products-selection .product-frame:not(.available):after {
    display:none;
}

.infopopup-cta {
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/modules/ae2hellwall/views/assets/front/img/infoproduct.svg);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    right:0.75rem;
    top:0.75rem;
}

.dark #products-selection .product-frame:not(.available) .nodispo-info,
.light #products-selection .product-frame:not(.available) .nodispo-info {
    color: var(--Noir, #000) !important;
}


#custom-steps .nodispo-info {
    color: var(--Noir, #000) !important;
    font-family: Arimo;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0.625rem;
    background: #FFF;
	position:absolute;
    left:50%;
    bottom:0.875rem;
    transform:translate(-50%, 0);
	width: 90%;
    white-space: break-spaces;
    padding-left:35px;
}

#custom-steps .nodispo-infoctt {
    position:absolute;
    left:50%;
    bottom:0.875rem;
    transform:translate(-50%, 0);
}

#custom-steps .nodispo-info:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/Subtract2.svg);
    vertical-align:middle;
    margin-right:0.5rem;
	position:absolute;
    left:8px;
    top:10px;
}

#custom-steps .product-frame.unavailable {
    padding-bottom:3.7rem;
}

a.bad-image-modal.btn {
    /*position:absolute;*/
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
}

div#custom-steps #dimensions-selection .liste-options-dimensions a.bad-image-modal.btn {
    height:auto;
}

.infopopup-cta {
    z-index:2;
}

#products-selection .product-select {
    width:48.4%;
	position:relative;
}

#custom-footer {
    z-index:2;
}

#ae2-hellwall div#image-preview-main.ca-40x40,
#ae2-hellwall div#image-preview-main.ca-30x30,
#ae2-hellwall div#image-preview-main.ca-20x30,
#ae2-hellwall div#image-preview-main.ca-30x45,
#ae2-hellwall div#image-preview-main.ca-40x60{
    max-width: 68vh;
}

#ae2-hellwall .certifcontent img {
    max-width:210px;
}

.modal-dialog.modaleinfoplus * {
    border:none;
}

.modal-dialog.modaleinfoplus {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%) !important;
    max-width: 850px;
}

.modal-dialog.modaleinfoplus .modal-title {
    display:none;
}

div#product_info_1:after,
div#product_info_2:after,
div#product_info_3:after,
div#product_info_4:after {
    content:"✖";
    color:#585858;
    position:absolute;
    z-index:9;
    background:white;
    top:50%;
    left:50%;
    border-radius:50%;
    width:25px;
    height:25px;
    display:flex;
    line-height:0;
    transform:translate(-50%, -50%);
    margin-left:335px;
    margin-top:-246px;
    justify-content: center;
    align-items: center;
}


/* Responsive */
/* Mobile */
@media (max-width:767px){
div#change-pic-btn:before {
    margin-right: 5px;
    transform: scale(0.84) !important;
    display:inline-block;
}		
	
div#custom-steps-selection {
    border-bottom: 1px solid var(--black-05, #808080);
}	
	
#ae2-hellwall #logo-color .logo-label {
    padding-top: 0px;
}	
	

.configurateur-hellfest footer#footer {
    display:none !important;
}

div#step-01 .title {
    font-size: 2rem;
    margin-bottom: 10px;
}

div#step-01 p {
    font-size: 1rem;
    margin-top: 16px;
    margin-bottom: 6px;
}

div#step-01 .action {
    height: 2.6rem;
    font-size: 1rem;
    max-width: 14rem;
}
	
div#configurator-container div#step-02 .btn {
    font-size: 0.875rem;
}

.disclaimer.top:before {
    content:url(/modules/ae2hellwall/views/assets/front/img/loadintro.svg);
    display:block;
    text-align:center;
    margin-bottom:40px;
}

#upload-input {
    max-width: 600px;
    min-height: 85vh;
    margin-top:6vh;
    border: solid 2px #D6D8DB;
    border-style: dashed;
    background-color:white;
}

div#step-02 {
    padding:0 20px 0px 20px;
}

a.logoconfigurator img {
    width: 64px;
}

div#configurator-container div#step-02 .title {
    font-size: 1rem;
    margin-bottom: 0px;
    margin-top: 0px;
    position:absolute;
    top:16px;
}

div#upload-input .disclaimer > div,
div#upload-input .disclaimer ul li {
    font-size: 0.875rem;
}

.disclaimer.bottom {
    margin-top:10px !important;
}

div#configurator-container div#step-02 ul {
    margin-left:10px;
}
	
div#configurator-container #step-03 {
    display: flex;
    flex-direction: column;
}

.partleft-hellwall {
    width: 100%;
}

#ae2-hellwall #preview {
    padding: 0px 10px;
}

div#toolsbar {
    padding-left: 0%;
}

div#change-pic-btn {
    font-size: 0.6875rem;
}

#toolsbar div#edit-pic-btn {
    font-size: 0.75rem;
}

.logoconfigurator-content {
    top: 0.25rem;
    padding-left: 5%;
}

#ae2-hellwall .image-preview {
    padding-bottom:20px;
}

#ae2-hellwall .cs-name {
    font-size: 0.75rem;
    margin-left: 10px;
}

#ae2-hellwall .cs-number {
    font-size: 0.875rem;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
}

div#custom-steps-selection {
    overflow-x:scroll;
    display:block;
    width:100%;
}

#products-selection .product-frame {
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-start;
}

div#custom-steps-selection .custom-step-btn:nth-child(4) {
    padding-right:20px;
}

div#custom-steps-selection .custom-step-btn:nth-child(1) {
    padding-left:10px;
}

div#custom-steps-selection {
    background-image: url(/modules/ae2hellwall/views/assets/front/img/nav-background.png);
    padding: 0.4rem 1rem 0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
}

#products-selection .product-frame .product-frame-img {
    width: 6.5rem;
}

#products-selection .product-frame .product-frame-desc {
    padding-left: 10px;
}

#products-selection .title-step {
    font-size: 1rem;
}

div#custom-steps #products-selection {
    padding: 0.6rem 1.25rem;
    height: 100%;
    overflow:scroll;
}

.partright-hellwall {
    width: 100%;
    height:100%;
    overflow:scroll;
    border-left:0;
    border-right:0;
    border-bottom:0;
}

div#custom-steps {
    padding-bottom: 55px;
    padding-top:36px;
}

div#configurator-container {
    background-color: #FBFBFB;
    background-image: url(/modules/ae2hellwall/views/assets/front/img/BG-configurator.png) !important;
}	
	

#ae2-hellwall #edit-toolsbar > div {
    margin-top: 30px;
}

div#symetry-pic-btn, div#reset-pic-btn {
    font-size: 0.6875rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

div#symetry-pic-btn:before,
div#reset-pic-btn:before {
    margin-right: 0px;
    margin-bottom:5px;
}

#ae2-hellwall #edit-toolsbar {
    display: flex;
    padding: 10px 0 0 0;
    justify-content: space-evenly;
}

div#step-04 div#custom-footer div#next-btn {
    min-width:80%;
}

div#custom-steps-selection::-webkit-scrollbar {
    display: none;
}

#dimensions-selection .orientation {
    min-width: 8.8rem;
}

div#custom-steps {
    overflow-x: hidden;
}

#ae2-hellwall .orientation-name {
    font-size: 0.875rem;
    padding-top: 10px;
    padding-bottom: 10px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    padding-left:10px;
    padding-right:10px;
}

#ae2-hellwall span.orientation-name {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:0px;
    padding-right:0px;
    width:auto;
}

#ae2-hellwall span.orientation-price {
    font-size: 0.75rem;
}

#dimensions-selection .dimension {
    width: auto;
    min-width: 125px;
}

.liste-options-dimensions {
    width:100%;
}

span.dimensions-value {
    margin-left:10px !important;
}

div#orientation-title, div#dimension-title {
    font-size: 1rem;
}

div#orientations, div#dimensions {
    padding: 0.6rem 1rem;
}

div#options-selection > div {
    font-size: 1rem;
}

div#options-selection > div span {
    font-size: 0.5675rem;
    margin-left:0;
}

div#options-selection {
    padding: 0.6rem 1rem;
}

#ae2-hellwall .title-quantite-resume {
    font-size: 1rem;
}

div#resume {
    padding: 0.6rem 1rem 1.5rem;
}

div#step-03 div#custom-footer div#displayed-price {
    max-width:140px !important;
    padding-left:10px;
}

#ae2-hellwall div#add-to-cart {
    font-size: 0.95rem;
    padding: 0.375rem 0.6rem;
}

.liste-options-orientation, .liste-options-dimensions {
    width: 110%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: scroll;
    padding:8px !important;
    margin-left:-8px !important;
}



#ae2-hellwall span.dimensions-name {
    font-size: 0.875rem;
}

#ae2-hellwall span.dimensions-value {
    font-size: 0.75rem;
}

#dimensions-selection #dimensions {
    padding-top:0;
}

#ae2-hellwall #logos-list {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    padding: 0px;
}

#ae2-hellwall #logos {
    overflow-x:scroll;
    padding:10px !important;
    margin-left:-8px;
    width:110%;
}
	
#ae2-hellwall #preview {
    background: url(/modules/ae2hellwall/views/assets/front/img/BG-configurator.png) !important;
}

div#custom-steps #products-selection,
#dimensions-selection #orientations,
#dimensions-selection #dimensions,
div#custom-steps {
    background: url(/modules/ae2hellwall/views/assets/front/img/BG-configurator.png) !important;
}

.quantite-resume input#input-quantity {
    background-color:transparent;
}

div#custom-steps #dimensions-selection a.bad-image-modal.btn {
    width: 8.8rem;
    min-width: 8.8rem;
    margin-right: 4.99% !important;
}

#dimensions-selection .dimension {
    max-width: initial;
    width:auto;
    min-width: auto;
}	
	
.liste-options-orientation::-webkit-scrollbar, 
.liste-options-dimensions::-webkit-scrollbar {
  display: initial;
}

.liste-options-orientation::-webkit-scrollbar,
.liste-options-dimensions::-webkit-scrollbar {
  scrollbar-width: auto;
  scrollbar-color: #cb3f3c #afafaf;
}

.liste-options-orientation::-webkit-scrollbar,
.liste-options-dimensions::-webkit-scrollbar {
    height:2px;
}

.liste-options-orientation::-webkit-scrollbar-track,
.liste-options-dimensions::-webkit-scrollbar-track {
  background: #afafaf;
}

.liste-options-orientation::-webkit-scrollbar-thumb,
.liste-options-dimensions::-webkit-scrollbar-thumb {
  background-color: #cb3f3c;
  border-radius: 0px;
}

.liste-options-orientation,
.liste-options-dimensions {
  overflow:hidden;
}

.liste-options-orientation.flexscroll,
.liste-options-dimensions.flexscroll {
  overflow-x:auto;
}

#dimensions-selection .orientation, 
.liste-options-dimensions .dimension {
  margin-bottom: 2px !important;
}

#dimensions-selection #dimensions {
  padding-top: 0px;
}
	
#ae2-hellwall #edit-toolsbar {
    z-index:2;
    position:fixed;
    bottom:90px;
}

#ae2-hellwall #pic-editor #preview-frame:after {
    height: 50vh;
}

#ae2-hellwall #pic-editor {
    margin-top:-100px;
}

#ae2-hellwall #pic-editor #preview-frame:before,
#ae2-hellwall #pic-editor #preview-frame:after {
    opacity: 0.9;
}
	
#dimensions-selection .orientation {
    min-width: 8.3rem;
}

div#custom-steps #dimensions-selection a.bad-image-modal.btn {
    width: 8.3rem;
    min-width: auto;
    margin-right: 4.99% !important;
}

#dimensions-selection .orientation-image {
    padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

div#orientations, div#dimensions {
    padding: 0.6rem 1.25rem;
}

#ae2-hellwall .image-preview {
    padding-bottom: 10px;
}

#ae2-hellwall .dimension.unavailable span.dimensions-name {
    margin-right:0;
}
	
#ae2-hellwall div#add-to-cart {
    color: white;
    background: #CB3F3C;
    font-size: 1rem;
}

#ae2-hellwall div#add-to-cart:after {
    filter:brightness(0) invert(1);
}
	
#custom-footer {
    position: fixed;
    bottom: 0;
    left: 0;
}
	
div#bad-image-modal .modal-dialog {
    position:fixed;
    top:initial;
    bottom:0;
    left:initial;
    transform:none;
}
	
div#orientation-title,
div#dimension-title {
    margin-bottom:2px;
}
	

div#options-selection > div {
    margin-bottom: 10px;
}

div#options-selection {
    padding: 0.6rem 1.25rem;
}

div#options-selection div#logo-color {
    margin-bottom:55px;
}

#dimensions-selection #dimensions {
    margin-bottom: 45px;
}
	
#ae2-hellwall #custom-steps-selection .custom-step-btn:nth-child(4) .cs-name {
    line-height:24px;
}
	

#ae2-hellwall div#image-preview-main.hdec-49x39 {
    max-width: 40vh;
}
#ae2-hellwall div#image-preview-main.hdec-49x39 div#viewport-main {
    transform:scale(0.55);
}
div#step-06 #validation-preview .product-frame-img.hdec-49x39 {
    transform:scale(0.41);
}
	
#ae2-hellwall div#image-preview-main.htap-49x49 {
    max-width: 44vh;
}
#ae2-hellwall div#image-preview-main.htap-49x49 div#viewport-main {
    transform:scale(0.78);
}
div#step-06 #validation-preview .product-frame-img.htap-49x49 {
    transform:scale(0.66);
}
	

#ae2-hellwall div#image-preview-main.ca-30x30 {
    max-width: 54vh;
}
#ae2-hellwall div#image-preview-main.ca-30x30 div#viewport-main {
    transform:scale(0.9);
}
	
#ae2-hellwall div#image-preview-main.ca-20x30 {
    max-width: 54vh;
}

#ae2-hellwall div#image-preview-main.ca-30x20 {
    max-width: 54vh;
}
#ae2-hellwall div#image-preview-main.ca-30x20 div#viewport-main {
    transform:scale(0.9);
}
	

#ae2-hellwall div#image-preview-main.plexi-30x30 {
    max-width: 54vh;
}
#ae2-hellwall div#image-preview-main.plexi-30x30 div#viewport-main {
    transform:scale(0.9);
}

#ae2-hellwall div#image-preview-main.plexi-20x30 {
    max-width: 54vh;
}

#ae2-hellwall div#image-preview-main.plexi-30x20 {
    max-width: 54vh;
}
#ae2-hellwall div#image-preview-main.ca-30x20 div#viewport-main {
    transform:scale(0.9);
}

div#custom-steps-selection-containersteps {
    margin-top:-4px;
    margin-bottom:3px;
}
	
	
html.dark div#configurator-container {
    background: url(/modules/ae2hellwall/views/assets/front/img/Hellwall-darkmode.png) !important;
	background-image: url(/modules/ae2hellwall/views/assets/front/img/Hellwall-darkmode.png) !important;
    background-size:101% !important;
}

html.dark div#custom-steps #products-selection, 
html.dark #dimensions-selection #orientations, 
html.dark #dimensions-selection #dimensions, 
html.dark div#custom-steps {
    background: url(/modules/ae2hellwall/views/assets/front/img/Hellwall-darkmode.png) !important;
    background-size:101% !important;
}

html.dark #ae2-hellwall #preview {
    background: url(/modules/ae2hellwall/views/assets/front/img/Hellwall-darkmode.png) !important;
    background-size:101% !important;
}

html.dark .cms-id-19, 
html.dark .cms-id-19 #content-wrapper, 
html.dark div#custom-steps, 
html.dark div#step-06 {
    background: url(/modules/ae2hellwall/views/assets/front/img/Hellwall-darkmode.png) !important;
    background-size:101% !important;
}
	
#ae2-hellwall .addtocart-container {
    padding:0 20px;
}
	
div#step-01 p {
	padding-left:10px;
	padding-right:10px;
}
	
#dimensions-selection .orientation-image {
    padding: 0.3rem 0.8rem 0.2rem 0.8rem;
}

#ae2-hellwall .orientation-name {
    padding-top: 6px;
    padding-bottom: 6px;
}

.liste-options-orientation, .liste-options-dimensions {
    margin-top:-4px !important;
}

#ae2-hellwall #logos {
    margin-top:-8px !important;
}
	
#ae2-hellwall .current .cs-name {
    font-size: 0.75rem;
}
	
#ae2-hellwall div#step-01 {
    display: flex;
    flex-direction: column;
}

#ae2-hellwall div#step-01 .partleft-introprt1 {
    padding-top:100px;
    padding-bottom:35px;
}

#ae2-hellwall div#step-01 .partleft-introprt1,
#ae2-hellwall div#step-01 .partright-introprt1 {
    width: 100%;
}
	
#ae2-hellwall div#step-01 video {
    height: 60vh;
}
	
#ae2-hellwall p.introconfigst1 {
    margin-bottom: 5px;
}

#ae2-hellwall div#step-01 .partleft-introprt1 {
    padding-top: 80px;
    padding-bottom: 20px;
}

div#step-01 .title {
    margin-bottom: 20px;
}

#ae2-hellwall p.introconfigst1 {
    font-size: 0.875rem;
}
	
#ae2-hellwall .product-frame-desc .livraisonincluse {
    position:absolute;
    right:10px;
    bottom:10px;
}

#ae2-hellwall .product-frame-desc .product-frame-price {
    margin-bottom:18px;
}

#ae2-hellwall .product-frame-desc .product-frame-price span.price-cadre {
    display:initial;
    margin-left:5px;
    margin-top:0px;
}
	
#ae2-hellwall .certifcontent {
    margin-top:0px;
    margin-bottom:0px;
    position:absolute;
    top:0px;
    right:5px;
    left:initial;
    width:120px;
}

#ae2-hellwall .certifcontent img {
    width:120px;
}

#ae2-hellwall #loading-ctn .progress-title {
    font-size: 1.125rem;
    margin-bottom:10px;
}

#ae2-hellwall #loading-ctn {
    font-size: 0.85rem;
}

#ae2-hellwall #loading-ctn .progress-disclaimer.upload,
#ae2-hellwall #loading-ctn .progress-disclaimer.analyze {
    padding-left:12px;
    margin-top:4px;
}

#ae2-hellwall #loading-ctn {
    padding:1.5rem;
}	
	
#ae2-hellwall .current .cs-number {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
}
	
div#step-06 .validationaction {
    margin:auto !important;
}
	
#ae2-hellwall div#validate-change-modal.fade div#new-pic-btn {
    font-size: 0.875rem;
}
	
#ae2-hellwall div#validate-change-modal.fade button.close {
    font-size: 0.875rem;
}
	

#ae2-hellwall div#validate-change-modal.fade {
    align-items: flex-end;
    justify-content: center;
    border: none;
}

#ae2-hellwall div#validate-change-modal.fade .modal-dialog {
    border-top: 1px solid var(--black-10, #333) !important;
    background: var(--black-01, #F1F2F3);
    border-radius:0;
}

#ae2-hellwall div#validate-change-modal.fade. .modal-content {
    background: var(--black-01, #F1F2F3);
}

#ae2-hellwall div#validate-change-modal.fade .modal-title {
    text-align: left;
    font-size: 1rem;
    margin-top:5px;
    margin-bottom:10px;
}

#ae2-hellwall div#validate-change-modal.fade .modal-body {
    font-size: 1rem;
}

#ae2-hellwall div#validate-change-modal.fade div#new-pic-btn {
    margin-top: 10px;
}
	
#ae2-hellwall div#validate-change-modal.fade .modal-content {
    background-color:transparent;
}

#ae2-hellwall div#validate-change-modal.fade.in {
    display: flex !important;
    align-items: flex-end;
}
	
#custom-footer {
    padding: 0.75rem 1.25rem 1.3rem;
}
	
div#zoompicto {
    max-width:30px;
}

div#zoompicto {
    bottom:50px;
}
	
#products-selection .product-frame.selected {
    order:0;
}

#products-selection .product-frame {
    order:1;
}

#products-selection .liste-cadre-elements {
    display:flex;
    flex-direction: column;
}


#dimensions-selection .orientation, 
#ae2-hellwall #dimensions-selection .dimension, 
#ae2-hellwall .logo {
    order:1;
}

#dimensions-selection .orientation.selected, 
#ae2-hellwall #dimensions-selection .dimension.selected, 
#ae2-hellwall .logo.selected {
    order:0;
}
	
#ae2-hellwall div#step-06 {
    padding-top:0;
}

.actions-flexbt {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    width: 100%;
}

div#step-06 .validationaction,
div#step-06 .action.returnaction {
    width:100%;
    max-width:100%;
    margin:0 0 15px 0 !important;
    font-size: 0.8rem !important;
}

div#step-06 div#validation-preview {
    padding-top: 30px;
    padding-bottom: 45px;
}
	
#custom-steps .nodispo-info {
    font-size: 0.8rem;
    padding: 0.5rem 0.55rem 0.4rem;
    left:0;
    bottom:0;
    top:6px;
    transform:none;
    position:relative;
}   

#custom-steps .product-frame.unavailable {
    padding-bottom:1.0rem;
}

.infopopup-cta {
    width: 30px;
    height: 30px;
    background-size:contain;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
}
	
#products-selection .product-select {
    width:100%;
}
	
div#custom-steps #products-selection a.bad-image-modal.btn {
    display:none;
}

div#custom-steps #products-selection  .nodispo-infoctt.bad-image-modal.btn {
    display:block;
}

#custom-steps .nodispo-infoctt {
    position: relative;
}
	
.liste-cadre-elements .product-select {
    order:2;
}

.liste-cadre-elements .product-select.selected {
    order:1;
}
	
#ae2-hellwall div#image-preview-main.ca-40x40,
#ae2-hellwall div#image-preview-main.ca-30x30,
#ae2-hellwall div#image-preview-main.ca-20x30,
#ae2-hellwall div#image-preview-main.ca-30x45,
#ae2-hellwall div#image-preview-main.ca-40x60{
    max-width: 55vh;
    padding-bottom:30px;
}
	
#ae2-hellwall .certifcontent img {
    max-width:80px;
    padding-top:3px;
}

#ae2-hellwall .certifcontent {
    width: 80px;
    right:3px;
}
	
#custom-steps .nodispo-info {
    padding-left:35px;
}
	
div#zoompicto {
    display:none !important;
}
	
}
/* Fin mobile */
/* Fin responsive */


@media (max-width:1300px) and (min-width:768px){
div#product_info_1:after,
div#product_info_2:after,
div#product_info_3:after,
div#product_info_4:after {
    margin-left:320px;
    margin-top:-235px;
}	
	
.modal-dialog.modaleinfoplus {
    width: 700px;
}	
	
#ae2-hellwall .certifcontent {
    margin-top:20px;
    margin-bottom:-80px;
}

#ae2-hellwall .certifcontent img {
    width:220px;
}	

#ae2-hellwall .orientation-name {
    padding-left:5px;
    padding-right:5px;
}

#ae2-hellwall .orientation-name .orientation-name {
    padding-left:0px;
    padding-right:0px;
}
	
div#step-06 #validation-preview {
    max-width: 54vh;
}

}

@media (min-width:990px){
div#custom-steps #dimensions-selection a.bad-image-modal.btn {
    margin-right: 2.4333% !important;
}
	
#dimensions-selection .orientation, .liste-options-dimensions .dimension {
    margin-right: 2.99% !important;
}
}

@media (max-width:990px) and (min-width:768px){
	
#ae2-hellwall .orientation-name {
    font-size: 0.9rem;
}

div#orientation-title, div#dimension-title {
    font-size: 1rem;
}
#products-selection .title-step {
    font-size: 1rem;
}

#ae2-hellwall .product-frame-desc .product-frame-name {
    font-size: 0.8rem;
}
#ae2-hellwall .product-frame-desc .product-frame-price {
    font-size: 0.8rem;
}

div#toolsbar {
    bottom: 25px;
}

#dimensions-selection .dimension span.dimensions-name {
    font-size: 0.8rem !important;
}
#dimensions-selection .dimension span.dimensions-value {
    font-size: 0.8rem !important;
}

div#custom-footer div#displayed-price {
    font-size: 0.9rem;
}

#ae2-hellwall .logo {
    max-width: 115px;
}

#dimensions-selection .orientation {
    width:100%;
}

#ae2-hellwall div#add-to-cart {
    margin-top:15px;
    width:100%;
}
	
.liste-options-orientation, .liste-options-dimensions {
    overflow: hidden;
}

.liste-options-orientation, .liste-options-dimensions {
    width: 110%;
    display: flex;
    flex-wrap: nowrap;
    padding: 8px !important;
    margin-left: -8px !important;
}

#dimensions-selection .orientation {
    min-width: 9rem;
}

.liste-options-orientation.flexscroll, .liste-options-dimensions.flexscroll {
    overflow-x: auto;
}

 #ae2-hellwall #logos {
    overflow-x: scroll;
    padding: 10px !important;
    margin-left: -8px;
    width: 110%;
}

#ae2-hellwall #logos-list {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    padding: 0px;
}
	
div#custom-steps #dimensions-selection a.bad-image-modal.btn {
    width: 100%;
    margin-right: 4.99% !important;
}
	
}

@media (max-width:1200px) and (min-width:768px) {
#products-selection .product-select {
    width: 100%;
}
}

@media (max-width:1200px){
div#custom-steps #products-selection a.bad-image-modal.btn {
    display:none;
}

div#custom-steps #products-selection  .nodispo-infoctt.bad-image-modal.btn {
    display:block;
}

#custom-steps .nodispo-infoctt {
    position: relative;
}

#custom-steps .product-frame.unavailable {
    padding-bottom: 1rem;
}

#custom-steps .nodispo-info {
    position:relative;
    top:0;
}
}



@media (min-width:1200px){

.liste-cadre-elements {
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.liste-cadre-elements > .product-frame,
.liste-cadre-elements > a.bad-image-modal {
    width:48% !important;
}

#products-selection .product-frame {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1.5rem;
    flex-direction: column;
}

#products-selection .product-frame .product-frame-img {
    margin:auto;
}

#ae2-hellwall .product-frame-desc .product-frame-name {
    text-transform: uppercase;
    margin-top:14px;
}

#ae2-hellwall .product-frame-desc .product-frame-price {
    color: var(--Gris-fonce, #585858);
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-top:32px;
}

#ae2-hellwall .product-frame-desc .product-frame-price span.price-cadre {
    color: var(--Rouge, #CB3F3C);
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-left:0px;
}

#products-selection .product-frame .product-frame-desc {
    padding-left: 0px;
}

#products-selection .product-frame:not(.available) {
    min-height:200px;
}
	
}


@media (max-width:1199px){
	/*
#ae2-hellwall div#step-01 {
    height:80vh;
}*/	
	
	
#ae2-hellwall .product-frame-desc .product-frame-name {
    text-transform: uppercase;
    font-size: 0.875rem;
}

#products-selection .product-frame .product-frame-desc {
    padding-left: 20px;
}

#ae2-hellwall .product-frame-desc .product-frame-price {
    color: var(--Gris-fonce, #585858);
    font-size: 0.625rem;
    text-transform: uppercase;
}

#ae2-hellwall .product-frame-desc .product-frame-price span.price-cadre {
    color: var(--Rouge, #CB3F3C);
    font-size: 1.125rem;
    text-transform: uppercase;
    margin-left:4px;
}

#products-selection .product-frame {
    display: flex;
    align-items: center;
}

#products-selection .product-frame .product-frame-img {
    width: 5rem;
}
	
}


/* zoom */
body#cms.zoom .partright-hellwall {
    display:none !important;
}
body#cms.zoom .partleft-hellwall {
    width:100% !important;
}
body#cms.zoom  div#toolsbar {
    display:none !important;
}
body#cms.zoom a.logoconfigurator {
    display:none !important;
}

body#cms.zoom div#zoompicto {
    top: 25px;
    right: 25px;
}

body#cms.zoom #ae2-hellwall #preview {
    max-width: 100% !important;
}

body#cms.zoom #ae2-hellwall div#image-preview-main {
    max-width: 90vh !important;
}

body#cms.zoom #ae2-hellwall div#image-preview-main.hdec-49x39 {
    max-width: 60vh !important;
}

body#cms.zoom div#zoompicto {
    background:white;
    padding:10px;
    border-radius:50%;
    height:45px;
}

body#cms.zoom div#zoompicto img.activezoom {
    display:none !important;
}

body#cms.zoom div#zoompicto img.noactivezoom {
    display:block !important;
}


@media (max-width:767px){
div#product_info_1:after,
div#product_info_2:after,
div#product_info_3:after,
div#product_info_4:after {
    margin-left:39%;
    margin-top:-28%;
}	
	
.modal-dialog.modaleinfoplus {
    width: 90%;
}	
	
body#cms.zoom div#zoompicto {
    height:30px;
}	
	
body#cms.zoom #ae2-hellwall div#image-preview-main {
    max-width: 100vh !important;
}	
	
body#cms.zoom #ae2-hellwall div#image-preview-main.hdec-49x39 {
    max-width: 100vh !important;
}
	
body#cms.zoom div#zoompicto {
    background:white;
    padding:5px;
}

div#zoompicto {
    top: initial;
}

body#cms.zoom div#zoompicto {
    top: 12px;
    right: 12px;
}
}
/* fin zoom */


/* fin partie G */
html.dark #ae2-hellwall .modal-dialog .modal-body p {
    color:white !important;
}

html.dark #ae2-hellwall .modal-dialog .modal-body p {
    color: white;
}

@media (min-width:1650px){
div#product_info_1:after,
div#product_info_2:after,
div#product_info_3:after,
div#product_info_4:after {
    margin-left:390px;
    margin-top:-290px;
}
}

/* video intro */
.partright-introprt1.video-mobile {
    display: none;
}

.partright-introprt1.video-desktop {
    display: block;
}

@media (max-width: 767px) {
    .partright-introprt1.video-desktop {
        display: none;
    }

    .partright-introprt1.video-mobile {
        display: block;
    }
}


@media (max-width:920px){
#portrait-message{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    justify-content:center;
    align-items:center;
    padding:2rem;
    background:#fff;
    text-align:center;
}
	
#portrait-message p {
    color: var(--Noir, #000);
    font-family: Arimo;
    font-size: 1.2rem;
    font-weight: 700;
}
	

#portrait-message .content{
    max-width:320px;
}

#portrait-message .icon{
    font-size:4rem;
    margin-bottom:1rem;
}

body.portrait-only{
    overflow:hidden;
}
}

.partleft-hellwall #format {
    width: 50%;
}
.partleft-hellwall #format .orientation.selected {
    border: solid 2px black;
}
.partleft-hellwall #format .orientation {
    position: relative;
    width: 30%;
    border: 2px solid var(--black-04, #C9CBCF);
    background: var(--blanc, #FFF);
    cursor: pointer;
}
.partleft-hellwall #format .orientation.selected::before {
    content: url(/modules/ae2hellwall/views/assets/front/img/Frame.svg);
    position: absolute;
    top: -8px;
    left: -8px;
    transform: scale(1.2);
}

.partleft-hellwall #format .orientation:not(.available){
    background: gray;
    cursor: not-allowed;    
}

/* Ajout option format */

div#toolsbar .liste-options-orientation {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width:18.3rem;
    height:5.1rem;
    gap:1.5rem;
}

div#toolsbar .liste-options-orientation > a,
div#toolsbar .liste-options-orientation > .orientation {
    width:33%;
}

.partleft-hellwall #format .orientation:not(.available) {
    background: #D9D9D9;
}

.partleft-hellwall #format .orientation {
    width:100%;
}

.partleft-hellwall #format {
    display:flex;
    justify-content: center;
}

#ae2-hellwall .toolsbar-btn {
    margin-top:1.55rem;
}

.partleft-hellwall #format .orientation.selected::before {
    z-index:2;
}

div#toolsbar {
    bottom: 30px;
    height:5rem;
}

div#toolsbar {
    padding-left: 2%;
}

.product-frame-img.ca.ca-30x20 + .product-frame-desc .product-frame-name:after,
.product-frame-img.ca.ca-20x30 + .product-frame-desc .product-frame-name:after,
.product-frame-img.ca.ca-30x30 + .product-frame-desc .product-frame-name:after{
    content:"";
    background-image:url(/modules/ae2hellwall/views/assets/front/img/custombackstage-info.svg);
    width:7.8rem;
    height:1.6rem;
    display:block;
    margin-top:0.5rem;
}


@media (max-width:1200px) and (min-width:768px){
div#toolsbar {
    padding-left: 1%;
    padding-right:1%;
}

.partleft-hellwall #format {
    width: 14.2rem;
}

div#toolsbar .liste-options-orientation {
    width:14rem;
    height:4.02rem;
    gap:1rem;
}

div#toolsbar {
    display:flex;
    flex-wrap: nowrap;
}

div#toolsbar {
    bottom: 20px;
}

}


@media (max-width:767px){
    
.partleft-hellwall #format {
    position:absolute;
    margin-top:-2.5rem;
    left:50%;
    transform:translate(-50%, 0);
}

div#toolsbar {
    padding-left: 0;
}

div#toolsbar {
    height: 4.5rem;
}

.partleft-hellwall #format {
    width: auto;
}

div#toolsbar .liste-options-orientation {
    gap:0.75rem;
    width: 10.8rem;
}

div#toolsbar .liste-options-orientation > a, div#toolsbar .liste-options-orientation > .orientation {
    width:2.75rem;
    height:2.75rem;
}

#ae2-hellwall div#image-preview-main.ca-30x20 {
    padding-bottom: 12px;
}

#ae2-hellwall div#image-preview-main.ca-30x30 {
    padding-bottom: 48px;
}
    
#ae2-hellwall div#image-preview-main.ca-20x30 {
    padding-bottom: 62px;
}

.partleft-hellwall #format .orientation.selected::before {
    top: -10px;
    left: -10px;
    transform: scale(0.75);
}

#custom-footer {
    padding: 0.75rem 1.25rem 1rem;
}
	
#ae2-hellwall div#image-preview-main.ca-20x30 {
    max-width: 48vh;
}

#ae2-hellwall div#image-preview-main.ca-40x40 {
    max-width: 50vh;
    padding-bottom:55px;
}

#ae2-hellwall div#image-preview-main.ca-30x45 {
    max-width: 48vh;
    padding-bottom:55px;
}

#ae2-hellwall div#image-preview-main.ca-40x60 {
    max-width: 48vh;
    padding-bottom:55px;
}
	
#ae2-hellwall div#image-preview-main.ca-30x30 {
    max-width:45vh;
}
	
	
#ae2-hellwall .ajust-padding div#image-preview-main.ca-20x30 {
    padding-bottom:10px;
}
#ae2-hellwall .ajust-padding div#image-preview-main.ca-40x40 {
    padding-bottom:10px;
}
#ae2-hellwall .ajust-padding div#image-preview-main.ca-30x45 {
    padding-bottom:10px;
}
#ae2-hellwall .ajust-padding div#image-preview-main.ca-40x60 {
    padding-bottom:10px;
}
#ae2-hellwall .ajust-padding div#image-preview-main.ca-30x20 {
    padding-bottom:0px;
	margin-bottom:-34px !important;
}
#ae2-hellwall .ajust-padding div#image-preview-main.ca-30x30 {
    padding-bottom: 0px;
}
#ae2-hellwall .ajust-padding div#image-preview-main.ca-20x30 {
    padding-bottom: 10px;
}
    
}

/* fin ajout option format */