html, body {
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
height: 100%;
direction:rtl;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100% !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border: solid 0px #FF0000;
}

div#menu {
	z-index:1;
	position:fixed;
	width:100% !important;
	height:80px;
	top:0px;
	left:0px;
	background-color:#ffffff;
	border: solid 0px #FF0000;
}

/***** INTERACTIVE MENU *****/
.nav-holder:after,
#nav:after {
	display: block;
	clear: both;
}

#nav,
.list,
.footer-nav ul,
.icons,
.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-holder {
	float: right;
	max-width: 630px;
	border-bottom: 7px solid #e6ecef;
	padding: 7px 3px 0 7px;
}

.nav-holder .drop {
	float: right;
	max-width: 520px;
	padding: 9px 0 3px 68px;
}

.nav-holder .js-slide-hidden {
	position: static !important;
}

#nav {
font-family: Reforma;
	font-size: 18px;
	line-height: 22px;
}

#nav li {
	float: right;
	margin: 0 30px 0 0;
	position: relative;
}

#nav li:hover {
	position: relative;
}

#nav li:hover:after {
	content: "";
	height: 7px;
	left: 0;
	right: 0;
	bottom: -10px;
	background: #D2232A;
	position: absolute;
	margin: 4px 0 0;
	z-index: 10;
}

#nav .active a:after {
	content: "";
	height: 7px;
	left: 0;
	right: 0;
	bottom: -10px;
	background: #D2232A;
	position: absolute;
	margin: 4px 0 0;
}

#nav a {text-decoration:none;color: #999;}
#nav a:visited {color: #999;}
#nav a:hover {text-decoration:none;color:#D2232A;}


.opener {
	display: none;
	float: right;
	width: 30px;
	height: 30px;
	position: relative;
	margin: -6px 0 -3px;
}

.opener:before,
.opener:after,
.opener span {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 20%;
	right: 20%;
	height: 4px;
	margin-top: -2px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.opener:before,
.opener:after {
	content: "";
	top: 30%;
}

.opener:after {
	top: 70%;
}

.opener:hover {
	opacity: .9;
}

.active .opener span {
	opacity: 0;
}

.active .opener:before,
.active .opener:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15%;
	right: 15%;
}

.active .opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/***** END INTERACTIVE MENU *****/

div#header {
	width:100% !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:60px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: solid 0px #FF00CC;
}

div#header_form_page {
	width:100% !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: solid 0px #FF00CC;
}

#header_text_box {
position:absolute;
top:60px;
left:40px; 
width:auto !important;
height:auto !important; /* real browsers */
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid 0px #75B75D;
}
.white_title {
margin: 0px 0px 0px 0px; 
font-family: Reforma;
font-size: 32px; 
line-height: 32px;
text-align: right; 
font-weight: bold; 
letter-spacing: 0.02em;
color: #ffffff;
}
h1.big {
margin: 0px 0px 0px 0px; 
font-family: Reforma;
font-size: 62px; 
line-height: 62px;
text-align: right; 
font-weight: bold; 
letter-spacing: 0.02em;
color: #1C1563;
}
.gray_title {
margin: 0px 0px 0px 0px; 
font-family: Reforma;
font-size: 24px; 
line-height: 24px;
text-align: right; 
font-weight: bold; 
letter-spacing: 0.02em;
color: #808183;
}

#header_text_bottom {
position:relative;
margin: -30px 0px 10px 0px; 
padding: 0px 20px 0px 0px;
font-family: Reforma;
font-size: 16px; 
line-height: 16px;
text-align: right; 
font-weight: bold; 
letter-spacing: 0.02em;
color: #000000;
}
/*** logo ***/
.logo_school_box {
position:absolute;
top:0px;
left:0px; 
width:330px;
height:90px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid 0px #75B75D;
}

.logo {
position: absolute; 
top: 10px; 
right: 10px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
border: solid 0px #75B75D; 
}

.schoolbox {
position: absolute; 
top: 0px; 
right: 80px; 
width: 250px; 
height: 40px;
margin: 0px 0px 0px 0px; 
padding: 5px 0px 5px 0px;
border: solid 0px #00B75D; 
}

.schoolname {
margin: 0px 0px 0px 0px; 
font-family: Reforma;
font-size: 22px; 
text-align: right; 
font-weight: bold; 
letter-spacing: 0.02em;
color: #6b6c70;
}
.schoolname a {text-decoration: none;color: #6b6c70;}
.schoolname a:visited {color: #6b6c70;}
.schoolname a:hover {text-decoration: underline;color: #6b6c70;}
.schoolname_color {color: #D2232A;}

.school_line {
position: absolute; 
top: 25px; 
right: 0px; 
width: 180px; 
height: 1px;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
border: solid 0px #FF0000; 
}

.slogan {
margin: 0px 0px 0px 0px; 
font-family: Reforma;
font-size: 14px; 
line-height: 14px;
text-align: right; 
font-weight: normal; 
letter-spacing: 0.02em;
color: #808080;
}
.slogan a {text-decoration: none;color: #808080;}
.slogan a:hover {text-decoration: underline;color: #808080;}
.slogan a:visited {color: #808080;}

.openu {
margin: 0px 0px 0px 0px; 
font-family: Reforma, Arial;
font-size: 12px; 
line-height: 12px;
text-align: right; 
font-weight: normal; 
letter-spacing: 0.00em;
color: #000000;
}
.openu a {text-decoration: none;color: #000000;}
.openu a:hover {text-decoration: underline;color: #000000;}
.openu a:visited {color: #000000;}

/*** END logo ***/

.alignt_to_left {text-align:left;}
.alignt_to_right {text-align:right;}

.img_responsive {
max-width:100%;height:auto;
}

.img_header_responsive {max-width:100%;min-height:500px;}
@media only screen and (max-width:800px) and (min-width: 10px){
	.img_header_responsive {max-width:100%;min-height:auto;}
}

img {border: solid 0px #FF00CC;}
img.floatleft {float: left; margin: 0px 10px 10px 0px;}
img.floatright {float: right; margin: 0px 0px 10px 10px;}
img.floatright {float: right; margin: 0px 0px 10px 10px;}
img.centerized {
	width:100% !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height */
	min-height:100%; /* real browsers */
	text-align: center;
}
img.width20 {width:20%;}
img.width21 {width:21%;}
img.width22 {width:22%;}
img.width23 {width:23%;}
img.width24 {width:24%;}
img.width25 {width:25%;}
img.width26 {width:26%;}
img.width27 {width:27%;}
img.width28 {width:28%;}
img.width29 {width:29%;}
img.width30 {width:30%;}
img.width31 {width:31%;}
img.width32 {width:32%;}
img.width33 {width:33%;}
img.width34 {width:34%;}
img.width35 {width:35%;}
img.width36 {width:36%;}
img.width37 {width:37%;}
img.width38 {width:38%;}
img.width39 {width:39%;}
img.width40 {width:40%;}
img.width41 {width:41%;}
img.width42 {width:42%;}
img.width43 {width:43%;}
img.width44 {width:44%;}
img.width45 {width:45%;}
img.width46 {width:46%;}
img.width47 {width:47%;}
img.width48 {width:48%;}
img.width49 {width:49%;}
img.width40 {width:40%;}
img.width50 {width:50%;}
img.width51 {width:51%;}
img.width52 {width:52%;}
img.width53 {width:53%;}
img.width54 {width:54%;}
img.width55 {width:55%;}
img.width56 {width:56%;}
img.width57 {width:57%;}
img.width58 {width:58%;}
img.width59 {width:59%;}
img.width60 {width:60%;}
img.width61 {width:61%;}
img.width62 {width:62%;}
img.width63 {width:63%;}
img.width64 {width:64%;}
img.width65 {width:65%;}
img.width66 {width:66%;}
img.width67 {width:67%;}
img.width68 {width:68%;}
img.width69 {width:69%;}
img.width70 {width:70%;}
img.width71 {width:71%;}
img.width72 {width:72%;}
img.width73 {width:73%;}
img.width74 {width:74%;}
img.width75 {width:75%;}
img.width76 {width:76%;}
img.width77 {width:77%;}
img.width78 {width:78%;}
img.width79 {width:79%;}
img.width80 {width:80%;}
img.width100 {width:100%;}

.width20 {width:20%;}
.width21 {width:21%;}
.width22 {width:22%;}
.width23 {width:23%;}
.width24 {width:24%;}
.width25 {width:25%;}
.width26 {width:26%;}
.width27 {width:27%;}
.width28 {width:28%;}
.width29 {width:29%;}
.width30 {width:30%;}
.width31 {width:31%;}
.width32 {width:32%;}
.width33 {width:33%;}
.width34 {width:34%;}
.width35 {width:35%;}
.width36 {width:36%;}
.width37 {width:37%;}
.width38 {width:38%;}
.width39 {width:39%;}
.width40 {width:40%;}
.width41 {width:41%;}
.width42 {width:42%;}
.width43 {width:43%;}
.width44 {width:44%;}
.width45 {width:45%;}
.width46 {width:46%;}
.width47 {width:47%;}
.width48 {width:48%;}
.width49 {width:49%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width51 {width:51%;}
.width52 {width:52%;}
.width53 {width:53%;}
.width54 {width:54%;}
.width55 {width:55%;}
.width56 {width:56%;}
.width57 {width:57%;}
.width58 {width:58%;}
.width59 {width:59%;}
.width60 {width:60%;}
.width61 {width:61%;}
.width62 {width:62%;}
.width63 {width:63%;}
.width64 {width:64%;}
.width65 {width:65%;}
.width66 {width:66%;}
.width67 {width:67%;}
.width68 {width:68%;}
.width69 {width:69%;}
.width70 {width:70%;}
.width71 {width:71%;}
.width72 {width:72%;}
.width73 {width:73%;}
.width74 {width:74%;}
.width75 {width:75%;}
.width76 {width:76%;}
.width77 {width:77%;}
.width78 {width:78%;}
.width79 {width:79%;}
.width80 {width:80%;}
.width100 {width:100%;}

.icon {
position:relative;
margin:-20px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:solid 0px #bbbbbb;
text-align:right;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	.icon {
		float:right;
		margin:0px 0px 0px 0px;
	}
}

.img_responsive_works {
max-width:80%;height:auto;
}

div#project {
	width:100% !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: solid 0px #FF0000;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	div#project {margin:-5px 0px 0px 0px;}
}
div#program {
	width:100% !important;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: solid 0px #FF0000;
}
.link_fist_header {margin:-80px 0px 0px 0px;}
.img_header_top {margin:80px 0px 0px 0px;}
.link_gray_header {margin:-80px 0px 0px 0px;}
.link_last_header {margin:-80px 0px 0px 0px;}
.link_to_form {margin:-128px 0px 0px 0px;}
.gray_header {
	position:relative;
	width:100% !important;
	height:auto !important;
	background-color:#999999;
	font-family: Reforma, Arial;
	font-size: 28px; 
	line-height: 28px;
	text-align: center; 
	font-weight: normal; 
	letter-spacing: 0.00em;
	margin:55px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	color: #ffffff;
}

.paragraph_first {background-color:#dedede;}
.paragraph {padding:10px 10px 10px 10px;}
.paragraph_last {background-color:#D2232A;margin-top:60px;padding:1px 0px 10px 0px;}
@media only screen and (max-width:800px) and (min-width: 10px){
	.paragraph_last {margin-top:60px;padding:5px 0px 100px 0px;}
}


/*** -----1----- ***/
#homepage{
	margin-top:0px;
	padding:0px;
	text-align:center;
	vertical-align:top;
	border:solid 0px #FF0000;
}

#homepage article{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:calc(25% - 10px);
}

#homepage article .box{
	background:#fff;
	color:black;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	width:calc(100% - 10px);
	text-align:center; 
	border:0px solid #B71500;
}

#homepage article .box h2{text-align:center;}
.icon_top {
position:relative;
margin:-20px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:solid 0px #bbbbbb;
text-align:center;
}
.icon_photo_top {width:50%;height:auto;}
@media only screen and (max-width:800px) and (min-width: 10px){
	#homepage {margin-top:0px;}
	#homepage article {width:calc(100% - 10px);}
	#homepage article.margin_top_cell {margin-top:10px;}
	#homepage article .box{width:100%;}
	#homepage article .box{margin:0px 0px 0px 0px;}
	#homepage article .box h2{text-align:right;}
	.icon_top {float:right;margin:0px 0px 0px 30px;text-align:right;}
	.icon_photo_top {width:64px;height:64px;}
}
/*** -----2----- ***/
#homepage2{
	padding:20px 0px 20px 0px;
	text-align:center;
	vertical-align:top;
	border:solid 0px #FF0000;
}

#homepage2 article{
	display:inline-block;
	vertical-align:top;
	text-align: right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(50% - 10px);
}

#homepage2 article .box{
	background:#fff;
	color:black;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(100% - 10px);
	text-align:right; 
	border:0px solid #B71500;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	#homepage2 article{width:calc(100% - 10px);}
	#homepage2 article .box{width:100%;}
}
/*** -----3----- ***/
#homepage3{
	padding:0px;
	text-align:center;
	vertical-align:top;
	border:solid 0px #FF0000;
}

#homepage3 article{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(50% - 10px);
}

#homepage3 article .box{
	background:#fff;
	color:black;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(100% - 10px);
	text-align:right; 
	border:0px solid #B71500;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	#homepage3 article{width:calc(100% - 10px);}
	#homepage3 article .box{width:100%;}
}
/*** -----3b----- ***/
#homepage3b{
	padding:20px 0px 0px 0px;
	text-align:center;
	vertical-align:top;
	border:solid 0px #FF0000;
}

#homepage3b article{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(50% - 10px);
}

#homepage3b article .box{
	background:#fff;
	color:black;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(100% - 10px);
	text-align:right; 
	border:0px solid #B71500;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	#homepage3b article{width:calc(100% - 10px);}
	#homepage3b article .box{width:100%;}
}

/*** -----4----- ***/
#homepage4 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	vertical-align:top;
	background:#FFFFFF;
	border:solid 0px #FF0000;
}

#homepage4 article {
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:calc(50% - 10px);
}

#homepage4 article .right {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:right; 
	border:0px solid #B71500;
}
#homepage4 article .left {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left; 
	border:0px solid #B71500;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	#homepage4 {text-align:center;}
	#homepage4 article{width:calc(100% - 10px);}
}


article.borderleft {border-left:solid 1px #ababab;}
#homepage3.borderbottom {border-bottom:solid 1px #ababab;}
#homepage2 article.paddingleft {padding:0px 10px 0px 0px;}
#homepage4 article.paddingleft {padding:0px 10px 0px 0px;}

@media only screen and (max-width:800px) and (min-width: 10px){
	article.borderleft {border-left:solid 0px #ababab;}
	#homepage article {border-bottom:solid 1px #ababab;margin-bottom:10px;}
	#homepage3.borderbottom {border-bottom:solid 0px #ababab;}
	#homepage3 article {border-bottom:solid 1px #ababab;margin-bottom:10px;}
	#homepage3b.borderbottom {border-bottom:solid 0px #ababab;}
	#homepage3b article {border-bottom:solid 1px #ababab;margin-bottom:10px;}
}

#homepage5{
	margin-top:20px;
	padding:0px;
	text-align:center;
	vertical-align:top;
	border:solid 0px #FF0000;
}
#homepage5 article.martzim3{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 14px 0px;
	margin:0px 0px 0px 0px;
	width:calc(33% - 10px);
}
#homepage5 article.martzim4{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:calc(25% - 10px);
}
#homepage5 article.martzim5{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:calc(20% - 10px);
}
#homepage5 article.martzim6{
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:calc(17% - 10px);
}

#homepage5 article .box{
	background:#fff;
	color:black;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	width:calc(100% - 10px);
	text-align:center; 
	border:0px solid #B71500;
}

#homepage5 article .box h2{text-align:center;}

.icon5 {
position:relative;
margin:-20px 0px 10px 0px;
padding:0px 0px 0px 0px;
border:solid 0px #bbbbbb;
text-align:center;
}
.icon_photo {
width:60%;
height:auto;
border:1px solid #bbbbbb;
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
}
.icon_photo_x2 {
width:100%;
height:auto;
border:1px solid #bbbbbb;
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
}
@media only screen and (max-width:800px) and (min-width: 10px){
	#homepage5 {margin-top:0px;}
	#homepage5 article.martzim3 {width:calc(100% - 10px);}
	#homepage5 article.martzim4 {width:calc(100% - 10px);}
	#homepage5 article.martzim5 {width:calc(100% - 10px);}
	#homepage5 article.martzim6 {width:calc(100% - 10px);}
	#homepage5 article.margin_top_cell {margin-top:10px;}
	#homepage5 article .box{width:100%;text-align:right;}
	#homepage5 article .box{margin:0px 0px 0px 0px;border-bottom:1px solid #888888;}
	#homepage5 article .box h2{text-align:right;}
	.icon5 {float:right;margin:0px 0px 0px 10px;text-align:right;}
	.icon_photo {width:94px;height:auto;}
	.icon_photo_x2 {width:94px;height:auto;}
}

/*** -----4column----- ***/
.table_design {
	display: table;
	border-spacing:10px 0px;
	padding:10px 10px 10px 10px;
	text-align:right;
	vertical-align:top;
	border:solid 0px #FF0000;
}

.row_design {
	display: table-row;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100% - 10px);
	height:100%;
	background:#ffffff;
}

.cell_design {
	display: table-cell;
	margin:0px 10px 0px 10px;
	padding:0px 10px 0px 10px;
	width:33%;
	text-align:right; 
	background:#f1f6f9;
	border:0px solid #B71500;
}

.last_cell {
margin:0px -10px -10px -10px;
padding:10px 10px 10px 10px;
background:#f1f6f9;
}

.button_box {
display:inline-block;
vertical-align:bottom;
text-align:left;
width:100%;
margin:30px -10px 0px -10px;
padding:30px 10px 10px 10px;
background:#ffffff;
}

.button_box_center {
display:inline-block;
vertical-align:bottom;
text-align:center;
width:100%;
margin:30px -10px 0px -10px;
padding:30px 10px 10px 10px;
background:#ffffff;
}

ul.square {
margin:-10px 8px 5px 0px;
padding:0px 10px 0px 0px;
list-style-type: square;
color: #044388;
}

ul.square li span {
font-family: Reforma, Arial;
font-size: 16px; 
text-align: right; 
font-weight: normal; 
line-height: 18px; 
letter-spacing: 0.00em; 
color: #4d4d4d;
}

ul.square_bullete {
margin:10px 8px 5px 0px;
padding:0px 10px 0px 0px;
list-style-type: square;
color: #2cabde;
}
ul.square_bullete li span {
font-family: Reforma, Arial;
font-size: 18px; 
text-align: right; 
font-weight: normal; 
line-height: 20px; 
letter-spacing: 0.00em; 
color: #ffffff;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.table_design {border-spacing:0px 0px;}
	.row_design {width:100%;}
	.cell_design {display:inline-block;width:calc(100% - 20px);margin:0px 0px 10px 0px;}
	.last_cell {margin-top:0px;padding-top:1px;}
	.button_box {text-align:right;margin-top:20px;padding-top:20px;}
}

/*** -----4column----- ***/

/****** switch ******/
.switch-on {
display:inline;
}

.switch-off {
display:none;
}

.widescreen {display:inline;}
@media only screen and (max-width:800px) and (min-width: 10px){
	.widescreen {display:none;}
}
.cellular {display:none;}
@media only screen and (max-width:800px) and (min-width: 10px){
	.cellular {display:inline;}
}

/****** END switch ******/

/****** button interactive ******/

.button_interactive {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	background: #D2232A;
	background: -moz-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D2232A), color-stop(100%,#D2232A));
	background: -webkit-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: -o-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: -ms-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: linear-gradient(top,#D2232A 0%,#D2232A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D2232A", endColorstr="#D2232A", GradientType=0);

	font-family: ReformaMedium, Arial;
	color: #ffffff;
	font-size: 30px;
	line-height: 0px;
	font-weight: normal; 
	border: 1px solid #c5c5c5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	/* ============= LAYOUT ============= */
	
	display: inline-block;
	padding:20px 20px 20px 20px;
	
}
.button_interactive a {text-decoration: none;color: #ffffff;}
.button_interactive a:visited {color: #ffffff;}
.button_interactive a:hover {text-decoration: underline;color: #000000;}
@media only screen and (max-width:400px) and (min-width: 10px){
	.button_interactive {
		font-size: 20px;
	}
}

.button_interactive:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #D2232A;
	background: -moz-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D2232A), color-stop(100%, #D2232A));
	background: -webkit-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: -o-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: -ms-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: linear-gradient(top, #D2232A 0%, #D2232A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D2232A", endColorstr="#D2232A", GradientType=0);
	
	color: #000;
}

/****** END button interactive ******/

h1 {
font-family: Reforma, Arial;
font-size: 24px;
text-align: right;
font-weight: bold;
line-height: 24px;
letter-spacing: 0.00em;
display: inline;
color: #4d4d4d;
}

h2 {
font-family: Reforma, Arial;
font-size: 24px;
text-align: right;
font-weight: bold;
line-height: 24px;
letter-spacing: 0.00em;
display: inline;
color: #4d4d4d;
}

h3 {
font-family: Reforma, Arial;
font-size: 20px;
text-align: right;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.00em;
display: block;
color: #D2232A;
margin:-5px 0px 0px 0px; 
}

.hache3 {
font-family: Reforma, Arial;
font-size: 16px;
text-align: right;
font-weight: normal;
line-height: 18px;
letter-spacing: 0.00em;
margin:-15px 0px -10px 0px;
padding:0px 0px 0px 0px;
}

p.paragraph_icon {
font-family: Reforma, Arial;
font-size: 16px; 
text-align: right; 
font-weight: normal; 
line-height: 18px; 
letter-spacing: 0.00em; 
color: #959595;
margin:0px 0px 0px 0px; 
}
@media only screen and (max-width:800px) and (min-width: 10px){
	p.paragraph_icon {
	font-size: 16px; 
	line-height: 16px;
	text-align: right; 
	}
}
ul.paragraph_icon {
font-family: Reforma, Arial;
font-size: 16px; 
text-align: right; 
font-weight: normal; 
line-height: 18px; 
letter-spacing: 0.00em; 
color: #959595;
margin:5px 20px 5px 0px;
padding:0px 10px 0px 0px;
list-style-type: square;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	ul.paragraph_icon {
	font-size: 16px; 
	line-height: 16px;
	text-align: right; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
}

ul.paragraph_icon_small {
font-family: Reforma, Arial;
font-size: 16px; 
text-align: right; 
font-weight: normal; 
line-height: 16px; 
letter-spacing: 0.00em; 
color: #959595;
margin:5px 20px 5px 0px;
padding:0px 10px 0px 0px;
list-style-type: square;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	ul.paragraph_icon_small {
	display:inline;
	font-size: 14px; 
    line-height: 15px;
    text-align: right; 
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type: square;
	}
	ul.paragraph_icon_small li {
    margin:0px 120px 0px 0px;
}

}

div.melel_1 {
font-family: Reforma, Arial;
font-size: 19px; 
text-align: right; 
font-weight: normal; 
line-height: 22px; 
letter-spacing: 0.00em; 
color: #4d4d4d;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

div.melel_2 {
font-family: Reforma, Arial;
font-size: 15px; 
text-align: right; 
font-weight: bold; 
line-height: 17px; 
letter-spacing: 0.00em; 
color: #010101;
margin:0px 0px 0px 0px; 
padding:10px 10px 20px 10px;
}

div.melel_3 {
font-family: Reforma, Arial;
font-size: 16px; 
text-align: right; 
font-weight: normal; 
line-height: 18px; 
letter-spacing: 0.00em; 
color: #666666;
margin:10px 0px 0px 0px; 
padding:0px 10px 20px 10px;
}

div.melel_4 {
font-family: Reforma, Arial;
font-size: 18px; 
text-align: center; 
font-weight: normal; 
line-height: 20px; 
letter-spacing: 0.00em; 
color: #ffffff;
margin:0px 0px 0px 0px; 
padding:10px 10px 20px 10px;
}

.melel_orange {
color: #f45923;
}
.melel_blue {
color: #044388;
}
.melel_green {
color: #009673;
}
.melel_grey {
color: #4e4e4e;
}

span.melel_white_strong {
font-family: Reforma, Arial;
font-size: 18px; 
text-align: center; 
font-weight: normal; 
line-height: 20px; 
letter-spacing: 0.00em; 
color: #ffffff;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}
span.melel_black_strong {
font-family: Reforma, Arial;
font-size: 22px; 
text-align: right; 
font-weight: normal; 
line-height: 24px; 
letter-spacing: 0.00em; 
color: #000000;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}
.melel_razzmatazz {
font-family: Reforma, Arial;
font-size: 22px; 
text-align: center; 
font-weight: bold; 
line-height: 24px; 
letter-spacing: 0.00em; 
color: #E3256B;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}
.melel_bordo {
font-family: Reforma, Arial;
font-size: 22px; 
text-align: center; 
font-weight: bold; 
line-height: 24px; 
letter-spacing: 0.00em; 
color: #B21331;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}
.melel_dark_cyan {
color: #044388;
}

.bordo_color {color: #B21331;}
.bordo_color a {text-decoration: none;color: #B21331;}
.bordo_color a:visited {color: #B21331;}
.bordo_color a:hover {text-decoration: underline;color: #B21331;}
.bordo_color_bg {background-color:#B21331;}

.grey_color {color: #4e4e4e;}
.grey_color a {text-decoration: none;color: #4e4e4e;}
.grey_color a:visited {color: #4e4e4e;}
.grey_color a:hover {text-decoration: underline;color: #4e4e4e;}
.grey_color_bg {background-color:#4e4e4e;}

ul {
padding:0px 10px 0px 0px;
margin:5px 3px 5px 0px;
}
ol {
padding:0px 30px 0px 0px;
margin:0px 5px 0px 0px;
}

ul.none {list-style-type:none;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.hebrew {list-style-type:hebrew;}

ul.bullet_big_left_space {
margin:5px 240px 5px 0px;
padding:0px 0px 0px 0px; 
list-style-type: square;
}
@media only screen and (max-width:920px) and (min-width: 10px){
	ul.bullet_big_left_space {
		margin:5px 20px 5px 0px;
	}
}

ul.folder {
margin:5px 25px 5px 0px;
padding:0px 0px 0px 0px; 
list-style-image:url(/shared/images/folder.jpg)
}

ul.tafrit_index {
font-family: Reforma, Arial;
font-size: 13px; 
text-align: right; 
font-weight: bold; 
line-height: 16px; 
letter-spacing: 0.00em; 
color: #666666;
padding:0px 0px 0px 0px; 
margin:5px 15px 5px 0px;
list-style-image:url(/shared/images/bullete.png)
}
ul.tafrit a {text-decoration: none;color: #666666;}
ul.tafrit a:visited {text-decoration: none;color: #666666;}
ul.tafrit a:hover {text-decoration: underline;color: #029718;}

/****** form ******/

#form {
position:absolute; 
top:240px;
left:20px; 
width:280px;
height:auto !important; /* real browsers */
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
vertical-align:middle;
text-align:center;
background-color:#F2F2F2;
border:solid 0px #FF0000;
box-shadow: 1px 1px 5px 0px #999;
-webkit-box-shadow: 1px 1px 5px 0px #999;
 -moz-box-shadow: 1px 1px 5px 0px #999;
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#', Direction=135, Strength=4);
 filter: shadow(color=#666666, direction=135, strength=4);
}
@media only screen and (max-width:800px) and (min-width: 10px){
	#form {
		position: relative;
		top:0px;
		left:0px; 
		width:100%;
		height: 330px; 
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto; 
		padding: 0px 0px 0px 0px;
		border: solid 0px #75B75D;
box-shadow: 5px 0px 5px 0px #999;
-webkit-box-shadow: 5px 0px 5px 0px #999;
 -moz-box-shadow: 5px 0px 5px 0px #999;
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#', Direction=180, Strength=4);
 filter: shadow(color=#666666, direction=180, strength=4);
	}
}

.form_content {
position: relative;
top:10px \0 /* IE9 */;
width: 280px; file://cloud/openu.ac.il/hasifa/minisite/201601/images/header2.jpg
height:auto !important; /* real browsers */
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#F2F2F2;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.form_content {
		width:calc(100% - 10px);
		height:auto !important; /* real browsers */
		margin: 0px 0px 0px 0px;
	}
}

.katan {
font-family: Reforma, Arial;
font-size: 16px; 
text-align: right; 
font-weight: bold; 
letter-spacing: 0.00em; 
color: #000000;
}

.form_title {
position: relative; 
width:calc(100% - 10px);
height:auto !important; /* real browsers */
margin: 0px 0px 5px 0px; 
padding: 10px 5px 0px 0px;					
vertical-align: middle;
text-align: center;
border:solid 0px #FF0000;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.form_title {
		width: 100%; 
	}
}

.form_title_txt_top {
font-family: Reforma;
font-size: 24px; 
line-height: 24px; 
text-align: right; 
font-weight: bold; 
letter-spacing: 0.00em; 
color: #1C1563;
display: inline; 
}

.form_title_txt_bottom {
font-family: Reforma, Arial;
font-size: 16px; 
line-height: 16px; 
text-align: right; 
font-weight: normal; 
letter-spacing: 0.00em; 
color: #4e4e4e;
display: inline; 
}

.form_row {
position: relative; 
width: 270px; 
height: 35px;
margin: 0px 0px 5px 0px; 
padding: 0px 6px 0px 0px;					
vertical-align: middle;
text-align: right;
border:solid 0px #FF0000;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.form_row {
		width:100% !important;
		height: 35px;			
	}
}

.form_row_iagree {
position: relative;
width: 270px; 
height: 30px;
margin: 0px 0px 5px 0px;
padding: 0px 6px 0px 0px;
vertical-align: middle;
text-align: right;
border:solid 0px #FF0000;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	.form_row_iagree {
		width:100%; 
	}
}
.iagree_text {
display:inline;
position:absolute;
top:3px;
right:25px;
}
.sendmetext {
font-family: Reforma, Arial;
font-size: 10px; 
line-height: 10px;
text-align: right; 
font-weight: bold; 
letter-spacing: 0.00em; 
color: #000000;
}

.form_input_border {
padding: 0px 3px 0px 0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
background-color:#CCD8DE;
border:solid 0px #183466;
}
.form_input	{
position: absolute; 
top: 0px;
left: 15px; 
width: 240px; 
height: 32px; 
margin: 0px; 
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.form_input	{
		width:calc(100% - 25px);
		height: 32px; 
	}
}

.form_input_tel	{
position: absolute; 
top: 0px;
left: 71px; 
width: 184px; 
height: 32px; 
margin: 0px; 
}
@media only screen and (max-width:800px) and (min-width: 10px){
	.form_input_tel	{
		right: 7px;
		width:calc(80% - 45px);
		height: 32px; 
	}
}

.form_input_code_tel {
position: absolute; 
top: 0px;
left: 15px; 
width: 50px; 
height: 32px; 
margin: 0px; 
background-color:#CCD8DE;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.form_input_code_tel {
		width:20%;
		height: 32px; 
	}
}

.form_input_select {
position: absolute; 
top: 0px;
left: 15px; 
width: 245px; 
height: 34px; 
margin: 0px; 
background-color:#CCD8DE;
}

@media only screen and (max-width:800px) and (min-width: 10px){
	.form_input_select {
		width:calc(100% - 22px);
		height: 34px; 
	}
}

.form_row_button {
position: relative; 
width: 270px; 
height: 47px;			
margin: 0px 0px 5px 0px; 
padding: 0px 0px 0px 10px;					
vertical-align: middle;
text-align: right;
border:solid 0px #FF0000;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	.form_row_button {
		width:100%;
	}
}

.form_input_button {
position: absolute;
top: 0px;
left: 18px; 
width: 247px; 
height: 40px; 
margin: 0px; 
padding: 0px;
border:solid 0px #FF0000;
}
@media only screen and (max-width:800px) and (min-width: 10px){
	.form_input_button {
		width:calc(100% - 22px);
	}
}
.ui-btn-text {
display: none !important;
}

/****** button interactive ******/

.button_form {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	/*
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #ed801b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #ed801b));
	background: -webkit-linear-gradient(top, #FFF 0%, #ed801b 100%);
	background: -o-linear-gradient(top, #FFF 0%, #ed801b 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #ed801b 100%);
	background: linear-gradient(top, #FFF 0%, #ed801b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ed801b", GradientType=0);
	*/
	background: #D2232A;
	background: -moz-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D2232A), color-stop(100%,#D2232A));
	background: -webkit-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: -o-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: -ms-linear-gradient(top,#D2232A 0%,#D2232A 100%);
	background: linear-gradient(top,#D2232A 0%,#D2232A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D2232A", endColorstr="#D2232A", GradientType=0);

	font-family: Reforma, Arial;
	color: #ffffff;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold; 
	border: 1px solid #c5c5c5;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;


	/* ============= LAYOUT ============= */
	
	line-height: normal;
	display: inline-block;
	padding: 3px 9px 8px 8px;
	
}
.button_form:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #D2232A;
	background: -moz-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D2232A), color-stop(100%, #D2232A));
	background: -webkit-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: -o-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: -ms-linear-gradient(top, #D2232A 0%, #D2232A 100%);
	background: linear-gradient(top, #D2232A 0%, #D2232A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D2232A", endColorstr="#D2232A", GradientType=0);
	
	color: #000;
}

/****** END button interactive ******/

/****** end form ******/


/****** policy ******/

	.policy_box {
		position: relative; 
		margin:10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	.policy {
		position: relative; 
		top: 0px; 
		right: 0px;
		width: 100% !important;
		height: auto !important;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: solid 0px #75B75D;
	}

.policy_text {
font-family: Reforma, Arial;
font-size: 12px; 
text-align: center;
font-weight: normal; 
letter-spacing: 0.00em; 
color: #ababab;
}
.policy_text a {text-decoration: underline;color: #ababab;}
.policy_text a:visited {color: #ababab;}
.policy_text a:hover {text-decoration: underline;color: #ffffff;}

/****** end policy ******/


.hide{ display: none !important; }
.fluid_10,.fluid_15 { display: inline; float: right; direction: rtl; position: relative; }
.fluid_10 {	width: 10%;		}
.fluid_15 {	width: 33%;		}
.fluid_33 {	width: 33%;		}

.rtl .fluid_10,.rtl .fluid_15,.rtl .fluid_33 { float: right !important; direction: rtl !important; }
.rtl .fluid_10,.ltr .fluid_15,.ltr .fluid_33 { float: left !important; direction: ltr !important; }

/* {flexi} Responsive Web
----------------------------------------------------------------------------------------------------*/
/* SmartPhone Portrait - Width ...-480 */
@media only screen and (min-width: 10px) and (max-width: 800px){
	.sp_p_hide{ display: none !important; }
	.sp_p_show{ display: block !important; }
}

.footernav{ position: fixed; z-index: 99999; left: 0; right: 0; bottom: 0; width: 100%; background: #ffffff url(/shared/images/space.png) bottom; }
.footernav,.footernav *{ text-align: center; }
.footernav .fluid_33{ width: 33%; }
.footernav .fluid_15{ width: 33%; }
.footernav .fluid_10{ width: 14.2%; }
.footernav img{ max-width: 70px; }

/* Desktop - Width 1200-1600 */
@media only screen and (min-width: 1200px) and (max-width: 1350px){
	header .fluid_15{ width: 33%; }
}
@media only screen and (min-width: 1350px) and (max-width: 1799px){
	header .fluid_15{ width: 33%; }
}
@media only screen and (min-width: 1800px) and (max-width: 2199px){
	header .fluid_15{ width: 33%; }
}

@media only screen and (min-width: 2200px){
	header .fluid_15{ width: 33%; }
}