@charset "utf-8";


textarea { resize:none; }
textarea:focus, input:focus{
    outline: transparent;
}
iframe{
	overflow: hidden;
}
img.a{
	position:absolute;
	left:0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index:1;
}

img.b{
	position:absolute;
	left:0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index:1;
	display:none;
}

*:focus {
    outline: transparent;
}

body, html {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	overflow-x:hidden;
	background: url(images/bg.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#MainDiv{
	position:absolute;
	width:1920px;
	height:910px;
	right:0px;
	top:0px;
	display:block;
	direction:rtl;
	z-index:2;
}


#grey{
	position:absolute;
	width: 100%;
	height: 136px;
	left: 0px;
	bottom: 79px;
	display:block;
	z-index: 2;
	background-color: #e8f1f6;
}

#footer{
	position:absolute;
	width: 1920px;
	height: 100px;
	left: 0px;
	bottom: 0px;
	display:block;
	direction:rtl;
	z-index: 20;
	background-color: #fff;
	/*border-top: 1px solid #fff;*/
}
#termsLine{
	position: relative;
	width: 1920px;
	height: 12px;
	float: right;
	margin: 0;
}
.clrLine{
	position: relative;
	width: 640px;
	height: 12px;
	float: right;
	margin: 0;
}
.clr1{
	background-color: #e5f4e1;
}
.clr2{
	background-color: #a7f995;
}
.clr3{
	background-color: #014040;
}
#termsHolder{
	position:relative;
	width: 1920px;
	height: 40px;
	float: right;
	display:block;
	direction:rtl;
	z-index: 10;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 24px;
	line-height: 40px;
	color: #1d2025;
	text-align: right;
	background-color: #fff;
	text-indent: 40px;
	margin: 0;
}
#zihumHolder{
	position:relative;
	width:1920px;
	height:55px;
	float: right;
	display:block;
	direction:rtl;
	background-color: #fff;
	z-index:7;
	border: none;
	border-top: 1px solid #000;
	margin: 0;
}


.footerPic{
	position:absolute;
	width: 1920px;
	height: 41px;
	right: 0px;
	top: 7px;
	z-index: 2;
	display: none;
}
.termsPic{
	position:absolute;
	width: 1920px;
	height: 36px;
	right: 0px;
	top: 0px;
	z-index: 2;
}






.page{
	position: absolute;
	width: 1920px;
	height: 1080px;
	left: -9px;
	top: 0px;
	display: none;
	direction: rtl;
	z-index: 3;
}


#title{
	position: absolute;
	width: 1090px;
	height: 280px;
	right: 165px;
	top: 20px;
	z-index: 13;
	background-color: #014040;
}

h1 {
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	margin: 15px 0px 10px 0px;
	font-family: 'NarkisBold', Arial, Sans-Serif;
	font-size: 100px;
	line-height: 0.8;
	text-align: center;
	color: #a7f995;
	direction: rtl;
	letter-spacing: -2px;
}

h2 {
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	margin: 0;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: #a7f995;
	direction: rtl;
	margin-bottom: 10px;
}

#text1 {
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0px;
	bottom: 0px;
	margin: 0;
	font-family: 'NarkisBold', Arial, Sans-Serif;
	font-size: 40px;
	line-height: 60px;
	text-align: center;
	background-color: #a7f995;
	color: #1d2025;
	direction: rtl;
}




#text2 {
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	margin: 0;
}

.greenIcon{
	position: relative;
	width: 45px;
	height: 44px;
	float: right;
	margin: 0;
}

.textTop {
	position: relative;
	width: 245px;
	height: 44px;
	float: right;
	margin: 0;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 22px;
	line-height: 20px;
	text-align: right;
	color: #1d2025;
	direction: rtl;
	margin-right: 15px;
}


#termsText {
	position: absolute;
	width: 1349px;
	height: 41px;
	right: 67px;
	top: 700px;
	color: transparent;
	font-size: 0;
	line-height: 0;
	margin: 0;
	z-index: 23;
	background-image: url(images/smallText4.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 100% auto;
}

#termsBtn{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 900px;
	z-index: 25;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	text-decoration: underline;
}

#logo{
	position: absolute;
	width: 183px;
	height: 65px;
	left: 158.5px;
	top: 45px;
	z-index: 5;
}

#logo2{
	position: absolute;
	width: 118px;
	height: 69px;
	left: 145px;
	top: 5px;
	z-index: 5;
}

#logo3{
	position: absolute;
	width: 68px;
	height: 81px;
	left: 279px;
	top: 119px;
	z-index: 5;
}

#moreBtn{
	position: absolute;
	width: 306px;
	height: 118px;
	left: 103px;
	top: 854px;
	z-index: 5;
	
}


#icons{
	position:absolute;
	width: 1350px;
	height: 90px;
	right: 40px;
	top:  -105px;
	display:block;
	direction:rtl;
	z-index:5;
	background-color: #fff;
}
#icn1{
	margin-right: 25px;
	width: 234px;
}
#icn2{
	width: 246px;
}
#icn3{
	width: 216px;
}
#icn4{
	width: 238px;
}
#icn5{
	width: 219px;
}
#icn6{
	width: 144px;
}


.iconHolder{
	position: relative;
	height: 64px;
	float: right;
	margin: 13px 0px 0px 0px;
	z-index: 20;
}
.iconsPic{
	position:absolute;
	width: 65px;
	height: 65px;
	right: 0px;
	top: 0px;
	z-index: 2;
	margin: 0px 0px 0px 20px;
}

.it1{
	top: 0px;
}
.it2{
	top: 10px;
}
.iconText{
	position: absolute;
	width: auto;
	height: auto;
	white-space: nowrap;
	right: 65px;
	z-index: 20;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	color: #2a3036;
}

#messTitle{
	position: absolute;
	width: 248px;
	height: 65px;
	right: 0px;
	top: 205px;
	z-index: 25;
	display: none;
}

#miniCar{
	position: absolute;
	width: 423px;
	height: 427px;
	right: 496px;
	top: 467px;
	z-index: 25;
}


#carPrice{
	position: absolute;
	width: 220px;
	height: 220px;
	left: 282px;
	top: 27px;
	z-index: 22;
}

#carName{
	position: absolute;
	width: 356px;
	height: 66px;
	left: 460px;
	top: 527px;
	z-index: 15;
}

.arrowLeft{
    position:absolute;
	width:58px;
	height:98px;
	right:1302px;
	top:494px;
	z-index:30;
}

.arrowRight{
    position:absolute;
	width:58px;
	height:98px;
	right:50px;
	top:494px;
	z-index:30;
}


.bulletHolder{
	position: absolute;
	width: 135px;
	height: 27px;
	right: 619px;
	top: 948px;
	z-index: 15;
}

.bulletItem{
	position: relative;
	width: 27px;
	height: 27px;
	float: left;
	margin-right: 9px;
}



#prev{
    position:absolute;
	width:31px;
	height:54px;
	right:0px;
	top:410px;
	z-index:20;
}


#next{
    position:absolute;
	width:31px;
	height:54px;
	right:1350px;
	top:410px;
	z-index:20;
}


#caruselHolder{
	position: absolute;
	width:1224px;
	height: 387px;
	right: 98px;
	top: 260px;
	z-index: 50;
}

.mainCar{
	position: absolute;
	width: 702px;
	height: 387px;
	left: 245px;
	top: 0px;
	z-index: 10;
}

.leftCar{
	position: absolute;
	width: 393px;
	height: 217px;
	left: 0px;
	top: 0px;
	z-index: 9;
}

.rightCar{
	position: absolute;
	width: 393px;
	height: 217px;
	left: 831px;
	top: 0px;
	z-index: 9;
}


.mainCarClick{
	position: absolute;
	width: 702px;
	height: 387px;
	left: 245px;
	top: 0px;
	z-index: 15;
}

.leftCarClick{
	position: absolute;
	width: 393px;
	height: 217px;
	left: 0px;
	top: 0px;
	z-index: 14;
}

.rightCarClick{
	position: absolute;
	width: 393px;
	height: 217px;
	left: 831px;
	top: 0px;
	z-index: 14;
}



.PlayPause{
	position: absolute;
	width: 20px;
	height: 35px;
	right: 30px;
	top: -50px;
	z-index: 15;
}

.playText{
	position:absolute;
	width: auto;
	white-space: nowrap;
	height: 35px;
	right: 70px;
	top: -50px;
	display:block;
	direction:rtl;
	z-index: 10;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 35px;
	color: #2a3036;
	text-align: center;

}

#overDiv{
	position: fixed;
	width: 1920px;
	height: 1080px;
	left: 0;
	top: 0;
	z-index: 50;
	background: rgba(0,0,0,0.7);
	display: none;
}
#newPopup{
	position: absolute;
	width: 604px;
	height: 920px;
	left: 658px;
	top: 5px;
	z-index: 51;
	background-image: url("images/popup_new.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}


#flaxBG {
	position: absolute;
	width: 254px;
	height: 254px;
	right: -50px;
	top: 178px;
	color: transparent;
	font-size: 0;
	line-height: 0;
	margin: 0;
	z-index: 23;
	background-image: url(images/flax.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 100% auto;
}

.flaxText{
	position:absolute;
	width: 180px;
	height: auto;
	right: 37px;
	top: 25px;
	display:block;
	direction:rtl;
	z-index: 10;
	font-family: 'NarkisRegular', Arial, Sans-Serif;
	font-size: 27px;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	text-align: center;
	text-shadow: 1px 3px 3.9936px rgba(43, 63, 6, 1);
	-webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}
