/*----------------------------  GLOBAL  ----------------------------*/
*, body, form, div, p { margin:0px; padding:0px; border:0px; }
body { font-family:'Assistant',sans-serif; font-weight:normal; margin:0; direction:rtl; letter-spacing:-1px; font-size:17px; line-height:1.1; background:#ffffff; }
.link { display:block; background:transparent; text-decoration:none; }
.absolute { position:absolute; }
.rtl { text-align:right; direction:rtl; }
.submit { cursor: pointer; }
.transparent { background-color:transparent; }
.clearfix { clear:both; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
img { border:0; }
.clearfix { clear:both; }
a { text-decoration:none; }
.wrapper { width:100%; height:100%; clear:both; }
.container { margin:30px auto 240px; width:960px; }
iframe { width:1px !important; height:1px !important; position:absolute !important; top:0 !important; left:0 !important; opacity:0 !important; border:none !important; outline:none !important; }
.shadow {
	-moz-box-shadow:0px 0px 10px 3px #888888;
	-webkit-box-shadow:0px 0px 10px 3px #888888;
	box-shadow:0px 0px 10px 3px #888888;
}

/*----------------------------  HEADER  ----------------------------*/
#header {
	float:right;
	width:100%;
	height:128px;
	margin:0;
	background:#00367a;
	-moz-border-radius:0px 0px 20px 20px;
	-webkit-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
	-khtml-border-radius:0px 0px 20px 20px;
}
#header #title { margin:22px auto 0; width:952px; }
#header h1 { width:85%; font-size:2.25em; font-weight:600; color:#ffffff; text-align:center; letter-spacing:0.0001em; margin:0 auto; text-shadow:-1px -1px 0 #00355d; }

/*----------------------------  CONTENT  ----------------------------*/
.container h2 { font-size:1.35em; font-weight:600; color:#000000; text-align:justify; line-height:1.25em; letter-spacing:0.01em; margin:0; padding:10px 10px 5px; }
.container h3 { font-size:1.3em; font-weight:600; color:#000000; text-align:justify; line-height:1em; letter-spacing:0.01em; margin:0; padding:10px 10px 5px; }
.container p { font-size:1em; font-weight:400; color:#000000; text-align:justify; line-height:1.55em; letter-spacing:0.01em; margin:0; padding:5px 10px 5px; }
.container ul li, .container ol li { font-size:1em; font-weight:400; color:#000000; text-align:right; line-height:1.15em; letter-spacing:0.01em; margin:0 30px; padding:5px 0px; }
.container ul li span, .container ol li span { text-decoration:underline; }
.container ul p, .container ol p { font-size:1em; font-weight:400; color:#000000; text-align:right; line-height:1.05em; letter-spacing:0.01em; margin:0; padding:5px 10px 10px; }
.container small { display:block; font-size:.85em; font-weight:600; color:#000000; text-align:right; line-height:1em; letter-spacing:0.01em; margin:0; padding:0px 20px 15px; }
.container .small-img, .container .medium-img { display:none; }
.container .large-img { display:block; }
.container img { width:940px; margin:10px 10px 10px; }

/*----------------------------  FORM  ----------------------------*/
#bottombar {
	width:100%;
	height:170px;
	margin:0;
	position:fixed;
	bottom:0;
	left:0;
	background:#00367a;
	-moz-border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	border-radius:20px 20px 0px 0px;
	-khtml-border-radius:20px 20px 0px 0px;
}
#bottombar #logo {
	width:320px;
	height:100%;
	float:left;
	display:block;
	margin:85px 0px 0px;
}
#logo img { width:320px; }

#bottombar #thanks { margin:32px auto; width:952px; position:relative; z-index:22; display:block; opacity:1; }
#bottombar #thanks h4 { width:710px; position:absolute; top:0px; left:125px; font-size:24px; font-weight:700; color:#ffffff; text-align:center; margin:0; letter-spacing:0.001em; }
#bottombar #thanks h4 span { font-size:22px; font-weight:500; }

#bottombar #form { margin:8px auto; width:952px; position:relative; z-index:21; display:block; opacity:1; }
#bottombar #form h5 { width:540px; position:absolute; top:6px; left:215px; font-size:1.3em; font-weight:400; color:#ffffff; text-align:center; margin:0; letter-spacing:0.001em; padding:0 0 7px 0; }

#bottombar #form form { width:710px; height:105px; position:absolute; top:60px; left:135px; }
#bottombar #form form input, #bottombar #form form select {
	font-size:16px;
	color:#000000;
	background:#ffffff;
	border:none;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-khtml-border-radius:7px;
}
#fullname { width:190px; height:25px; position:absolute; top:10px; right:30px; padding:4px 8px; direction:rtl; text-align:right; letter-spacing:0.005em; }
#prefix { width:70px; height:33px; position:absolute; top:10px; right:394px; padding:4px 8px; direction:rtl; text-align:right; letter-spacing:0.005em; }
#prefix option, #member option { color:#000000; text-align:right; direction:rtl; font-size:16px; padding:2px 4px; background:#ffffff; letter-spacing:0.005em; }
#member option.disabled { color:#ffffff; text-align:right; direction:rtl; font-weight:bold; margin:4px 0 0 0; padding:2px 4px; background:#666666; }
#phone { width:120px; height:25px; position:absolute; top:10px; right:255px; padding:4px 8px; direction:rtl; text-align:right; letter-spacing:0.005em; }
#member { width:206px; height:31px; position:absolute; top:51px; right:30px; padding:4px 8px; direction:rtl; text-align:right; letter-spacing:0.005em; }
form small { width:auto; position:absolute; font-size:.75em; font-weight:400; color:#ffffff; text-align:right; line-height:1em; letter-spacing:0.01em; margin:0; }
form small:nth-child(6) { top:51px; right:257px; }
form small:nth-child(7) { top:70px; right:257px; }
#submit_btn {
	width:194px;
	height:23px;
	padding:3px 6px 7px;
	display:block;
	position:absolute;
	top:10px;
	right:482px;
	cursor:pointer;
	background-color:#f1841f;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-khtml-border-radius:7px;
	opacity:1;
	font-size:22px;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	margin:0;
	letter-spacing:0.001em;
}
#submit_btn:hover { background-color:#00aeef; }
.ui-autocomplete { font-size:15px; text-align:right; direction:rtl; letter-spacing:1px; }

@media (min-width:480px) and (max-width:960px) {
	/*-- general --*/
	body { font-size:16px; }
	.container { width:470px; margin:20px auto 280px; }
	
	/*-- header --*/
	#header { height:102px; }
	#header #title { margin:15px auto 0; width:470px; }
	#header h1 { width:90%; font-size:1.85em; font-weight:600; }
	
	/*-- content --*/
	.container h2 { padding:15px 5px 10px; }
	.container h3 { padding:15px 5px 10px; }
	.container p { padding:5px 5px 5px; }
	.container ul li, .container ol li { margin:0 20px 0 0; }
	.container ul p, .container ol p { padding:5px 5px 10px; }
	.container small { font-size:.95em; }
	.container img { width:470px; }
	.container .small-img, .container .large-img { display:none; }
	.container .medium-img { display:block; }
	
	/*-- form --*/
	#bottombar { height:210px; }
	#bottombar #logo {
		width:200px;
		margin:156px 0px 0px;
	}
	#logo img { width:200px; }

	#bottombar #thanks { width:470px; }
	#bottombar #thanks h4 { width:450px; left:10px; }
	#bottombar #form { width:470px; }
	#bottombar #form h5 { width:420px; top:0px; left:24px; font-size:1.23em; }
	#bottombar #form form { width:450px; height:160px; top:52px; left:16px; }

	#fullname { width:200px; height:23px; top:2px; right:10px; }
	#prefix { width:70px; height:31px; top:2px; right:385px; }
	#phone { width:120px; height:23px; top:2px; right:243px; }
	#member { width:216px; height:31px; top:46px; right:10px; }
	form small { width:425px; font-size:.85em; }
	form small:nth-child(6) { top:86px; right:14px; }
	form small:nth-child(7) { top:104px; right:14px; }
	#submit_btn { width:200px; height:22px; top:46px; right:243px }
}

@media (min-width:1px) and (max-width:479px) {
	/*screen and (min-width:1px) and (max-width:479px) and (orientation: portrait)*/
	/*-- general --*/
	body { font-size:16px; }
	.container { width:320px; margin:10px auto 250px; }
	
	/*-- header --*/
	#header { height:85px; }
	#header #title { margin:15px auto 0; width:320px; }
	#header h1 { width:98%; font-size:1.4em; font-weight:600; }
	
	/*-- content --*/
	.container h2 { font-size:1.15em; padding:5px 5px 5px; text-align:right; }
	.container h3 { padding:5px 5px 5px; text-align:right; }
	.container p { padding:5px 5px 5px; }
	.container ul li, .container ol li { margin:0 20px 0 0; }
	.container ul p, .container ol p { padding:5px 5px 10px; }
	.container small { font-size:14px; }
	.container img { width:320px; }
	.container .large-img, .container .medium-img { display:none; }
	.container .small-img { display:block; }
	
	/*-- form --*/
	#bottombar { height:208px; }
	#bottombar #logo {
		width:160px;
		margin:168px 0px 0px;
	}
	#logo img { width:160px; }
	
	#bottombar #thanks { width:320px; }
	#bottombar #thanks h4 { width:320px; left:15px; }
	#bottombar #form { width:320px; }
	#bottombar #form h5 { width:320px; top:0px; left:0px; font-size:1.15em; }
	#bottombar #form form { width:340px; height:125px; top:50px; left:-10px; }
	#bottombar #form form input, #bottombar #form form select { font-size:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; }
	
	#fullname { width:140px; height:21px; top:0px; right:10px; padding:5px 8px; }
	#prefix { width:56px; height:31px; top:0px; right:275px; padding:5px 3px; }
	#phone { width:78px; height:21px; top:0px; right:175px; padding:5px 8px; }
	#member { width:157px; height:31px; top:39px; right:10px; padding:5px 8px; }
	form small { width:230px; font-size:12px; line-height:14px; }
	form small:nth-child(6) { top:78px; right:14px; }
	form small:nth-child(7) { top:110px; right:14px; }
	#submit_btn { width:145px; height:27px; top:39px; right:175px; padding:2px 6px; }
}