@font-face {
  font-family: 'heebo';
  font-weight: 100;
  src: url("../assets/fonts/Heebo-Thin.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 300;
  src: url("../assets/fonts/Heebo-Light.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 400;
  src: url("../assets/fonts/Heebo-Regular.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 500;
  src: url("../assets/fonts/Heebo-Medium.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 600;
  src: url("../assets/fonts/Heebo-SemiBold.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 700;
  src: url("../assets/fonts/Heebo-Bold.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 800;
  src: url("../assets/fonts/Heebo-ExtraBold.ttf");
}
@font-face {
  font-family: 'heebo';
  font-weight: 900;
  src: url("../assets/fonts/Heebo-Black.ttf");
}

:root {
  --model-main-color: #adacac;
}

* {
  padding: 0;
  margin: 0;
  box-sizing:border-box;
}

html {
  font-size: 1vw;
}

html,
body {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  direction: rtl;
  color:#000000;
}

html,
body,
input,
button {
  font-family: 'heebo', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 400;
}

.fa {
	font-family: FontAwesome !important;
}

img {
	max-width:100%;
}

input[type="tel" i] {
	direction:rtl;
}

.bold {
	font-weight:bold;
}

/*============================*/
/*============================*/

/*==================
====== HEADER ======
==================*/
.header {
	position:fixed;
	top:0;
	right:0;
	z-index: 99;
}

/*===== HEADER HAMBURGER =====*/
.header .hamburger_wrpr {
	position: fixed;
    right: 1vw;
    width: 4vw;
    aspect-ratio: 1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.header .hamburger_wrpr .hamburger {
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	width: 50%;
	aspect-ratio:1.5;
	transform: rotate(0deg);
	z-index: 10;
	cursor: pointer;
	transition: .5s ease-in-out;
}
.header .hamburger_wrpr .hamburger > div {
	height: 2.5px;
	background-color: #000000;
	opacity: 1;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
.header .hamburger_wrpr .hamburger.on > div {
	width:100%;
	position:absolute;
	top:0;
}
.header .hamburger_wrpr .hamburger.on > div:nth-of-type(1) {
	transform: rotate(135deg);
}
.header .hamburger_wrpr .hamburger.on > div:nth-of-type(2) {
	opacity: 0;
}
.header .hamburger_wrpr .hamburger.on > div:nth-of-type(3) {
	transform: rotate(-135deg);
}
.header .hamburger_wrpr .hamburger .nav_flach {
    font-size: 50%;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    width: fit-content;
    padding: 3px 5px;
	padding-bottom:2px;
    background: #000000;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
	.header {
		width: 100%;
		height: 8vh;
		padding: 0 3.59375rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap:5vw;
		background: #171516;
	}
    .header .hamburger_wrpr {
		position:static;
		width: auto;
		height: auto;
		background: transparent;
		margin-left: auto;
    }
    .header .hamburger_wrpr .hamburger {
		width: 4vh;
    }
	.header .hamburger_wrpr .hamburger > div {
		background-color: #ffffff;
	}
    .header .hamburger_wrpr .hamburger.on > div {
		background-color: #000;
    }
}
/*===== /HEADER HAMBURGER =====*/

/*===== HEADER UL (MENU) =====*/
.header ul {
	list-style-type: none;
    line-height: 1;
    background-color: #fff;
    width: 20vw;
    transition: .3s all;
    opacity: 0;
    visibility: hidden;
    right: -100%;
    position: fixed;
    display: block;
    padding-top: 5vh;
    height: 100vh;
    top: 0;
	box-shadow: -1px 0 10px -5px rgba(0, 0, 0, .65);
}
.header ul li {
	width: 75%;
	margin: 2vh auto;
}
.header ul li a {
	display: flex;
	align-items: center;
	font-size: 0.9375rem;	
	font-weight: 400;
	color: #000;
	text-decoration: none;
	border-bottom: 0.05208rem solid transparent;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-bottom: 0.05208rem solid black;
	padding: 0.5rem 0;
}
.header ul li a.active, 
.header ul li a:hover {
	border-bottom: 0.05208rem solid black;
}
.header ul li a div._text {
	width: 50%;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	direction: ltr;
	line-height: 1.2;
	position: relative;
}
.header ul li a div._img {
  width: 40%;
}
.header ul li a div._img img {
	width:100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.header.on .hamburger_wrpr {
	z-index:10;
}
.header.on ul {
  right: 0;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1024px) {
	.header ul {
		width: 75%;
        right: -100%;
        padding: 6vh 0;
	} 
}
/*===== /HEADER UL (MENU) =====*/

/*===== HEADER LOGO =====*/
.header-logo {
	display: none;
}
.header-logo img {
	max-height:6vh;
}
@media (max-width: 1024px) {
	.header-logo {    
		display: flex;
	}
	.header-logo img {
		max-height:3.5vh;
	}
}
/*===== /HEADER LOGO =====*/

/*====== HEADER ======
====================*/



/*===============================
====== CONTAINER & CONTENT ======
===============================*/
.container {
	position: relative;
	width: 100%;
	display: flex;
	z-index: 1;
}
.container .content {
	position: relative;
	width: 75%;
	display: flex;
	padding:0 1vw;
	flex-direction: column;
	justify-content:space-between;
	gap:3vh;
}

@media (max-width: 1024px) {
	.container {
		flex-direction: column;
	}
	.no-scroll .container {
		z-index: 21;
	}
	
	.container .content {
		position:relative;
		width: 100%;
		height:auto;
		padding:0 2vw;
		margin-top:8vh;
		background-size: 100%;
		gap:0;
	}
}
/*====== CONTAINER & CONTENT ======
=================================*/


/*===================
====== SECTION ======
===================*/

.section {
	position:relative;
	height:90vh;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

/*====== SECTION CONTENT ====== */
.section .content-top {
	position:relative;
}
.section .content-top .top-content {
	position:relative;
	text-align:center;
}
.section .content-top .logo-img {
	max-width:25vw;
}
.section .content-top h1 {
	margin: 0 auto;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1;
}
.section .content-top .section_ttl {
	margin-top:calc(35px + 4vw);
	margin-right:-1vw;
	width:fit-content;
	padding:14px 20px;
	font-size:22px;
	font-weight:200;
	line-height:100%;
	color:#ffffff;
	background:#000000;
	border-radius:12px 0 0 12px;
}
.section .content-mid {
	width: 40%;
    margin: 3vh auto 3vh 0;
    background: #ffffff;
    display: flex;
    align-items: center;
}
.section .content-bottom {
	width:100%;
	height:15vh;
	border-radius:15px;
	background:var(--model-main-color);
}

.section .content-float {
	position: absolute;
	display:flex;
	align-items:flex-end;
    max-width: 60%;
    bottom: 0;
    right: 0;
}

/*======= PRICE ========*/
.section .price_wrap {
	display: flex;
	text-align:left;
	font-size: 30px;
	line-height: 0.8;
}
.section .price-txt {
	display:block;
	width: min-content;
}
.section .price {
	font-size:2.25em;
	letter-spacing: -3px;
	margin-right: 10px;
}
.section .price-cur {
	font-size:1.75em;
	align-self: end;
}

/*====== FEATURE LIST ======*/
.section .feature-list-wrpr {
	width:max-content;
	padding:12px;
	border-radius:10px;
	background:var(--model-main-color);
}
.section .feature-list {	/*ul*/
	margin:0;
	padding:0;
	list-style:none;
}
.section .feature-list li {
	position:relative;
	padding-right:14px;
	font-size:14px;
	line-height:20px;
}
.section .feature-list li:before {
	content:"";
	position:absolute;
	right:0;
	top:11px;
	translate:0 -50%;
	width:5px;
	aspect-ratio:1;
	border-radius:100%;
	background:currentColor;
}

/*====== LIGHTBOX ======*/
#lightbox {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
}
#lightbox img {
	max-width: 95%;
    max-height: 95%;
    padding: 2%;
    border: 1px solid #000000;
    border-radius: 20px;
    background: #ffffff;
}
#close-lightbox {
	position: absolute;
	top: 15px;
	right: 25px;
	color: white;
	font-size: 30px;
	cursor: pointer;
}

/*====== VIDEO ======*/

.video_wrpr {
	padding:45.83% 0 0 0;
	position:relative;
	border-radius: 15px;
	overflow:hidden;
}


@media (max-width: 1024px) {	
	.section {
		height:auto;
		min-height:60vh;
	}		
	.section .content-top {
		background-position:center bottom;
	}
	.section .content-top .logo-img {
		max-width:70vw; 
	}
	.section .content-top h1 {
		font-size: 7rem;		
		font-weight: normal;
	}
	.section .content-top .section_ttl {
		margin-top:3vh;
	}
	
	.section .content-mid {
		width:auto;
	}
	.section .content-bottom { 
		justify-content:center;
		padding:0 3vw;
		height:12vh;
	}
	
	.section .feature-list-wrpr {
		width: 100%;
		border-radius: 0;
	}
	
	.section .price {
		margin-right:5px;
	}
	.section .price_wrap {
		font-size:16px;
		text-align:right;
	}
	
	.section .content-float {
		max-width:95%;
		right:-30px;
	}
}

/*====== CUSTOM ======*/
.section.sec1 {
	position:relative;
}
.section.sec1 .content-top {
	height:100%;
	padding-top:5vh;
	background-image:url("../assets/img/C10/C10_mainBG.png");
	background-size:cover;
	background-position:bottom;
	border-radius:0 0 37px 37px;
	text-align: center;
	flex:1;
}
.section.sec1 .content-top-masc {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60%;
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);
	z-index:0;
}


.section.sec2 {
	flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
}
.section.sec2 .content-top {
	width:fit-content;
}
.section.sec2 .content-mid {
	margin: unset;
    width: fit-content;
}
.section.sec2 .content-bottom {
	width:100%;
	height:20vh;
	border-radius:15px 15px 0 0;
}
.section.sec2 .content-float {
	width: 100%;
    max-width: unset;
	left:0;
	right:0;
	bottom:-3vh;
}
.section.sec2 .content-float img {
	width: 100%;
}

.section.sec4 {
	height: 60vh;
    padding-bottom: 5vh;
    justify-content: flex-end;
}
.section.sec4:after {
	content:'';
	position:absolute;
	width:100%;
	height:40%;
	right:0;
	left:0;
	bottom:0;
	border-radius:15px;
	background:var(--model-main-color);
}

.section.sec5 {
	height:auto;
	min-height:auto;
}

@media (max-width: 1024px){
	.section.sec2 {
		justify-content: flex-start;
        flex-direction: column;
		min-height:auto;
	}    
	.section.sec2 .content-float {
        position: relative;
        margin-bottom: -20%;
    }
	.section.sec2 .content-mid {
		order: 3;
        width: 100%;
	}
	.section.sec2 .content-bottom {
		height: 10vh;
	}
	
	.section.sec4 {
		height: auto;
		min-height: auto;
		padding-top: 5vh;
		margin-bottom: 3vh;
	}

	.section.sec5 {
		margin-bottom:3vh;
	}
}

/*====== SECTION ======
=====================*/


/*=============================//
//===== SLIDER SECTION ========//
//=============================*/

.slider-section {
	width:100%;
	position:relative;
	margin-top:-3vh;
}
.slider-section:before {
	content:'';
	position:absolute;
	width:100%;
	height:50%;
	top:0;
	right:0;
	left:0;
	border-radius:0 0 15px 15px;
	background:var(--model-main-color);
}

/*====== SWIPER ======*/
.swiper-container {
	position: relative;
	width:90%;
	margin:0 auto;
	pointer-events: auto;
}
.color-gal .swiper-container .swiper-wrapper {
	margin-bottom:3vh;
}
.swiper-container .swiper-slide {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 20px;
	text-align:center;
	padding-top:9px;
	padding-bottom:9px;
}
.swiper-container .swiper-slide img {
	border-radius: 15px;
    max-height: 100%;
    cursor: pointer;
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, .35);
}
.swiper-container .swiper-slide.swiper-slide-active {
	padding-right:40px;
	padding-left:0px;
}
.swiper-container .swiper-slide.swiper-slide-next {
	padding-right:20px;
	padding-left:20px;
}
.swiper-container .swiper-slide.swiper-slide-duplicate-prev {
	padding-left:40px;
	padding-right:0px;
}

.jeneral-gal .swiper-button-next, 
.jeneral-gal .swiper-button-prev {
	left: 20px;
    right: auto;
    width: calc(5% + 20px);
    background: #000000;
    border-radius: 10px 0 0 10px;
	transform: translate(0, -50%);
    top: 50%;
    margin-top: 0;
}
.jeneral-gal .swiper-button-next {
	right: 20px;
    left: auto;
    border-radius: 0 10px 10px 0;
}
.jeneral-gal .swiper-button-next:after, 
.jeneral-gal .swiper-button-prev:after {
	font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}

/*====== COLOR GAL ======*/
.color-gal .swiper-container .swiper-slide {
	padding:0;
}
.color-gal .swiper-container .swiper-slide img {
	border-radius: 0;
    box-shadow: none;
}
.color-gal .swiper-container .swiper-pagination {
	direction:ltr;
	bottom:0;
}
.color-gal .swiper-container .swiper-pagination-bullet {
	border-radius:0;
	margin: 0 2vw;
    background: none;
    width: auto;
    height: auto;
    opacity: 1;
}
.color-gal .swiper-container .swiper-pagination-bullet-active {
	text-decoration:underline;
}

.color-gal .swiper-button-next, 
.color-gal .swiper-button-prev {
	left: 20px;
    right: auto;
    width: 60px;
    aspect-ratio: 1;
    height: auto;
    background: #000000;
    border-radius: 100%;
}
.color-gal .swiper-button-prev {
	right: 20px;
    left: auto;
}
.color-gal .swiper-button-next:after, 
.color-gal .swiper-button-prev:after {
	font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

/*====== CARCOLOR ======*/
.carcolor-img {
	width:80%;
	margin:0 auto;
}
.carcolor-btns {
	display:flex;
	justify-content:center;
	gap:50px;
}

.carcolor-txt {
	font-size: 18px;
    font-weight: 400;
}
.carcolor-txt:after {
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    height: 20px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #3b3b3b;
}
.carcolor-txt.gray:after {
    background: #808080;
}
.carcolor-txt.white:after {
    background: #ffffff;
	border:1px solid #000000;
}
.carcolor-txt.black:after {
    background: #000000;
}
.carcolor-txt.green:after {
    background: #375e63;
}


@media (max-width: 1024px){
	.slider-section {
		margin-top:0;
	}
	
	.swiper-container .swiper-slide img {
		border-radius:6px;
	}
	.swiper-container .swiper-slide.swiper-slide-active {
		padding-right:16px;
		padding-left:0px;
	}
	.swiper-container .swiper-slide.swiper-slide-next {
		padding-right:8px;
		padding-left:8px;
	}
	.swiper-container .swiper-slide.swiper-slide-duplicate-prev {
		padding-left:16px;
		padding-right:0px;
	}
	.jeneral-gal .swiper-button-next, 
	.jeneral-gal .swiper-button-prev {
		height:30px;
		width: calc(5% + 16px);
	}
	.jeneral-gal .swiper-button-next:after,
	.jeneral-gal .swiper-button-prev:after {
		font-size:16px;
	}
	.jeneral-gal .swiper-button-prev {
		left:0;
		right:auto;
	}
	.jeneral-gal .swiper-button-next {
		right:0;
		left:auto;
	}
	
	.color-gal .swiper-container {
		width:100%;
		height:100%;
	}
	.color-gal .swiper-container .swiper-wrapper {
		margin-bottom:5vh;
	}
	.color-gal .swiper-container .swiper-slide {
		padding-right:0;
		padding-left:0;
	}
	.color-gal .swiper-container .swiper-slide img {
		box-shadow: none;
        border: none;
		padding-right:10%;
		padding-left:10%;
	}
	.color-gal .swiper-button-next, 
	.color-gal .swiper-button-prev {
		width:40px;
		margin-top:-60px;
	}
	.color-gal .swiper-button-next:after, 
	.color-gal .swiper-button-prev:after {
		font-size:16px;
	}
	
	.carcolor-img {
		display: flex;
		height: 50%;
		width: 90%;
		align-items: flex-end;
	}
	.carcolor-txt {
		font-size: 14px;
		font-weight: 400;
		color: #000000;
	}
	.carcolor-txt:after {
		height:10px;
		margin-left:3px;
	}
}

/*====== SLIDER SECTION ======
============================*/


/*==========================//
//===== CALC BUTTON ========//
//==========================*/
._calc {
	width: 100%;
    text-align: left;
    color: #fff;
    font-size: 100%;
    z-index: 1;
}
._calc a {
  color: inherit;
    text-decoration: none;
    background: #fabe04;
    color: #000;
    border: 1px #fff solid;
    border-radius: 8px;
    font-size: 1vw;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 1px -1px 7px #000;
    padding: 4px 20px;
	white-space:nowrap;
}
._calc.mobile {
	display:none;
}

@media (max-width: 1024px){
	._calc.mobile {
		display:block;
	}
  ._calc {
		width: 85%;
		margin: 0 auto;
		margin-right: auto;
  }
  ._calc a {
      font-size: 4.15vw;
	  padding: 2px 10px
  }
}
/*===== /CALC BUTTON ========//
//============================*/

/*============================//
//===== BANNER SWIPER ========//
//============================*/
.banner-swiper {
	position: fixed;
    height: 100%;
	width:75vw;
    background: #000000;
    max-width: 100%;
    z-index: -1;
}
.banner-swiper, .banner-swiper * {
	direction:ltr;
}
.banner-swiper .gallery-mob {
	height:100%;
}
.banner-swiper img {
	position:relative;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.banner-swiper {
		width:100%;
		position:absolute;
	}
}
/*===== /BANNER SWIPER ========//
//============================*/


/*===================//
//===== FORM ========//
//===================*/
#formTop {
	position:fixed;
	width: 25%;
	height:100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--model-main-color);
	color: #000000;
	left: 0;
	z-index: 1;
}

#formTop .form-title {
	margin: 0 auto;
    margin-bottom: 2vh;
    padding-bottom: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
	line-height:1;
}

@media (max-width: 1024px) {
	#formTop {
		position:relative;
		width: 100%;
		height:auto;
	}
	#formTop.on {
		left: 0;
	}
}

/*===== FORM CLOSE BUTTON ========*/
#formTop #close {
	display: none;
}
@media (max-width: 1024px) {
	#formTop #close {
		position: absolute;
		top: -10rem;
		left: 6rem;
		cursor: pointer;
		top: 5rem;
	}
}
/*===== /FORM CLOSE BUTTON ========*/

.mob_select_yoman {
	width:80%;
	margin:2vh auto;
}

#yomanframe_wrpr {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    height: calc(100vh - 5vh - 70px);
    width: 25vw;
    z-index: 9999;
}
#yomanframe_wrpr .close_btn {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    background: #000000;
    border-radius: 100%;
    cursor: pointer;
}
#yomanframe {
	height: 100%;
	width:100%;
	border: 0;
	background:#ffffff;
}

/*===== FORM BRAND LOGO (and model name) ========*/
#formTop .form_top {
	display: block;
	width: 50%;
	max-width: 100%;
	padding-bottom:1.5vh;
	margin: 3vh auto 1.5vh auto;
	text-align: center;
	border-bottom: 1px solid #000000;
}

@media (max-width: 1024px) {
	#formTop .form_top { 
		display:none;
	}
	#formTop .form_top img {
		width: 30vw;
		margin: 0 auto;
    }
}
/*===== /FORM BRAND LOGO (and model name) =====*/

/*===== FORM H3 =====*/
.container #formTop h3 {
	font-size: 1.75rem;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	margin-bottom: 7vh;
	width: 80%;
}
@media (max-width: 1024px) {
	.container #formTop h3 {
		width: 70.78125rem;
		font-size: 4rem;
		margin-bottom: 5.5rem;
	}
}
/*===== /FORM H3 =====*/

/*===== /FORM FIELDS =====*/
#formTop .input-field {
	position: relative;
	width: 80%;
}
#formTop .input-field input {
	width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    background-color: #ffffff;
    padding: 5px 7px;
    border: none;
    margin-bottom: 3vh;
}
#formTop .input-field label {
	display: none;
	position: absolute;
	bottom: calc(5vh - 14px);
	right: 0;
	color: red;
	font-size: 0.6rem;
	font-weight: 500;
}

#formTop .checkbox-container {
	display: flex;
    align-items: flex-start;
    margin-bottom: 1.04167rem;
    width: 80%;
	position:relative;
}
#formTop .checkbox-container label {
	cursor:pointer;
}
#formTop .checkbox-container label input {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	top: -1rem;
	right: -2rem;
}
#formTop .checkbox-container label .box {
	height: 15px;
    aspect-ratio: 1;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 2px;
    position: relative;
    outline: 0;
}
#formTop .checkbox-container label input:checked + .box {
	background-image: url("../assets/img/v.svg");
	background-size: 70% 70%;
	background-repeat: no-repeat;
	background-position: center;
}
#formTop .checkbox-container p {
	margin-right: 0.6rem;
    font-size: 11px;
    font-weight: 300;
    line-height: 1;
}
#formTop .checkbox-container a {
	color:inherit;
}

#formTop #submit {
	width: 80%;
    background: #000000;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 5vh;
    padding: 5px;
    border: none;
}

@media (max-width: 1024px) {
	.mob_select_yoman {
		width:90%;
	}
	#yomanframe_wrpr {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	#formTop .input-field {
		width:100%;
	}  
	#formTop .input-field input {
		width: 80rem;
		height: 10.9375rem;
		font-size: 3.125rem;
		padding-right: 4.6875rem;
		margin-bottom: 4.6875rem;
		margin: 0 auto 4.6875rem;
		display: block;
	}
	#formTop .input-field label {
		color: white;
		font-size: 2.5rem;
		bottom: 0.6rem;
		padding-right: 10%;
	}
	
	#formTop .checkbox-container {
		width: 80rem;
	}  
	#formTop .checkbox-container label .box {
		height: 5.625rem;
		width: 5.625rem;
	}
	#formTop .checkbox-container p {
		font-size: 2.28125rem;
		margin-right: 3.125rem;
		bottom: 1rem;
	}
	
	#formTop #submit {
		margin-top: 2.03125rem;
		margin-bottom:0;
	}
}
/*===== /FORM FIELDS =====*/

/*===== FORM FOOTER =====*/
.form_footer {
	width: 80%;
	text-align:center;
}
.form_footer .masqu_tel_wrpr {
	font-size:120%;
	margin:1vh auto 2vh auto;
	vertical-align: center;
}
.form_footer .masqu_tel_wrpr a {
	color:#ffffff;
	font-size:90%;
}
.form_footer .form_footer_logo_wrpr {
	width: 100%;
    text-align: center;
    position: relative;
}	
.form_footer .form_footer_logo_wrpr img {
	max-width:50%;
}
.form_footer .form_footer_logo {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	align-self: center;
}

@media (max-width: 1024px){
    .form_footer .form_footer_logo_wrpr { 
		max-width:100%;
		max-width:none;
		padding: 8% 0 4%;
    }
}
/*===== /FORM FOOTER =====*/

/*===== FORM THANKS =====*/
#formTop #thanks {
	display: none;
	text-align: center;
	margin-top: 10%;
	margin-bottom: 3rem;
}
#formTop #thanks h2 {
	font-size: 5rem;
}
#formTop #thanks h4 {
	font-size: 1.2rem;
}
@media (max-width: 1024px) {
	.container #formTop #thanks {
		width:100%;
		margin-top: 0;
        margin-bottom: 60px;
	}
	.container #formTop #thanks h2 {
		font-size: 20rem;
	}
	.container #formTop #thanks h4 {
		font-size: 6rem;
	}
}
/*===== /FORM THANKS =====*/





/*===================//
//===== BTNS ========//
//===================*/
#btns {
	display: none;
	position:fixed;
	bottom:7vh;
	width: 100%;
	height: 60px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	background: #000;
	z-index:1;
}
#btns .btns_wrpr {
	width:100%;
	display:flex;
	justify-content:space-between;
}
#btns .btns_wrpr a {
    position: relative;
    width: 48%;
    height: 40px;
	margin:0 auto;
    padding: 0 4.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
	gap:7px;
    font-size: 3.90625rem;
	font-weight:400;
	color:#000000;
    text-decoration: none;
    border: none;
    background-color: #ffffff;
}
#btns .btns_wrpr a img {
	max-width:25px;
}

@media (max-width: 1024px) {
	#btns {
		display: flex;
	}
}
/*======= /BTNS =============
===========================*/

/*==========================//
//===== BOTTOM_WRPR ========//
//==========================*/
.bottom_wrpr {
	width:max-content;
	margin:0 auto;
}
@media (max-width: 1024px){
	.bottom_wrpr {
		width:95%;
	}
}

.content_btn {
	position: relative;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 3.90625rem;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 4.6875rem;
    border: 1px solid #ffffff;
	background: linear-gradient(90deg, #5F5F60 0%, #B0B1B2 70%, #7C7E76 100%);
}
@media (max-width: 1024px){
	.content_btn {
		display: flex;
	}
}

/*===============================//
//======= CUSTOM SELECT =========//
//===============================*/
.custom-select {
	position: relative;
	width:100%;
	margin:0 auto;
	margin-bottom: 0.8vw;
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}
.select-selected {
  border:2px solid #ffffff;
}
/* Style the arrow inside the select element: */
.select-selected:before {
	position: absolute;
	content: "";
	left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    aspect-ratio: 1;
	background: #000000;
}
.select-selected:after {
	position: absolute;
    content: "";
    left: 12px;
    top: calc(50% - 3px);
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
	transform:rotate(180deg);
	translate: 0 -50%;
}
/* style the items (options), including the selected item: */
.select-items div:not(.close_btn),.select-selected {
  color: #000000;
  padding: 5px 16px;
  cursor: pointer;
  font-size:16px;
}
.select-items div:not(.close_btn) {
	background:#ffffff;
	border-bottom: 1px solid #000000;
}
/* Style items (options): */
.select-items {
	position: absolute;
    margin-top: -1px;
    width: 100%;
    top: 100%;
    border-top: 2px solid #3b3b3b;
    z-index: 99;
    overflow: hidden;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:not(.close_btn):hover, .same-as-selected {
	background: #000000;
	color:#ffffff;
}

@media (max-width: 1024px) {
	.custom-select {
		width:90%;
	}
	.select-items {
		bottom:100%;
		top:auto;
	}
}
/*======= /CUSTOM SELECT =============
=====================================*/

/*==========================//
//===== LISSING DATA =======//
//==========================*/
.lisNbtn {
	display: flex;
    gap: 2vw;
}
.lisNbtn.mobile_hide {
	display:flex;
}
.lisNbtn ._calc a {
	background: rgba(255,255,255,.6);
    box-shadow: none;
    border-radius: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.lissing_wrpr {
	position:relative;
	display: flex;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
    box-shadow: -10px 0px 25px 5px rgba(0,0,0,.1);
    line-height: 1;	
	background: #000000;
    color: #ffffff;
    font-weight: 300;
    border: 1px solid #ffffff;
    border-radius: 50vh;
}
.lissing_wrpr * {
	font-weight:300;
	font-size: 1.2rem;
}

.lissing_wrpr h3 {
	position: relative;
    margin: 0;
	padding:0 1.2vw;
    background: transparent;
    color: #ffffff;
    font-weight: 300;
    font-size: 1.2rem;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:right;
	white-space:nowrap;
}
.lissing_wrpr .lissing_list {
	margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.lissing_wrpr .lissing_list li {
	position:relative;
	padding:0 1.2vw;
    margin: 1vh 0;
    border-left: 1px solid #000000;
	text-align:right;
	white-space:nowrap;
}
.lissing_wrpr .lissing_list li:before,
.lissing_wrpr .lissing_list li:after {
	width:min-content;
	padding:3px;
	background:#000000;
    border: 1px solid #ffffff;
	font-weight:300;
	font-size:1rem;
	color:#ffffff;
}
.lissing_wrpr .lissing_list li:before {
	content:"";
	position: absolute;
	width:1px;
	height:100%;
	padding:0;
    top: 50%;
    right: 0;
	border:0;
	background:#ffffff;
    transform: translate(50%, -50%);
}
.lissing_wrpr .lissing_list li:after {
	content:"או";
	position:absolute;
	top:50%;
	left:0;
	transform:translate(-50%,-50%);
	width:32px;
	aspect-ratio:1;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	border:2px solid #000000;
	border-radius:100%;
	background:#ffffff;
	z-index:1;
}
.lissing_wrpr .lissing_list li:last-child {
	border:none;
}
.lissing_wrpr .lissing_list li:last-child:after {
	display:none;
}
.lissing_wrpr .lissing_list h5 { 
	margin:0;
	padding:0;
	font-weight:300;
	font-size: 1.2rem;
}
.lissing_wrpr .lissing_list .lis_start_from { 
	display: inline-block;
	font-size: 0.8rem;
    width: min-content;
    white-space: normal;
    text-align: left;
	vertical-align:top;
}
.lissing_wrpr .lissing_list .lis_price { 
	font-weight:bold;
	font-weight: 200;
    font-size: 2.5rem;
}
.lissing_wrpr .lissing_list .oldprice {
    position: relative;
    display: inline-block;
}
.lissing_wrpr .lissing_list .oldprice:after {
    content: "";
    position: absolute;
    height: 1.5px;
    background: #000000;
    transform: rotate(5deg);
    width: 100%;
    right: 0;
    top: 50%;
}
@media (max-width: 1024px){
	
	.lisNbtn.mobile_hide {
		display:none;
	}
	.lissing_wrpr {
		width:100%;
		padding:0 0.5vw;
		padding-top:10px;
		display: flex;
		box-shadow: none;
		background: #000000;
		line-height:normal;
		color:#ffffff;
	}
	.lissing_wrpr:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 5px;
		top: 0;
		right: 0;		
		border-top: 1px solid rgba(255,255,255,.8);
		border-bottom: 1px solid rgba(255,255,255,.8);
		background: linear-gradient(90deg, #5F5F60 0%, #B0B1B2 70%, #7C7E76 100%);
	}
	.lissing_wrpr h3 {
		margin-bottom:1.5vh;
		padding-bottom: 15px;
		padding-top: 10px;
		font-size:4rem;
		font-weight:bold;
	}
	.lissing_wrpr h3:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 4px;
		top: 100%;
		right: 0;		
		background: linear-gradient(90deg, #5F5F60 0%, #B0B1B2 70%, #7C7E76 100%);
	}
	.lissing_wrpr .lissing_list {
		display: block;
		padding: 0;
	}
	.lissing_wrpr .lissing_list li {
		position: relative;
		border: none;
		margin: 0;
		padding: 0;
		padding-bottom: 1.5vh;
		margin-bottom: 1.5vh;
	}
	.lissing_wrpr .lissing_list li, 
	.lissing_wrpr .lissing_list li * {
		text-align:center;
		font-size:3rem;
	}
	.lissing_wrpr .lissing_list li:after {
		display:none;
	}
	.lissing_wrpr .lissing_list h5 {
	    font-size: 4rem;
		font-weight: 300;
		text-align: right;
		color: #ffffff;
	}
	.lissing_wrpr .lissing_list .lis_start_from {
		display:inline;
		font-size: 3rem;
		line-height: 1;
	}
	.lissing_wrpr .lissing_list .lis_price {
		font-size:5rem;
	}
	.lissing_wrpr .lissing_list .oldprice {
		font-size: 80%;
        display: block;
        width: fit-content;
        margin-right: auto;
        line-height: 1;
	}
	.lissing_wrpr .lissing_list .oldprice:after {
		background: #ffffff;
		height: 1px;
	}
}
/*===== /LISSING DATA =====
=========================*/


/*====================//
//===== FOOTER =======//
//====================*/
footer {
	width: 100%;
	padding: 0 1vw;
	position: relative;
	z-index: 1;
	background:#ffffff;
	color:#000000;
}

#footer-content {
	padding:1vh;
	padding-bottom:5vh;
}
#footer-content * {
    font-size: 11px;
    line-height: 1;
}

body.no-scroll footer {
  z-index: 0;
}
@media (max-width: 1024px) {
	footer {
		z-index:0;
	}
	#footer-content {
		padding-bottom:calc(7vh + 60px + 1vh);
	}
}
/*===== /FOOTER =====
===================*/

/*=======================//
//===== BLOCKPAGE =======//
//=======================*/
.blockpage {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.71);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: .3s all
}

.blockpage.active {
	opacity: 1;
	visibility: visible
}

.blockpage.active i {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	top: 17vw;
	font-size: 7vw
}

@media (max-width: 1024px) {
	.blockpage.active i {
		top: 50vw;
		font-size: 30vw
	}
}
/*======= /BLOCKPAGE =============
=================================*/


/*===================================//
//======= INTERACTIVE VIDEO =========//
//===================================*/
#jeepIv {
	border:none;
	max-width:320px;
	margin:0 auto;
	margin-top:25px;
}

.ivBox {
	position:relative;
    height: 320px;
	width: 100%;
	margin:0 auto;
    background-color: #000;
	overflow:hidden;
	border-top:10px solid #000000;
	text-align:center;
}
.ivBoxHeight {
    height: 630px !important;
}

.ivBoxFull {
	left: 0;
    top: 0;
    transform: translate(0, 0);
    position: fixed;
    height: 100% !important;
    width: 100% !important;
    z-index: 100;
	background-color:#000;
}
.openIVplayer {
	-webkit-animation-name: open_player;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	animation-name: open_player;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-iteration-count: 1;
}

@-webkit-keyframes open_player {
	from { height: 320px; }
	to { height: 600px; }
}

@keyframes open_player {
	from { height: 320px; }
	to { height: 600px; }
}
@media (min-width: 1024px) {
	.ivBox {
		display: none;
	}
}
._volume {
	background: none;
	border: 0;
	color: #fff;
	font-size: 40pt;
	margin-top: 3%;
	position: absolute;
	top: 0;
	margin-top: 0;
	padding: 1%;
	outline: none;
	z-index: 1;
}

@media (max-width: 1024px){
	._volume{
		font-size: 7vw;
	}
}
/*===== /INTERACTIVE VIDEO ======
===============================*/


/*=============================
/*======= /STEMPA =============
=============================*/
/*
.stmp {
	position: absolute;
    top: 10vh;
    transform: rotate(-10deg);
    left: 3vw;
    width: 220px;
	z-index:2;
}

@media (max-width: 1024px) {
	.stmp {
		width: 110px;
		top:30vh;
		left:3vh;
	}
	
}
/*===== / SUMMER SALE =====
=========================*/





/*================================
/*======= RESPONSIVE =============
================================*/

.desktop_hide {
  display: none;
}
.mobile_hide {
  display: initial;
}
@media (max-width: 1024px){
	.desktop_hide {
	  display: initial;
	}
	.mobile_hide {
	  display: none;
	}
}