@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");
}

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

html {
  font-size: 1vw;
}

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

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;
}

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


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

/*===== HEADER HAMBURGER =====*/
.header .hamburger_wrpr {
	position: fixed;
	right: 0;
	width: 3.84rem;
	height: 3.84rem;
	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%;
	height: 30%;
	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: space-between;
		background: #171516;
	}
    .header .hamburger_wrpr {
		position:static;
		width: auto;
		height: auto;
		background: transparent;
    }
    .header .hamburger_wrpr .hamburger {
		position: relative;
		width: 7.5rem;
		height: 4.375rem;
    }
	.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: 25rem;
	transition: .3s all;
	opacity: 0;
	visibility: hidden;
	right: -100%;
	position: fixed;
	display: block;
	margin: 0 auto;
	padding-top: 2rem;
	height: 100vh;
	top:0;
}
.header ul li {
	width: 65%;
	margin: 0.5rem 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 {
	color: black;
	border-bottom: 0.05208rem solid black;
}
.header ul li a div._text {
	width: 50%;
	font-weight: bold;
	font-size: 155%;
	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 {
		height: 100%;
		width: 75%;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		background-color: #fff;
		position: fixed;
		top: 0;
		right: -50rem;
		transition: 400ms ease-in-out;
		padding: 10rem 0;
		border-left: 0.1rem solid white;
		border-bottom: 0.1rem solid white;
	}  
	.header ul li {
		width: 80%;
		margin: 5rem auto;
	}
	.header ul li a {
		font-size: 4.6875rem;		
		border-bottom: 0.15625rem solid transparent;
		padding-bottom: 1rem;
	}
	.header ul li a.active, 
	.header ul li a:hover {
		border-bottom: 0.15625rem solid white;
	}
	.header ul li a div._text {
		font-size: 100%;
	}
	.header.on ul {
		right: 0;
	}
}
/*===== /HEADER UL (MENU) =====*/

/*===== HEADER LOGO =====*/
.header-logo {
	display: none;
	margin: 0;
	position: relative;
	width: 55%;
	padding-top: 1vw;
	right: 0;
}
.header-logo img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media (max-width: 1024px) {
  
  .header-logo {    
		display: block;
  }
}
/*===== /HEADER LOGO =====*/

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



/*===============================
====== CONTAINER & CONTENT ======
===============================*/
.container {
  width: 100%;
  height:95vh;
  display: flex;
}
.container.model {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.container.model .content {
	position: relative;
	width: 75%;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	background-color: #000000;
}
.page-calculator .container { 
	display:block;
}

@media (max-width: 1024px) {
	.container {
		flex-direction: column;
		padding-top:8vh;
	}
	.container.model {
		height: calc(100vh - 7vh - 160px - 8vh);
	}
	.no-scroll .container.model {
		z-index: 21;
	}
	
	.container.model .content {
		width: 100%;
		height:100%;
		background-size: 100%;
	}
}

/*====== CONTAINER & CONTENT ======
=================================*/

/*=======================
====== CONTENT_TOP ======
=======================*/
.container .content .content-top {
	color: #ffffff;
	text-align: center;
	width: 100%;
	margin-top: 0;
	padding-top: 2vh;
	background: none;
	background: linear-gradient(0deg, rgba(64,69,73,0) 0%, rgba(46,47,51,1) 100%);
}
.container .content .content-top .top-BGimg {
	margin:0 auto;
	max-height:16vh;
}
.container .content .content-top h1,
.container .content .content-top h2,
.container .content .content-top h3 {
	font-weight: 700;
	margin:0 auto;
	line-height: normal;
	font-size: unset;
}
.container .content .content-top h1 {
	margin: 0 auto;
	font-size: 3.5rem;		
	font-weight: 900;
	line-height:1;
}
.container .content .content-top h2 {
  font-size: 2.1rem;		
  margin-bottom: 0.78125rem;
  font-weight: normal;
}
.container .content .content-top .headline {
	text-align:center;
}
.container .content .content-top .headline img {
	max-height:100%;
}
.container .content .content-top .model-logo .small-txt {
	font-weight:normal;
	display:inline-block;
	font-size: 3rem;
}
.container .content .content-top .slogen {
	width:fit-content;
	margin:0 auto;
	font-size:3rem;
	text-align:center;
	font-weight:300;
	line-height:1;
}

@media (max-width: 1024px) {
	.container .content .content-top .top-BGimg {
		max-width:70%;
	}
	.container .content .content-top h1 {
		font-size: 9.5rem;		
		font-weight: normal;
	}
	.container .content .content-top .model-logo img {
		max-width:80%;
	}
	.container .content .content-top .slogen {
		font-size:7.5rem;
	}
}
/*====== CONTENT_TOP ======
=========================*/

.container .content .content-center {
	width:100%;
}
.container .content .content-bottom {
	padding-bottom:2vh;
	text-align:center;
	width:100%;
}

/*==========================//
//===== 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 {
    background: #000000;
    width: 100%;
}
.banner-swiper, .banner-swiper * {
	direction:ltr;
}
.banner-swiper .gallery-mob {
	height:100%;
}
.banner-swiper img {
  max-width: 100%;
  max-height:100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.banner-swiper .swiper-pagination-bullet {
	background:#5f5f60;
	opacity:1;
}
.banner-swiper .swiper-pagination-bullet-active {
	background:#ebbd2c;
}
/*===== /BANNER SWIPER ========//
//============================*/


/*===================//
//===== FORM ========//
//===================*/
#form {
	position:fixed;
	width: 25%;
	height:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #000;
	color: #fff;
	left: 0;
	z-index: 1;
}
@media (max-width: 1024px) {
	#form {
		width: 100%;
		height: 100vh;
		background: #000;
		color: white;
		z-index: 999;
		left: 100%;
		transition: 500ms ease-in-out;
	}
	#form.on {
		left: 0;
	}
}

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

/*===== FORM BRAND LOGO (and model name) ========*/
#form .form_top {
	display: block;
	width: 50%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	height: auto;
}
#form .form_top img {
	width: 80%; 
	max-width: 100%;
	height: auto;
	display: block;
	margin: 10% auto 0 ;
}
#form .form_top .model-name {
	font-size: 150%;
	padding: 5% 0;
	display: block;
}
@media (max-width: 1024px) {
	#form .form_top {
		margin-top: 10rem;
	}
	#form .form_top img {
		width: 30vw;
		margin: 0 auto;
    }
	#form .form_top .model-name {
		display: none !important;
	} 
}
/*===== /FORM BRAND LOGO (and model name) =====*/

/*===== FORM H3 =====*/
.container #form h3 {
	font-size: 1.27604rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 1.04167rem;
	width: 85%;
	font-size: 100%;
}
@media (max-width: 1024px) {
	.container #form h3 {
		width: 70.78125rem;
		font-size: 4rem;
		margin-top: 8rem;
		margin-bottom: 5.5rem;
	}
}
/*===== /FORM H3 =====*/

/*===== /FORM FIELDS =====*/
#form .input-field {
	position: relative;
	width: 85%;
}
#form .input-field input {
	width: 100%;
	height: 2.5rem;
	font-size: 0.83333rem;
	font-weight: 500;
	color: #0b233a;
	background-color: #f0eeee;
	padding-right: 1.30208rem;
	border: none;
	margin-bottom: 0.78125rem;
}
#form .input-field input::placeholder {
  color: #0b233a;
}
#form .input-field label {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	color: red;
	font-size: 0.6rem;
	font-weight: 500;
}

#form .checkbox-container {
	width: 18.75rem;
	display: flex;
	align-items: flex-start;
	position: relative;
	margin-bottom: 1.04167rem;
	width: 85%;
}
#form .checkbox-container label input {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	top: -1rem;
	right: -2rem;
}
#form .checkbox-container label .box {
	height: 1.51042rem;
	width: 1.51042rem;
	background-color: #f0eeee;
	flex-shrink: 0;
	border: 0.05208rem solid transparent;
	cursor: pointer;
	position: relative;
	z-index: 2;
	outline: 0;
}
#form .checkbox-container label .box:hover {
	background: white;
	border: 0.05208rem solid black;
}
#form .checkbox-container label .box:focus {
	border: 0.05208rem solid black;
}
#form .checkbox-container label input:checked + .box {
	background-image: url("../assets/icons/v.svg");
	background-size: 70% 70%;
	background-repeat: no-repeat;
	background-position: center;
}
#form .checkbox-container p {
	position: relative;
	margin-right: 0.6rem;
	bottom: 0.25rem;
	font-size: 0.625rem;
	font-weight: 400;
}

#form #submit {
	width: 85%;
	height: 3.108rem;
	background-color: #7e8f9d;
	color: #000;
	font-size: 1.30208rem;
	font-weight: 700;
	border: none;
	border-radius: 0.15625rem;
	cursor: pointer;
	margin-bottom: 1.04167rem;
}

@media (max-width: 1024px) {
	#form .input-field {
		width:100%;
	}  
	#form .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;
	}
	#form .input-field label {
		color: white;
		font-size: 2.5rem;
		bottom: 0.6rem;
		padding-right: 10%;
	}
	
	#form .checkbox-container {
		width: 80rem;
	}  
	#form .checkbox-container label .box {
		height: 5.625rem;
		width: 5.625rem;
	}
	#form .checkbox-container p {
		font-size: 2.28125rem;
		margin-right: 3.125rem;
		bottom: 1rem;
	}
	
	#form #submit {
		width: 80rem;
		height: 11.0625rem;
		color: #0b233a;
		font-size: 4.76563rem;
		border-radius: 0.46875rem;
		margin-top: 2.03125rem;
	}
}
/*===== /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_footer_logo {
		display: initial;
		width: 28.75rem;
		height: 8.28125rem;
		margin-left: auto;
		margin-right: 10.15625rem;
		margin: 0  auto;
	}
}
/*===== /FORM FOOTER =====*/

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


/*====================//
//===== YOMAN ========//
//====================*/
.mob_select_yoman {
	display:block;
	font-size:18px;
}
.mob_select_yoman .yoman-title {
	margin-bottom:10px;
	text-align:center;
	font-size: 1.75vw;
}

/*===== YOMAN IFRAME WRAPER =====*/
#yomanframe_wrpr {
    width: 25vw;
    display: none;
    position: absolute;
    top: 155px;
	left:0;
	height:calc(100% - 170px);
	border-right:1px solid #000000;
    z-index: 9999;
}
#yomanframe_wrpr .close_btn {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-top: 0;
    height: 30px;
    width: 30px;
	font-size:14px;
    text-align: center;
    line-height: 31px;
	color:#ffffff;
    background: #021946;
    border-radius: 30px;
	cursor:pointer;
}
#yomanframe_wrpr #yomanframe {
	height: 100%;
	width:100%;
	border: 0;
	background:#ffffff;
}

@media (max-width: 1024px) {
	#yomanframe_wrpr {
		width:100vw;
		top:8vh;
		height:calc(100vh - 8vh - 7vh);
		z-index:999;
	}
}
/*===== YOMAN IFRAME WRAPER =====*/

@media (max-width: 1024px) {
	.mob_select_yoman {
		display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        background: #000000;
	}
	.mob_select_yoman .yoman-title {
		margin-bottom:0px;
		font-size:7vw;
		color:#ffffff;
		text-align:center;
	}
	.open_form .mob_select_yoman {
		display: none!important;
	}
}
/*======= /YOMAN =============
============================*/




/*===================//
//===== BTNS ========//
//===================*/
#btns {
	display: none;
	width: 100%;
	height: 160px;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	background: #000;
	justify-content: space-between;
}
#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;
}
#btns .btns_wrpr a:first-of-type {
    background-color: #ffffff;
}
#btns .btns_wrpr a:last-of-type {
    background-color: #818181;
}
#btns .btns_wrpr a img {
	max-width:25px;
}

@media (max-width: 1024px) {
	#btns {
		display: flex;
		position:relative;
		z-index:1;
	}
	
	.model.on ~ #btns {
		display:none;
	}
}
/*======= /BTNS =============
===========================*/

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

/*========================//
//===== BLOCKPAGE ========//
//========================*/
.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;
	}
}
/*======= /BLOCKPAGE =============
=================================*/

/*===============================//
//======= 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;
  border-radius:6px;
}
/* Style the arrow inside the select element: */
.select-selected:before {
	position: absolute;
	content: "";
	left:2px;
	top:2px;
	width:40px;
	height:calc(100% - 4px);
	background: rgb(209,43,52);
	background: linear-gradient(90deg, rgba(209,43,52,1) 0%, rgba(130,1,30,1) 100%);
	border-radius:4px 0 0 4px;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  left: 15px;
  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 {
  border-color: transparent transparent #fff transparent;
  top: 11px;
}
/* style the items (options), including the selected item: */
.select-items div:not(.close_btn),.select-selected {
  color: #10a5b7;
  padding: 6px 16px;
  cursor: pointer;
  font-size:18px;
}
.select-items div:not(.close_btn) {
	color: #10a5b7;
	background:#ffffff;
	border-bottom: 1px solid #10a5b7;
}
/* Style items (options): */
.select-items {
	position: absolute;
	width:100%;
	top: 100%;
	z-index: 99;
	border: 1px solid #10a5b7;
	border-radius: 6px;
	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: #10a5b7;
	color:#ffffff;
}

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

/*====================//
//===== PRICE  =======//
//====================*/
.price-t {
	display: flex;
	justify-content: center;
	align-items: center;		
	font-size: 1.5vw;
	color:#ffffff;
}
.price-t.type3 {
	width:max-content;
	margin:auto;
	padding: 5px 20px;
	letter-spacing:-1px;
	border-radius: 12px;
	text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.65);
    background: conic-gradient(from 264.45deg at 105% 0%, #272727 -41.57deg, #525252 18.02deg, #000000 348deg, #282828 297.86deg, #272727 348.43deg, #525252 366.02deg);
}
.price-t .dtls {
	display:flex;
    align-items: flex-start;
	justify-content:center;
	line-height:1;
}
.price-t.type3 .dtls {
    flex-wrap: wrap;
	width:min-content;
}
.price-t .dtls .from {
    width:100%;
    font-size: 0.65em;
    font-weight: 300;
	white-space:nowrap;
}
.price-t.type3 .dtls .from {
	text-align:right;
	font-size: 0.95em;
}
.price-t .price_txt {
	white-space:nowrap;
}
.price-t .amount {
	font-size: 3vw;
	font-weight: 700;
}
.price-t .or {
	margin: 0 2%;
	width: 2.5vw;
	height: 2.5vw;
}
.price-t .or span {
	color: #000;
	background: #fff;
	border-radius: 50%;
	width: 2.5vw;
	height: 2.5vw;
	line-height: 2.5vw;
	display: grid;
	font-weight: 500;
	position: relative;
	text-align:center;
	margin: 0 2%;
	z-index:1;
}
.price-t .or span:after {
	content: 'xx';
	position: absolute;
	left: 0;
	right: 0;
	pointer-events: none;
	height: 1vw;
	height: 200%;
	width: 1vw;
	border-left: 3px #fff solid;
	margin: 0 auto;
	text-align: center;
	color: transparent;
	width: 0;
	top: -50%;
	z-index: -1;
}
.price-t small {
	font-size: inherit;
	font-weight: normal;
	align-self:flex-end;
	text-align:right;
}
.price-t .oldprice {
	position:relative;
	width: max-content;
	margin-left: 0;
	margin-right: auto;
	font-weight: normal;
	align-self: flex-end;
}
.price-t .oldprice:after {
	content: "";
	height: 1px;
	background: #ffffff;
	transform: rotate(5deg);
	width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
}

@media (max-width: 1024px){
	.price-t {
		width:auto;
	    padding: 0;
		transform: none;
		font-size:3vw;
	}
	.price-t .dtls {
		flex-direction: column;
		text-align:right;
	}
	.price-t .dtls .from {
		font-size: 0.7em;
		font-weight: 500;
	}
	.price-t .amount {
		font-size: 6vw;
	}
	.price-t .or {
		width: 5vw;
		height: 5vw;
	}
	.price-t .or span {
		width: 5vw;
		height: 5vw;
		line-height: 5vw;
	}
}
/*======= /PRICE =============
=============================*/

/*==========================//
//===== 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;
    background: linear-gradient(90deg, #5F5F60 0%, #B0B1B2 70%, #7C7E76 100%);
    box-shadow: -10px 0px 25px 5px rgba(0,0,0,.1);
    line-height: 1;
}
.lissing_wrpr h3 {
	position: relative;
    margin: 0;
    padding: 0 2vw;
    background: #000000;
    color: #ffffff;
    font-weight: normal;
    font-size: 1.5rem;
	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 2.5vw;
    margin: 1vh 0;
    border-left: 1px solid #000000;
	text-align:right;
	white-space:nowrap;
}
.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;
	color:#000000;
	border:2px solid #000000;
	border-radius:100%;
	background:#ffffff;
}
.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:normal;
	font-size:1.85rem;
}
.lissing_wrpr .lissing_list .lis_start_from { 
	display:block;
	font-size: 0.8rem;
}
.lissing_wrpr .lissing_list .lis_price { 
	font-weight:bold;
	font-size:1.85rem;
}
.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: block;
		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:6rem;
		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: 5rem;
	}
	.lissing_wrpr .lissing_list li:after {
		content: "";
		width: 100%;
		height: 1px;
		top: 100%;
		background: radial-gradient(circle, #B0B1B2 0%, rgba(0,0,0,1) 100%);
		transform:none;
		display:block;
		border:none;
	}
	.lissing_wrpr .lissing_list h5 {
		font-weight:bold;
		color:#989995;
	}
	.lissing_wrpr .lissing_list .lis_start_from {
		font-size:5rem;
		display:inline;
	}
	.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: 75%;
	padding: 0 1vw;
	position: relative;
	z-index: 1;
	background:#ffffff;
}
footer #footer-content {
	border-bottom: 0.05208rem solid black;
	padding: 5px 0 5vh 0;
}
footer #footer-content,
footer #footer-content * {
	line-height:1;
	font-size: 11px;
	font-weight: 400;
	color:#000000;
}

body.no-scroll footer {
  z-index: 0;
}
@media (max-width: 1024px) {
	footer {
		width:100%;
		z-index: 0;
		padding: 0 2vw;
	}
	footer #footer-content {
		height: fit-content;
		padding-bottom: 7.5vh;
	}
	footer #footer-content p {
		font-size: 3.125rem;
		padding: 0 3.125rem;
	}
}
/*===== /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 =============
=================================*/


/*==========================*/
/*======= CALCULATOR =======*/
/*==========================*/
.page-calculator {
	background:#000000;
}

.page-calculator #MCA_strip{
	display: none !important;
}

.page-calculator .container .content {
    height: auto;
    margin: 0 auto;
    width: 100%;
}

.page-calculator  #calculator {
	width: 91.5vw;
	height: 90vh;
	overflow: hidden;
	border: 0;
	margin: 0 auto;
	background:#ffffff;
}
.page-calculator #calculator iframe {
	width: 100%;
	height: 100%;
}

@media (min-width: 1024px){
	.page-calculator .container .content .header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height:4rem;
		width: 91.5vw;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.page-calculator .container .content .header .hamburger_wrpr {
		position:relative;
	}
	.page-calculator .container .content .header .header-logo {    
		display:block;
		height: 75%;
		padding-left:1rem;
	}
	.page-calculator .container .content .header .header-logo img {    
		max-height:100%;
	}
}
@media (max-width: 1024px){
	#calculator {
		width: 95vw;
	}
}
/*======= /CALCULATOR =========
=============================*/



/*===================================//
//======= 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 ======
===============================*/


/*=========================//
//===== SUMMER SALE =======//
//=========================*/
.stempa {
	display:none;
    position: absolute;
    left: 5vh;
	top:5vh;
    width: 200px;
	transform:rotate(-15deg);
	z-index:999;
}
.page-grand_cherokee .stempa {
	top:17vh;
}
.page-rubicon .stempa {
	left: auto;
	right: 5vw;
	transform:rotate(15deg);
}
@media (max-width: 1024px) {	
	.stempa {
		bottom: 3vh;
		left: 3vw;
		top: auto;
		width: 80px;
	}
	.page-grand_cherokee .stempa {
		top:auto;
	}
}
/*===== /SUMMER SALE =======
//=========================*/


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

@media (max-width: 1024px) {
	.stmp {
		width: 110px;
		top:30vh;
		left:3vh;
	}
	.page-gladiator .stmp {
		top:10vh;
	}
	.page-wrangler .stmp {
		top:6vh;
	}
	.page-grand_cherokee .stmp {
		top:10vh;
	}
	.page-rubicon .stmp {
		top: auto;
		bottom: 10vh;
	}
	.page-compass .stmp {
		top: 15vh;
	}
	
}
/*===== / SUMMER SALE =====
=========================*/





/*=====================================
/*======= /SPESIFIC STAFF =============
=====================================*/

/*==== grand_cherokee feature_list ====*/
.feature_list {
	margin-bottom:1.5vw;
}
.feature_list ul {
	padding: 0;
    list-style: none;
    display: block;
    padding-right: 3%;
    border-right: 1px solid #ffffff;
}
.feature_list ul li {
	margin: 0;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    display: flex;
	justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}
.feature_list ul li img {
	height:22px;
	width:auto;
}
.feature_list ul li span {
	white-space:nowrap;
}
@media (max-width: 1024px){
	.feature_list ul {
		width: 90%;
	}
	.feature_list ul li {
		font-size: 3vw;
	}
	.feature_list ul li img {
		height:16px;
	}
}



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

/*===== days 05 2025 =====*/
/*
.container.days2025 .days2025-form-top {
	max-width: 80%;
	height:auto;
    margin: 0 auto;
    display: block;
	margin-top:2vh;
}
.container.days2025 #form .form_top img {
	width:70%;
}
.container.days2025 #form .form_top .model-name {
	padding-top:0;
}
@media(max-width: 1024px) {	
	.container.days2025 .days2025-form-top {
		width:60%;
		max-width:none;
	}
	.container.days2025 #form .form_top {
        margin-top: 5rem;
    }
}
*/