@font-face {
	font-family: black;
	font-style: normal;
	font-weight: 900;
	src: url('../Font/eot/iranyekanwebextraboldfanum.eot');
	src: url('../Font/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}
@font-face {
	font-family: bold;
	font-style: normal;
	font-weight: bold;
	src: url('../Font/eot/iranyekanwebboldfanum.eot');
	src: url('../Font/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}
@font-face {
	font-family: regular;
	font-style: normal;
	font-weight: normal;
	src: url('../Font/eot/iranyekanwebregularfanum.eot');
	src: url('../Font/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}
@font-face {
	font-family: light;
	font-style: normal;
	font-weight: 300;
	src: url('../Font/eot/iranyekanweblightfanum.eot');
	src: url('../Font/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

body { margin:0;padding:0;font-family:regular,tahoma;color:#000;background-color:#000;line-height:30px;
direction:rtl;text-align:right;letter-spacing:0pt;font-size:11pt; }
a { text-decoration:none;color:#111; }
table { border-spacing:0; }
input,select,textarea { font-family:regular,tahoma;outline-style:none;border-style:none;letter-spacing:-0.3pt; }
.clr { display:block;clear:both; }
img { border-style:none;vertical-align:middle; }
.tbl { display:table; }
.tbl > div { display:table-cell;vertical-align:middle; }

#header { width:100%;position:fixed;left:0;top:0;z-index:+100; }
#header > .tbl { width:100%;height:90px;padding:0px 30px;box-sizing:border-box; }
#header > .tbl > div:nth-child(1) { }
#header > .tbl > div:nth-child(1) img { width:200px; }
#header > .tbl > div:nth-child(2) { text-align:center; }
#header > .tbl > div:nth-child(2) > * { display:inline-block;vertical-align:middle;color:#fff;margin:0px 15px;position:relative;
padding:0px 5px;height:30px; }
#header > .tbl > div:nth-child(2) > *:after { content:"";position:absolute;left:50%;top:35px;height:2px;width:0;background-color:#fff;
transition:300ms;-webkit-transition:300ms;-moz-transition:300ms; }
#header > .tbl > div:nth-child(2) > *:hover:after { width:100%;left:0; }
#header > .tbl > div:nth-child(3) { width:110px;text-align:left;font-family:bold,tahoma; }
#header_button { text-align:center;display:block;height:40px;line-height:40px;position:relative;border-radius:15px;color:#fff; }
#header_button > i:nth-child(1) { position:absolute;width:0;left:100%;top:0;height:2px;background-color:#fff; }
#header_button > i:nth-child(2) { position:absolute;width:0;left:0%;bottom:0;height:2px;background-color:#fff; }
#header_button > i { transition:300ms;-webkit-transition:300ms;-moz-transition:300ms; }
#header_button:hover > i { left:0;width:100%; }

#banner { position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;background-size:cover;
background-position:center;background-image:url('../image/wall.jpg'); }
#banner:after { content:"";position:absolute;left:0;top:0;width:100%;height:150px;background-size:auto 100%;
background-image:url('../image/main_shadow.png');opacity:0.5; }
#banner > div { text-align:center;color:#fff;line-height:70px;vertical-align:bottom;padding-bottom:30px; }
#banner > div > img { height:60px; }

#social { position:fixed;left:20px;bottom:50px;width:20px;z-index:+10; }
#social a { display:block;margin-top:10px; }
#social a img { width:100%; }

#scroll  { display:none;padding-left:60px; }
#scroll > div { width:100%;margin:0px auto;background-color:#fff;height:auto;box-shadow:0px 3px 20px rgba(0,0,0,0.7);
overflow:hidden;border-top-left-radius:70px; }

#anim1 { width:100%;height:200px;position:relative;overflow:hidden;line-height:200px;text-align:center; }
#anim1 > div { width:400px;height:200px;background-size:100%;background-image:url('../image/anim1.png');position:absolute;
left:-50%;top:0px;z-index:+1;border-radius:70px; }
#anim1 > span { display:inline-block;vertical-align:middle;font-size:20pt;font-family:regular,tahoma;letter-spacing:-0.5pt;opacity:0;
border-bottom:1px solid #000;height:100px;line-height:100px;position:relative;padding:0px; }
#anim1 > span > span { font-family:Arial,tahoma;font-weight:900;font-size:30pt; }
#anim1 > span > div { position:absolute;left:0px;bottom:-15px;height:30px;line-height:30px;background-color:#000;padding:0px 10px;
font-size:11pt;font-family:bold,tahoma;border-radius:5px;color:#fff; }

#anim2 { width:100%;height:200px;position:relative;overflow:hidden;line-height:200px;text-align:center; }
#anim2 > div { width:400px;height:200px;background-size:100%;background-image:url('../image/anim1.png');position:absolute;
left:-50%;top:0px;z-index:+1;border-radius:70px; }
#anim2 > span { display:inline-block;vertical-align:middle;font-size:20pt;font-family:regular,tahoma;letter-spacing:-0.5pt;opacity:0;
border-bottom:1px solid #000;height:100px;line-height:100px;position:relative;padding:0px; }
#anim2 > span > span { font-family:Arial,tahoma;font-weight:900;font-size:30pt; }
#anim2 > span > div { position:absolute;left:0px;bottom:-15px;height:30px;line-height:30px;background-color:#000;padding:0px 10px;
font-size:11pt;font-family:bold,tahoma;border-radius:5px;color:#fff; }

.cloudimage-360 { min-height:250px; }
#d3 { background-color:#f7f7f7;padding:40px 0px; }
.line_title { text-align:center;height:200px; }
.line_title > span { display:inline-block;vertical-align:middle;font-size:20pt;font-family:regular,tahoma;letter-spacing:-0.5pt;
border-bottom:1px solid #000;height:100px;line-height:100px;position:relative;padding:0px; }
.line_title > span > span { font-family:Arial,tahoma;font-weight:900;font-size:30pt; }
.line_title > span > div { position:absolute;left:0px;bottom:-15px;height:30px;line-height:30px;background-color:#000;padding:0px 10px;
font-size:11pt;font-family:bold,tahoma;border-radius:5px;color:#fff; }

#colors { position:relative;width:100%;padding-bottom:50%;margin-bottom:20px; }
#colors > div:nth-child(1) { position:absolute;left:0;top:0;width:100%;height:100%; }
#colors > div:nth-child(1) img { width:100%;height:100%;object-fit:cover;object-position:center; }
#colors > div:nth-child(2) { position:absolute;left:0;bottom:45px;width:100%;text-align:center; }
#colors > div:nth-child(2) > div { display:inline-block;vertical-align:middle;width:30px;height:30px;border-radius:50px;cursor:pointer;
border:5px solid rgba(0,0,0,0);margin:0px 5px; }
#colors > div:nth-child(2) > div:nth-child(1) { background-color:#1a38bc; }
#colors > div:nth-child(2) > div:nth-child(2) { background-color:#f1f1f1; }
#colors > div:nth-child(2) > div:nth-child(3) { background-color:#e8353c; }
#colors > div:nth-child(2) > div:nth-child(4) { background-color:#181c1f; }
#colors > div:nth-child(2) > div.selected { border:5px solid rgba(0,0,0,0.7); }


#motor_info { width:90%;max-width:1250px;direction:ltr;margin:0px auto 50px; }
#motor_info > div:nth-child(1) { width:600px;padding-right:20px; }
#motor_info > div:nth-child(2) { direction:rtl; }

#motor_poiner { width:600px;height:600px;position:relative; }
#motor_poiner img { width:100%;height:100%;object-position:center;object-fit:contain; }
#pointer1_1 { position:absolute;right:30%;top:50%;width:2px;text-align:center; }
#pointer1_1 > div:nth-child(1) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer1_1 > div:nth-child(2) { display:block;width:140px;margin-left:-69px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }
#pointer1_2 { position:absolute;right:70%;bottom:80%;width:2px;text-align:center; }
#pointer1_2 > div:nth-child(2) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer1_2 > div:nth-child(1) { display:block;width:140px;margin-left:-69px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }
#pointer1_3 { position:absolute;right:83%;top:45%;width:2px;text-align:center; }
#pointer1_3 > div:nth-child(1) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer1_3 > div:nth-child(2) { display:block;width:140px;margin-left:-69px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }

#tech_info { width:90%;max-width:1250px;direction:ltr;margin:0px auto 50px; }
#tech_info > div:nth-child(1) { width:800px;padding-right:20px; }
#tech_info > div:nth-child(1) img { width:100%;}
#tech_info > div:nth-child(2) { direction:rtl; }
.tech_item { margin-bottom:10px;font-family:light,tahoma; }
.tech_item > span:nth-child(1) { font-family:bold,tahoma;font-size:12pt;margin-left:10px; }

#d3_info { width:90%;max-width:1250px;direction:ltr;margin:0px auto 50px; }
#d3_info > div:nth-child(1) { width:800px;padding-right:20px; }
#d3_info > div:nth-child(1) img { width:100%;}
#d3_info > div:nth-child(2) { direction:rtl; }

.black_back { padding:70px 50px;background-color:#000; }
.image_info { width:90%;margin-top:50px;margin-bottom:50px;opacity:0; }
.right_image_info { margin-right:-200px; }
.left_image_info { margin-right:200px; }
.image_info.ltr { direction:ltr; }
.image_info > div:nth-child(1) { width:500px; }
.image_info > div:nth-child(1) > div { width:100%;padding-bottom:75%;position:relative; }
.image_info > div:nth-child(1) > div > div:nth-child(1) { width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;
z-index:+1;border-radius:10px; }
.image_info_right_frame { width:70%;height:70%;position:absolute;right:-20px;top:-20px;border-radius:20px;border:2px solid #fff;z-index:0;
border-top-left-radius:50px;border-bottom-right-radius:50px; }
.image_info_left_frame { width:70%;height:70%;position:absolute;left:-20px;top:-20px;border-radius:20px;border:2px solid #fff;z-index:0;
border-top-right-radius:50px;border-bottom-left-radius:50px; }
.image_info > div:nth-child(1) > div > div:nth-child(1) img { width:100%;height:100%;object-fit:cover;object-position:center;
transition:200ms;-webkit-transition:200ms;-moz-transition:200ms; }
.image_info > div:nth-child(1) > div:hover > div img { transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); }
.image_info > div:nth-child(2) { padding:0px 40px;direction:rtl; }
.image_info > div:nth-child(2) > div:nth-child(1) { color:#fff;font-size:25pt;font-family:light,tahoma;letter-spacing:-1.5pt;
line-height:50px;margin-bottom:20px; }
.image_info > div:nth-child(2) > i:nth-child(2) { display:inline-block;width:80px;height:2px;background-color:#fff; }
.image_info > div:nth-child(2) > div:nth-child(3) { font-family:light,tahoma;font-size:11pt;color:#bbb;margin-top:20px;line-height:35px; }

#car_back { background-image:url('../image/car_back.jpg');background-size:45% auto;background-position:center;background-repeat:no-repeat; }
.white_back { padding:100px 50px 150px; }
#options3 { width:100%; }
#options3 > div { width:33.33%;float:right;box-sizing:border-box;padding:0px 20px;text-align:right; }
#options3 > div:nth-child(2) { border-right:1px dashed #ddd;border-left:1px dashed #ddd; }
#options3 > div i { display:inline-block;vertical-align:middle;width:12px;height:12px;margin-left:10px;border:2px solid #ddd;border-radius:100%; }
.option_title { font-size:18pt;margin-bottom:30px; }
.option_title img { height:50px;margin-left:10px;vertical-align:bottom; }
.option_item { margin-top:10px;font-family:light,tahoma;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.swiper { width:100%;padding-top:50px;padding-bottom:50px; }
.swiper-slide { background-position:center;background-size:cover;width:90%;max-width:700px;height:500px;overflow:hidden;border-radius:10px; }
.swiper-slide img { display:block;width:100%;height:100%;object-position:center;object-fit:cover; }
.swiper-slide video { display:block;width:100%; }
.swiper-pagination-bullet { background:#fff; }

#footer { background-color:#000;padding:50px 0px 100px;text-align:center;color:#fff; }
#footer > div:nth-child(1) img { width:90%;max-width:250px; }
#footer > div:nth-child(2) { font-size:10pt;margin:15px 0px 10px;color:#aaa;font-family:light,tahoma; }
.footer_contact { display:inline-block;vertical-align:middle;font-family:light,tahoma;margin:0px 20px; }

#white_back { background-color:#fff;padding:210px 0px; }
#top_poiner { width:70%;max-width:800px;position:relative;margin:0px auto; }
#top_poiner img { width:100%; }
#pointer2_1 { position:absolute;right:20%;top:85%;width:2px;text-align:center; }
#pointer2_1 > div:nth-child(1) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer2_1 > div:nth-child(2) { display:block;width:140px;margin-right:-69px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }
#pointer2_2 { position:absolute;right:63%;top:75%;width:2px;text-align:center; }
#pointer2_2 > div:nth-child(1) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer2_2 > div:nth-child(2) { display:block;width:200px;margin-right:-99px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }
#pointer2_3 { position:absolute;right:99%;top:50%;width:2px;text-align:center; }
#pointer2_3 > div:nth-child(1) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer2_3 > div:nth-child(2) { display:block;width:200px;margin-right:-99px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }
#pointer2_4 { position:absolute;right:63%;bottom:80%;width:2px;text-align:center; }
#pointer2_4 > div:nth-child(2) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer2_4 > div:nth-child(1) { display:block;width:200px;margin-right:-99px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }
#pointer2_5 { position:absolute;right:20%;bottom:80%;width:2px;text-align:center; }
#pointer2_5 > div:nth-child(2) i { margin:0px auto;display:block;width:2px;height:0px;background-color:#111;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms; }
#pointer2_5 > div:nth-child(1) { display:block;width:200px;margin-right:-99px;text-align:center;font-size:10pt;
transition:1000ms;-webkit-transition:1000ms;-moz-transition:1000ms;opacity:0; }

#color_prev { position:absolute;width:50px;right:30px;top:50%; }
#color_prev > i { cursor:pointer;width:50px;height:50px;background-size:100%;background-image:url('../image/prev.png');display:block; }
#color_next { position:absolute;width:50px;left:30px;top:50%; }
#color_next > i { cursor:pointer;width:50px;height:50px;background-size:100%;background-image:url('../image/next.png');display:block; }


@media only screen and (max-width:1300px) {
	#tech_info > div:nth-child(1) { width:620px; }
	#d3_info > div:nth-child(1) { width:550px; }
	.image_info > div:nth-child(1) { width:400px; }
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1100px) {
	#tech_info > div { display:block; }
	#tech_info > div:nth-child(1) { width:auto;padding-right:0;text-align:center; }
	#tech_info > div:nth-child(1) img { width:100%;max-width:800px; }
	.tech_item { width:50%;float:right; }
	#options3 > div { width:100%; }
	#options3 > div:nth-child(2) { border-style:none;margin:30px 0px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:30px 0px; }
	#colors { padding-bottom:60%; }
}
@media only screen and (max-width:1000px) {
	#header > .tbl > div:nth-child(2) { display:none; }
	.image_info > div { display:block; }
	.image_info > div:nth-child(1) { width:100%; }
	.image_info > div:nth-child(2) { padding:30px 0px 50px 0px; }
	#d3_info > div { display:block; }
	#d3_info > div:nth-child(1) { width:auto;padding-right:0;text-align:center; }
	#d3_info > div:nth-child(1) img { width:100%;max-width:800px; }
	#motor_info > div { display:block;margin:0px auto; }
	#white_back { padding:140px 0px; }
}
@media only screen and (max-width:900px) {
	
}
@media only screen and (max-width:800px) {
	
}
@media only screen and (max-width:700px) {
	#banner > div { line-height:35px; }
	#banner > div > div:nth-child(1) { font-size:40pt; }
	#banner > div > div:nth-child(2) { font-size:11pt;letter-spacing:-0.5pt;line-height:40px;height:25px; }
	.tech_item { width:100%; }
	#colors { padding-bottom:80%; }
	#motor_info > div:nth-child(1) { width:100%; }
	#motor_poiner { width:380px;height:380px;margin:50px auto; }
}
@media only screen and (max-width:600px) {
	.image_info > div:nth-child(2) > div:nth-child(1) { font-size:15pt;letter-spacing:-0.5pt; }
	.swiper-slide { height:300px; }
	#footer > div:nth-child(2) { padding:0px 30px 20px; }
	.footer_contact { width:200px;display:block;margin:10px auto;background-color:#111;padding:5px 0px; }
    #color_prev { width:30px;right:10px; }
    #color_prev > i { width:30px;height:30px; }
    #color_next { width:30px;left:10px; }
    #color_next > i { width:30px;height:30px; }
}
@media only screen and (max-width:500px) {
	#anim1 > span { font-size:15pt; }
	#anim1 > span > span { font-size:20pt; }
	#anim2 > span { font-size:15pt; }
	#anim2 > span > span { font-size:20pt; }
	.line_title > span { font-size:15pt; }
	.line_title > span > span { font-size:20pt; }
	#scroll { padding-left:0; }
	#scroll > div { border-top-left-radius:0px; }
	#social { display:none; }
	#colors > div:nth-child(2) > div { width:20px;height:20px; }
	#white_back { padding:90px 0px; }
}
@media only screen and (max-width:400px) {
	#header > .tbl { padding:0px 10px; }
	#header > .tbl > div:nth-child(1) img { width:150px; }
	#motor_poiner { width:280px;height:280px; }
}