@charset "utf-8";
/* CSS Document */
/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, input, select, textarea,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;	border: 0; outline:none;}
/* END RESET*/
body{margin:0; padding:0; font-family: arial; direction:ltr; background:#000;color: #fff; position:relative; overflow:hidden; font-style:italic;}
.btn{cursor: pointer; background-image:url('../images/clearBtn.png');}
.latin{direction: ltr;}
.error{border: 2px solid #FF5600; background-color: #dea637!important; color: #ffffff; direction:rtl; transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s;}
body.v2 .error{background-color: #ff5600!important;}
.current{display:block!important}
.on{display:block;}
.elem-hidden{display:none!important;}

@font-face {
    font-family: 'rosenbergtextmflight';
    src: url('../fonts/rosenbergtextlightmf-regular-webfont.eot');
    src: url('../fonts/rosenbergtextlightmf-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rosenbergtextlightmf-regular-webfont.woff') format('woff'),
         url('../fonts/rosenbergtextlightmf-regular-webfont.ttf') format('truetype'),
         url('../fonts/rosenbergtextlightmf-regular-webfont.svg#rosenbergtextmflight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'louis_regularregular';
    src: url('../fonts/louis-regular-webfont.eot');
    src: url('../fonts/louis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/louis-regular-webfont.woff') format('woff'),
         url('../fonts/louis-regular-webfont.ttf') format('truetype'),
         url('../fonts/louis-regular-webfont.svg#louis_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'rosenbergtextmfbold';
    src: url('../fonts/rosenbergtext-bold-webfont.eot');
    src: url('../fonts/rosenbergtext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rosenbergtext-bold-webfont.woff') format('woff'),
         url('../fonts/rosenbergtext-bold-webfont.ttf') format('truetype'),
         url('../fonts/rosenbergtext-bold-webfont.svg#rosenbergtextmfbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rosenbergtextmfmedium';
    src: url('../fonts/rosenbergtext-medium-webfont.eot');
    src: url('../fonts/rosenbergtext-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rosenbergtext-medium-webfont.woff') format('woff'),
         url('../fonts/rosenbergtext-medium-webfont.ttf') format('truetype'),
         url('../fonts/rosenbergtext-medium-webfont.svg#rosenbergtextmfmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.rosenbergtextmflight{font-family: 'rosenbergtextmflight';}
.eng, .louis_regularregular{font-family: 'louis_regularregular';}
.rosenbergtextmfbold{font-family: 'rosenbergtextmfbold';}
.rosenbergtextmfmedium{font-family: 'rosenbergtextmfmedium';}


#mainContainer{position:relative; top:0; left:0; margin: -78px auto 0; width: 1462px; height: 863px; overflow:hidden; }
.rpipg-logo{position:absolute; top: 400px; right: 20px; background-image:url('../images/rpipg_logo.png'); width:13px; height:96px;}
#top_wrapper{}
.outer-wraaper{display: block; position: absolute ;margin: 0 auto;top: 0px; left:0; overflow: hidden;}
.inner-wraaper{display: block; direction: rtl;  position: relative;}


/* lines */
.line-top{position: absolute; top: 191px; left: 0px; width: 743px; height: 40px; background-image: url('../images/line_top.png'); background-repeat: no-repeat; background-position: top center;}


/* sides */
.side-right{ float: right; width: 1100px; height: 940px;}
.side-left{ float: left; width: 30%; height: 1080px;}

/* side-right */
.container-page{position:relative; top:0; left:0; width: 100%; height: 900px; /* background:red */}
.fourteen{position: absolute; bottom: 34px; right: 0px; background-image:url('../images/14.png'); background-repeat: no-repeat; width: 28px; height: 28px;}
.side-right .header{position:relative; top:0; right: 30px; background-image:url('../images/zarkor.jpg'); background-repeat: no-repeat;background-position: top right;width: 830px; height: 317px;margin: 0 auto;}
.side-right .header h1{position: relative; top: 130px; right: 20px; background-image:url('../images/header_text.png'); width: 824px; height: 39px; margin: 0 auto;}
/*.side-right .header h1{position:relative; top: 170px; right: 30px; width: 100%; text-align: right;margin: 0 auto;font-size: 3.5em;}*/
.side-right .header ul#menu{ position: absolute; top: 272px; left: 130px; list-style: none; color: #000; padding: 10px 0 0 0; font-family: 'rosenbergtextmfbold';}
.side-right .header ul#menu li{background-image: url('../images/tab_menu.png'); background-repeat:no-repeat; width: 121px; height:35px; background-position:top;text-align: center;line-height: 41px;font-weight: bold;float: right;font-size: 22px;}
.side-right .header ul#menu li.current{background-position:bottom;}
.side-right .header ul#menu li.home{ background-image: url('../images/menu_icon_home.png'); width: 38px; height: 38px; margin: 0 0 0 8px; }
.side-right .header ul#menu li span{display:block;position: relative;margin: 12px auto 0 auto;}
.side-right .header ul#menu li.power span{ background-image: url('../images/menu_txt_power.png'); width: 52px; height: 14px;}
.side-right .header ul#menu li.design span{ background-image: url('../images/menu_txt_design.png'); width: 44px; height: 14px;}
.side-right .header ul#menu li.accessories span{ background-image: url('../images/menu_txt_accessories.png'); width: 44px; height: 14px;}
.side-right .header ul#menu li.colors span{ background-image: url('../images/menu_txt_colors.png'); width: 51px; height: 14px;}

.side-right .pages{ position: absolute; bottom: 0px; right: 90px; width: 90%; height: 570px; /* background: blue; */}
.side-right .pages .page{display:none; background-image: url('../images/stage.jpg'); background-position: bottom center;background-repeat: no-repeat;width: 100%; height: 69%;margin-top: -12%;}
.side-right .pages .page .page-content{ position: relative; top: 11px; width: 100%; height: 130px; margin: 0 auto; text-align: center; font-size: 1.5em; font-family: 'rosenbergtextmflight';  line-height: 31px; letter-spacing: 0.5px;}
.side-right .pages .page#power .page-content .eng{font-size: 0.8em; line-height: 1.3em;}
.side-right .pages .page #footer{}
.foot-img{width: 80%;  position:absolute; bottom: 75px; left: 12%;margin: 0 auto;text-align: center;}
.side-right .pages .page .footer-text{ position: absolute; bottom: 270px; width: 100%; text-align: center; font-size: 4em; }
.side-right .pages .page .car{position: absolute;bottom: 376px;left: 15%;width: 65%;}
.side-right .pages #home .shekel{font-size: 0.5em; padding-right: 5px;}
.side-right .pages #power .car{ bottom: 90px;  left: 250px; width: 60%;}

/* accessories */
.side-right .pages #accessories{background:none;}
.side-right .pages #accessories .gallery{ position: relative; top: 0; width: 976px; height: 344px; margin: 0 auto; }
.side-right .pages #accessories .gallery .arrow{position:absolute; top: 160px; width: 24px; height: 28px;}
.side-right .pages #accessories .gallery .arrow.arrow-right{right:0px; background-image:url('../images/p4_galley_arrow_r.png');}
.side-right .pages #accessories .gallery .arrow.arrow-left{left:0px; background-image:url('../images/p4_galley_arrow_l.png');}
.side-right .pages #accessories .gallery .images{ position: relative; top: 10px; overflow: hidden; width: 855px; height: 332px; margin: 0 auto; }
.side-right .pages #accessories .gallery .images img{display:none;}
.side-right .pages #accessories .gallery .images img.on{display:block;}

/* colors */
.side-right .pages #colors{background-image: url('../images/stage_page5.jpg');background-position: 30px 240px;  background-repeat: no-repeat; font-style:normal;}
.side-right .pages #colors .stage{position:relative; overflow:hidden; width: 100%;  height: 85%; background-image: url('../images/line_bottom_page_5.png');  background-repeat: no-repeat;  background-position: bottom; }
.side-right .pages #colors .stage .images{position:relative; overflow:hidden; width: 100%;  height: 94%;      }
.side-right .pages #colors .need-pay{ position: absolute; top: 388px; right: 170px; display:none;}
.side-right .pages #colors .color-name{position: absolute; top: 416px; left: 10px;  width: 100%; height: 42px;text-align: center;font-size: 25px;}
.side-right .pages #colors img{display:none;position: relative;top: 110px; left: 40px;width: 100%;  }
body.in_zoom .side-right .pages #colors img{/* left: 0%; */}
.side-right .pages #colors img .on{display:block;}
.side-right .pages #colors .color-list{list-style:none;width: 310px;height: 30px;margin: 51px auto 0 auto;}
.side-right .pages #colors .color-list li{ float: right; width: 25px; height: 25px; margin: 0 4px; border:2px solid #e2e2e2; border-radius:3px;
transition:all 0.1s;
-webkit-transition:all 0.1s;
-moz-transition:all 0.1s;
-o-transition:all 0.1s;
}
.side-right .pages #colors .color-list li.last{margin-left:0;}
.side-right .pages #colors .color-list li:hover{ width: 27px; height: 27px;}
.side-right .pages #colors .color-list li.on{background-image:url('../images/p5_gallery_arrow.png');background-repeat: no-repeat;background-position: 5px 33px;}
.side-right .pages #colors .scroller{ position: relative; top: 6px; left: -9px; width: 310px; height: 20px; margin: 0 auto;}
.side-right .pages #colors .scroller .arrow{position:absolute; top:0; left: 0px; background-image:url('../images/p5_gallery_arrow.png'); background-repeat: no-repeat;background-position: center center;width: 25px; height:9px;}

/* side-left */
.side-left{width: 320px; height: 940px; background-image: url('../images/line_left.png'); background-repeat: no-repeat; background-position: center right;}
.form{position:absolute; top: 126px; left: 0; width: 320px; height: 740px;}
.form .title{width: 320px; height: 70px;text-align: center;font-size: 22px;margin: 15px auto 10px auto;font-size: 1.4em;/* font-weight: bold; */line-height: 1.3em;}
.side-left .impala{position:relative; width: 248px; height: 43px; background-image: url('../images/impala.png'); background-repeat: no-repeat;margin: 0 46px 0 0;}
.side-left .chevrolet{position: relative; width: 247px; height: 41px; background-image: url('../images/chevrolet.png'); background-repeat: no-repeat;margin: 0 auto;}

/* form */
.field{ /*background: blue; */ width: 250px; height: 90px; margin: 0 auto; }
.field label{ display: block; width: 100%; margin: 0; padding: 0; font-size: 22px;}
.thanks{position:absolute; top: 60px; left:20px; background-image:url('../images/thanks.png'); width:276px; height:562px; display:none;}
#leadForm{position:relative;  width: 320px; height: 491px;}
#leadForm .formFiled, #leadForm select{position: relative; width: 237px; border:none;font-size: 25px;background: #fff;padding: 8px;} 
#leadForm  #fullname{}
#leadForm  #cityList{ width: 252px; }
#leadForm  #phone{}
#leadForm  #email{}
#leadForm #success{width: 308px; height: 22px; left: 1px;position: absolute;top: 344px;color: white;font-weight: bold;font-size: 26px; display:none; text-align: center;}
#leadForm .submit{width: 256px; height: 42px; background-image: url('../images/btn_send.png'); background-position: 0px bottom; background-repeat: no-repeat;margin: 20px auto 0 auto;}
body.v2 #leadForm .submit{background-position:bottom;}