/* --------------------------------  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; }
.submit, .btn { cursor:pointer; }
.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: 1090px;
    height: 599px;
    position: relative;
    margin: -880px auto 0px;
    background: url(../images/background.png) no-repeat;
    background-size: 100% 594px;
}
#ref { width:1050px; height:624px; position:absolute; top:0; left:0; background:url('../../_design/Minisite.png') no-repeat; opacity:.3; }

/* --------------------------------  CONTENT  -------------------------------- */
#page #content #clalit-logo {
    width: 221px;
    height: 54px;
    position: absolute;
    bottom: 52px;
    left: 106px;
    background: url(../images/clalit-logo.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
#copyright { width:1050px; position:relative; margin:0 auto; opacity:1; }
#copyright #twisted { width:63px; height:14px; float:left; background:url('../images/twisted.png') no-repeat; margin:0px 45px 5px; }

#page > img.hamudi{
    position: absolute;
    top: 292px;
    left: 934px;
}

/* --------------------------------  TYPOGRAPHY  -------------------------------- */
#page #content h1 {
    font-size: 34px;
    font-weight: 600;
    color: #ffffff;
    text-align: right;
    line-height: 1em;
    letter-spacing: -.6px;
    position: absolute;
    top: 81px;
    text-align: center;
    right: 211px;
}

#page #content h1 span{
    display: block;
    font-size: 51px;
    line-height: 65px;
}


#page #content p {
    position: absolute;
    top: 190px;
    right: 178px;
    width: 504px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
}


#page #content p span{
   font-weight: 600;
}


*, body, form, div, p {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#page #stamp { width:133px; height:101px; position:absolute; top:420px; left:378px; background:url('../images/stamp.png') no-repeat; opacity:0; z-index:61; }
#page #stamp p { position:relative; margin:17px auto 0; font-size:1.2em; font-weight:600; color:#ffffff; text-align:center; line-height:1.25em; letter-spacing:-.1px; }

/* --------------------------------  FORM  -------------------------------- */
#page #sidebar { width:392px; height:342px; position:absolute; top:145px; left:20px; background:url('../images/sidenav_big.png') no-repeat; }
#page #sidebar #form { width:392px; height:310px; position:absolute; top:1px; left:0px; z-index:51; }
#page #sidebar #form form { width:338px; height:250px; position:absolute; top:87px; left:28px; }
#page #sidebar #form h4 { position:relative; margin:22px 8px 0 0; font-size:1.5em; font-weight:600; color:#ffffff; text-align:center; line-height:1.05em; letter-spacing:-.5px; }
#page #sidebar #form h6 { position:relative; margin:8px 8px 0 0; font-size:1em; font-weight:400; color:#ffffff; text-align:center; line-height:1.2em; letter-spacing:-.1px; }

#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; }
.kupa-label {width:93px;}
.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; }
#city-field { top:112px; }
#kupa-field { top:157px; }
.select-style.prefix.kupa {	width: 228px !important;}
.select-style.prefix.kupa #member {width: 227px; height: 32px;}

#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; }
#city_txt { width:211px; height:28px; direction:rtl; text-align:right; padding:2px 8px; }
/*#member { 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:178px; position:absolute; top:155px; left:0px; }
.squaredFour small { position:absolute; top:-2px; left: 16px; font-size:15px; font-weight:400; 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;
	position:absolute;
	top:221px;
	left:-17px;
	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; }

#copyright small{
    position: absolute;
    top: 0px;
}
