/* --------------------------------  GENERAL  -------------------------------- */
*, body, form, div, p { margin:0px; padding:0px; border:0px; }
.link { display:block; background:transparent; text-decoration:none; }
.absolute { position:absolute; }
.rtl { text-align:right; direction:rtl; }
.btn { cursor:pointer; transition:ease-out .222s; }
.transparent { background-color:transparent; }
.txt-transparent { color:transparent; overflow:hidden; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
iframe:not([id^=tubeplayer]) { width:1px !important; height:1px !important; position:absolute !important; top:0 !important; left:0 !important; opacity:0 !important; outline:none; border:none !important; }

/* --------------------------------  MAIN  -------------------------------- */
body { background:url('../images/bg-pattern-2.jpg') repeat #ffffff; direction:rtl; font-family:'Open Sans Hebrew',sans-serif; }
#page { width:1050px; height:623px; position:relative; margin:-880px auto 10px; background:url('../images/background.png') no-repeat; }
#ref { width:1050px; height:623px; position:absolute; top:0; left:0; background:url('../../_design/Minisite.png') no-repeat; opacity:.3; }

/* --------------------------------  CONTENT  -------------------------------- */
#page #content #clalit-logo {
	width:200px;
	height:70px;
	position:absolute;
	top:524px;
	left:7px;
	background:url('../images/clalitmushlam-logo.png') no-repeat;
	text-indent:-9999px;
	transform:scale(.7);
	overflow:hidden;
	cursor:pointer;
}
#page #content #platinum { width:123px; height:81px; position:absolute; top:505px; left:207px; background:url('../images/platinum.png') no-repeat; transform:scale(.7); text-indent:-9999px; overflow:hidden; }
#page #content #gold { width:123px; height:81px; position:absolute; top:517px; left:168px; background:url('../images/gold.png') no-repeat; transform:scale(.7); text-indent:-9999px; overflow:hidden; }
#copyright { width:1050px; position:relative; margin:0 auto; opacity:0; }
#copyright #twisted { width:63px; height:14px; float:left; background:url('../images/twisted.png') no-repeat; margin:0px 45px 5px; }

/* --------------------------------  TYPOGRAPHY  -------------------------------- */
#page #content h1 { width:90%; font-size:2.75em; font-weight:600; font-style:normal; color:#00367a; text-align:center; line-height:1.05; letter-spacing:-.5px; position:absolute; top:30px; right:5%; }
#page #content h2 { width:90%; font-size:1.3em; font-weight:800; font-style:normal; color:#00367a; text-align:center; line-height:1.05em; letter-spacing:-.3px; position:absolute; top:139px; right:4%; }
#page #content h2 strong { display:inline-block; width:163px; height:108px; background:url('../images/25.png') no-repeat; margin:10px 0; color:transparent; text-align:center; }
#page #content h2 span { display:inline-block; font-size:1.3em; font-weight:600; font-style:normal; line-height:1em; color:#00aeef; text-align:center; letter-spacing:.5px; padding:11px 0 0; }
#page #content h2 small { display:inline-block; font-size:.9em; font-weight:600; text-align:center; letter-spacing:-.2px; padding:5px 0 0; }
#page #content p { width:90%; font-size:1.2em; font-weight:600; font-style:normal; color:#00367a; text-align:center; line-height:1.35em; letter-spacing:-.1px; position:absolute; top:415px; right:5%; }
#page #content p span { color:#f7941d; position:relative; top:-2px; }
#page #content small.small { width:92%; display:block; font-size:1.05em; font-weight:400; font-style:normal; color:#ffffff; text-align:right; line-height:1.15em; letter-spacing:0px; position:absolute; top:543px; right:2%; }

/* --------------------------------  FORM  -------------------------------- */
#page #sidebar { width:379px; height:295px; position:absolute; top:127px; left:12px; background:url('../images/sidebar.png') no-repeat; z-index:50; }
#page #sidebar #form { width:100%; height:310px; position:absolute; top:0px; left:0px; z-index:51; }
#page #sidebar #form form { width:338px; height:215px; position:absolute; top:82px; left:28px; }
#page #sidebar #form h4 { position:relative; font-size:1.25em; font-weight:400; color:#ffffff; text-align:center; line-height:1.3em; letter-spacing:.1px; }
#page #sidebar #form h4:nth-child(1) { width:330px; margin:17px 27px 0 0; padding:0 0 7px 0; border-bottom:1px solid #ffffff; }
#page #sidebar #form h4:nth-child(1):after { content:'*'; font-size:1.5em; position:absolute; top:7px; left:3px; }
#page #sidebar #form h4:nth-child(2) {  font-size:1em; font-weight:600; margin:7px 7px 0 0; color:#ffffff; }

#page #sidebar #preloader { width:200px; height:20px; position:absolute; top:105px; left:75px; display:none; opacity:0; z-index:52; }
#page #sidebar #preloader h4 { font-size:1.41em; font-weight:600; color:#ffffff; text-align:center; line-height:1em; letter-spacing:-.2px; }
#page #sidebar #preloader img { width:30px; height:32px; position:absolute; top:-1px; left:178px; }

#page #sidebar #thanks { width:290px; height:60px; position:absolute; top:90px; left:45px; z-index:53; }
#page #sidebar #thanks h4 { font-size:1.5em; font-weight:600; color:#ffffff; text-align:center; line-height:1.25em; letter-spacing:-.2px; }
#page #sidebar #thanks h6 { font-size:1.35em; font-weight:400; color:#ffffff; text-align:center; line-height:1.25em; letter-spacing:-.2px; }

.form-input { width:320px; height:36px; position:absolute; left:15px; }
.form-input label { font-size:17px; font-weight:600; font-style:normal; color:#ffffff; position:absolute; top:4px; left:234px; letter-spacing:-0.01em; }
.form-input input {
	background:#ffffff;
	position:absolute;
	top:0;
	left:0;
	border:none;
	color:#00367a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal; 
	letter-spacing:-0.01em;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:inset 2px 2px 3px rgba(4,37,74,.5);
   -webkit-box-shadow:inset 2px 2px 3px rgba(4,37,74,.5);
   box-shadow:inset 2px 2px 3px rgba(4,37,74,.5);
}
.form-input select {
	position:absolute;
	border:none;
	color:#00367a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal; 
	letter-spacing:-0.01em;
	background-color:transparent;
}
.select-style {
	width:226px;
	height:32px;
	background-color:#ffffff;
    background:#ffffff url("../images/select-icon.png") no-repeat 5px 50%;
	position:absolute;
	top:0;
	left:0;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:inset 2px 2px 3px rgba(4,37,74,.5);
	-webkit-box-shadow:inset 2px 2px 3px rgba(4,37,74,.5);
	box-shadow:inset 2px 2px 3px rgba(4,37,74,.5);
}
.select-style.prefix { width:78px !important; }
.select-style select {
	border:none;
    box-shadow:none;
    background-color:transparent;
    background-image:none;
    -webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.select-style select:focus { outline:none; }
#name-field { top:18px; }
#phone-field { top:64px; }
#member-field { top:110px; }

#fullname_txt { width:211px; height:28px; direction:rtl; text-align:right; padding:2px 8px; }
#prefix_txt { width:78px; height:28px; top:4px; left:0px; direction:rtl; text-align:right; padding:1px 4px 3px; }
#phone_txt { width:127px; height:28px; left:83px; direction:ltr; text-align:left; padding:3px 8px 1px; }
#member_txt { width:226px; height:28px; top:2px; left:0px; direction:rtl; text-align:right; padding:1px 4px 3px; }
#newsletter { width:12px; height:12px; top:3px; right:2px; position:absolute; color:#000000; direction:rtl; text-align:right; font-size:12px; background-color:transparent; }
.squaredFour { width:242px; position:absolute; top:155px; left:0px; }
.squaredFour small { position:absolute; top:2px; left:23px; font-size:.8em; font-weight:400; line-height:1.1em; color:#ffffff; letter-spacing:0em; }
.squaredFour label {
	cursor:pointer;
	position:absolute;
	width:15px;
	height:15px;
	top:2px;
	border-radius:2px;
	background:#ffffff;
}
.squaredFour label:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	content:'';
	position:absolute;
	width:8px;
	height:3px;
	background:transparent;
	top:4px;
	left:2px;
	border:3px solid #004380;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.squaredFour label:hover::after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	opacity:0.3;
}
.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}

#submit_btn {
	width:81px;
	height:38px;
	padding:0 2px;
	position:absolute;
	top:195px;
	left:-22px;
	background-color:#f1841f;
	border:none;
	color:#ffffff;
	font-size:1.5em;
	font-weight:600;
	font-style:normal; 
	text-align:center;
	line-height:1.5em;
	letter-spacing:0px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#submit_btn:hover, #submit_btn:active { background-color:#00a651; }
.ui-autocomplete { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:right; direction:rtl; }