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:60px;
	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:40px 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 Top Page ******/
/* .header_top_page {background-image:url(images/header_cell.jpg);} */
.top_image_5_line {
width:calc(100% + 0px);
max-height:400px;
max-height:425px \0 /* IE9 */;
}
.top_image_box {
margin:0px;
width:calc(100% + 0px);
background-size: cover;
background-position: 50% 50%;
background-position:top right;
background-repeat: none;
}
.header_text_box {
position:absolute;
top:120px;
right:0px; 
width:calc(100% - 10px);
height:auto !important; /* real browsers */
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid 0px #FF0000;
}
.header_text_box_text {
position:relative;
top:0px;
right:20px; 
width:calc(100% - 380px);
height:auto !important; /* real browsers */
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid 0px #00FF00;
}
@media only screen and (max-width:820px) and (min-width: 10px){
	.header_text_box_text {width:calc(100% - 20px);}
}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.justify {text-align: justify;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}

.shura {margin: 0px 0px 10px 0px;}

.smaller {
font-family: Reforma;
font-size:1.5vw;
line-height:1.5vw;
}
@media only screen and (max-width:820px) and (min-width: 10px){.smaller {font-size:1.5vw;line-height:1.5vw;}}

.small {
font-family: Reforma;
font-size:2vw;
line-height:2vw;
}
@media only screen and (max-width:820px) and (min-width: 10px){.small {font-size:2vw;line-height:2vw;}}

.medium {
font-family: Reforma;
font-size:2.5vw;
line-height:2.5vw;
}
@media only screen and (max-width:820px) and (min-width: 10px){.medium {font-size:2.5vw;line-height:2.5vw;}}

.large {
font-family: Reforma;
font-size:3vw;
line-height:3vw;
}
@media only screen and (max-width:820px) and (min-width: 10px){.large {font-size:3vw;line-height:3vw;}}

.xlarge {
font-family: Reforma;
font-size:4.5vw;
line-height:4.5vw;
}
@media only screen and (max-width:820px) and (min-width: 10px){.xlarge {font-size:4.5vw;line-height:4.5vw;}}

.header_text_bottom {
position:relative;
margin: -30px 0px 10px 0px; 
padding: 0px 20px 0px 0px;
font-family: Reforma;
font-size: 16px; 
}

.switch-on {display:inline;}
.switch-off {display:none;}
.widescreen {display:block;}
.cellular {display:none;}
@media only screen and (max-width:820px) and (min-width: 10px){
	.widescreen {display:none;}
	.cellular {display:inline;}
	.header_text_box_text {width:calc(100% - 20px);}
}

.white_color {color: #ffffff;}
.white_color a {text-decoration: none;color: #ffffff;}
.white_color a:visited {color: #ffffff;}
.white_color a:hover {text-decoration: underline;color: #ffffff;}
.white_color_bg {background-color:#ffffff;}

.black_color {color: #000000;}
.black_color a {text-decoration: none;color: #000000;}
.black_color a:visited {color: #000000;}
.black_color a:hover {text-decoration: underline;color: #000000;}
.black_color_bg {background-color:#000000;}

.rose_color {color: #ff0080;}
.rose_color a {text-decoration: none;color: #ff0080;}
.rose_color a:visited {color: #ff0080;}
.rose_color a:hover {text-decoration: underline;color: #ff0080;}
.rose_color_bg {background-color:#ff0080;}

.red_color {color: #ff0000;}
.red_color a {text-decoration: none;color: #ff0000;}
.red_color a:visited {color: #ff0000;}
.red_color a:hover {text-decoration: underline;color: #ff0000;}
.red_color_bg {background-color:#ff0000;}

.orange_color {color: #FFA500;}
.orange_color a {text-decoration: none;color: #FFA500;}
.orange_color a:visited {color: #FFA500;}
.orange_color a:hover {text-decoration: underline;color: #FFA500;}
.orange_color_bg {background-color:#FFA500;}

.yellow_color {color: #FFFF00;}
.yellow_color a {text-decoration: none;color: #FFFF00;}
.yellow_color a:visited {color: #FFFF00;}
.yellow_color a:hover {text-decoration: underline;color: #FFFF00;}
.yellow_color_bg {background-color:#FFFF00;}

.blue_color {color: #0d55b0;}
.blue_color a {text-decoration: none;color: #0d55b0;}
.blue_color a:visited {color: #0d55b0;}
.blue_color a:hover {text-decoration: underline;color: #0d55b0;}
.blue_color_bg {background-color:#0d55b0;}

.green_color {color: #04B404;}
.green_color a {text-decoration: none;color: #04B404;}
.green_color a:visited {color: #04B404;}
.green_color a:hover {text-decoration: underline;color: #04B404;}
.green_color_bg {background-color:#04B404;}

.gray_color {color: #808080;}
.gray_color a {text-decoration: none;color: #808080;}
.gray_color a:visited {color: #808080;}
.gray_color a:hover {text-decoration: underline;color: #808080;}
.gray_color_bg {background-color:#808080;}

.gray_color_form {color: #6a6f71;}
.gray_color_form a {text-decoration: none;color: #6a6f71;}
.gray_color_form a:visited {color: #6a6f71;}
.gray_color_form a:hover {text-decoration: underline;color: #6a6f71;}

.french_blue_color {color: #0072BB;}
.french_blue_color a {text-decoration: none;color: #0072BB;}
.french_blue_color a:visited {color: #0072BB;}
.french_blue_color a:hover {text-decoration: underline;color: #0072BB;}
.french_blue_color_bg {background-color:#0072BB;}

.ironside_gray_color {color: #676662;}
.ironside_gray_color a {text-decoration: none;color: #676662;}
.ironside_gray_color a:visited {color: #676662;}
.ironside_gray_color a:hover {text-decoration: underline;color: #676662;}
.ironside_gray_color_bg {background-color:#676662;}

.deco_color {color: #D2DA97;}
.deco_color a {text-decoration: none;color: #D2DA97;}
.deco_color a:visited {color: #D2DA97;}
.deco_color a:hover {text-decoration: underline;color: #D2DA97;}
.deco_color_bg {background-color:#D2DA97;}

.silver_chalice {color: #acacac;}
.silver_chalice a {text-decoration: none;color: #acacac;}
.silver_chalice a:visited {color: #acacac;}
.silver_chalice a:hover {text-decoration: underline;color: #acacac;}
.silver_chalice_bg {background-color:#acacac;}

.eastern_blue {color: #1696A7;}
.eastern_blue a {text-decoration: none;color: #1696A7;}
.eastern_blue a:visited {color: #1696A7;}
.eastern_blue a:hover {text-decoration: underline;color: #1696A7;}
.eastern_blue_bg {background-color:#1696A7;}

.bondi_blue {color: #00A0B5;}
.bondi_blue a {text-decoration: none;color: #00A0B5;}
.bondi_blue a:visited {color: #00A0B5;}
.bondi_blue a:hover {text-decoration: underline;color: #00A0B5;}
.bondi_blue_bg {background-color:#00A0B5;}

.marker {background-color:#F4FA58;}
.marker:hover {background-color:#C0C9E6;}

.concrete_color_bg {background-color:#f2f2f2;}
.geyser_color_bg {background-color:#D4DFE2}

.ascolot_color {color: #D2232A;}
.ascolot_color a {text-decoration: none;color: #D2232A;}
.ascolot_color a:visited {color: #D2232A;}
.ascolot_color a:hover {text-decoration: underline;color: #D2232A;}
.ascolot_color_bg {background-color: #D2232A;}

.dialog_color {color: #d46700;}
.dialog_color a {text-decoration: none;color: #d46700;}
.dialog_color a:visited {color: #d46700;}
.dialog_color a:hover {text-decoration: underline;color: #d46700;}
.dialog_color_bg {background-color: #d46700;}

.diploma_color {color: #6566AE;}
.diploma_color a {text-decoration: none;color: #6566AE;}
.diploma_color a:visited {color: #6566AE;}
.diploma_color a:hover {text-decoration: underline;color: #6566AE;}
.diploma_color_bg {background-color: #6566AE;}

.hasifa_color {color: #c9006e;}
.hasifa_color a {text-decoration: none;color: #c9006e;}
.hasifa_color a:visited {color: #c9006e;}
.hasifa_color a:hover {text-decoration: underline;color: #c9006e;}
.hasifa_color_bg {background-color: #c9006e;}

.merav_color {color: #007b5e;}
.merav_color a {text-decoration: none;color: #007b5e;}
.merav_color a:visited {color: #007b5e;}
.merav_color a:hover {text-decoration: underline;color: #007b5e;}
.merav_color_bg {background-color: #007b5e;}

.tafnit_color {color: #004689;}
.tafnit_color a {text-decoration: none;color: #004689;}
.tafnit_color a:visited {color: #004689;}
.tafnit_color a:hover {text-decoration: underline;color: #004689;}
.tafnit_color_bg {background-color: #004689;}

.tachbura_color {color: #837DAD;}
.tachbura_color a {text-decoration: none;color: #837DAD;}
.tachbura_color a:visited {color: #837DAD;}
.tachbura_color a:hover {text-decoration: underline;color: #837DAD;}
.tachbura_color_bg {background-color: #837DAD;}

.negishut_color {color: #58595b;}
.negishut_color a {text-decoration: none;color: #58595b;}
.negishut_color a:visited {color: #58595b;}
.negishut_color a:hover {text-decoration: underline;color: #58595b;}
.negishut_color_bg {background-color: #58595b;}

.org_color {color: #00a0b5;}
.org_color a {text-decoration: none;color: #00a0b5;}
.org_color a:visited {color: #00a0b5;}
.org_color a:hover {text-decoration: underline;color: #00a0b5;}
.org_color_bg {background-color: #C6B299;}

.openu_color {color: #C6B299;}
.openu_color a {text-decoration: none;color: #C6B299;}
.openu_color a:visited {color: #C6B299;}
.openu_color a:hover {text-decoration: underline;color: #C6B299;}
.openu_color_bg {background-color: #C6B299;}

.h1_dialog_color {color: #676662;}
.h1_dialog_color a {text-decoration: none;color: #676662;}
.h1_dialog_color a:visited {color: #676662;}
.h1_dialog_color a:hover {text-decoration: underline;color: #676662;}

.h1_diploma_color {color: #676662;}
.h1_diploma_color a {text-decoration: none;color: #676662;}
.h1_diploma_color a:visited {color: #676662;}
.h1_diploma_color a:hover {text-decoration: underline;color: #676662;}

.h1_hasifa_color {color: #676662;}
.h1_hasifa_color a {text-decoration: none;color: #676662;}
.h1_hasifa_color a:visited {color: #676662;}
.h1_hasifa_color a:hover {text-decoration: underline;color: #676662;}

.h1_merav_color {color: #676662;}
.h1_merav_color a {text-decoration: none;color: #676662;}
.h1_merav_color a:visited {color: #676662;}
.h1_merav_color a:hover {text-decoration: underline;color: #676662;}

.h1_tafnit_color {color: #676662;}
.h1_tafnit_color a {text-decoration: none;color: #676662;}
.h1_tafnit_color a:visited {color: #676662;}
.h1_tafnit_color a:hover {text-decoration: underline;color: #676662;}

.h2_dialog_color {color: #676662;}
.h2_dialog_color a {text-decoration: none;color: #676662;}
.h2_dialog_color a:visited {color: #676662;}
.h2_dialog_color a:hover {text-decoration: underline;color: #676662;}

.h2_diploma_color {color: #676662;}
.h2_diploma_color a {text-decoration: none;color: #676662;}
.h2_diploma_color a:visited {color: #676662;}
.h2_diploma_color a:hover {text-decoration: underline;color: #676662;}

.h2_hasifa_color {color: #676662;}
.h2_hasifa_color a {text-decoration: none;color: #676662;}
.h2_hasifa_color a:visited {color: #676662;}
.h2_hasifa_color a:hover {text-decoration: underline;color: #676662;}

.h2_merav_color {color: #676662;}
.h2_merav_color a {text-decoration: none;color: #676662;}
.h2_merav_color a:visited {color: #676662;}
.h2_merav_color a:hover {text-decoration: underline;color: #676662;}

.h2_tafnit_color {color: #676662;}
.h2_tafnit_color a {text-decoration: none;color: #676662;}
.h2_tafnit_color a:visited {color: #676662;}
.h2_tafnit_color a:hover {text-decoration: underline;color: #676662;}

/****** END Header Top Page ******/
/****** youtube_video ******/

	.videoWrapper {
		position: relative;
		height: 0;
		margin:0px 0px 10px 0px;
		padding-top: 25px;
		padding-bottom: 56.25%; /* 16:9 */
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.youtube_video_float_right {
		float:right;
		width:426px;
		height:240px;
		margin:0px 0px 5px 25px;
	}
	.youtube_video_float_right iframe {
		position: relative;
		width:426px;
		height:240px;
	}

	.youtube_video_float {
		float:left;
		width:426px;
		height:240px;
		margin:0px 15px 5px 0px;
	}
	.youtube_video_float iframe {
		position: relative;
		width:426px;
		height:240px;
	}
@media only screen and (max-width:820px) and (min-width: 10px){
	.youtube_video_float {
		float:none;
		position: relative;
		width:100%;
		min-height:240px;
		margin:0px 0px 10px 0px;
	}
	.youtube_video_float iframe {
		position: relative;
		width: 100%;
		height: 100%;
	}
}
/****** END youtube_video ******/

/****** New video Commands ******/

.videoclip_box_100 {width: 100%; max-width: 100%; margin: auto;}
.videoclip_box {width: 100%; max-width: 75%; margin: auto;}
.videoclip {position: relative; padding-bottom: 56.25%; /* 16:9 */  padding-top: 25px; margin: auto;}
.videoclip iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/****** END New video Commands ******/
/*** logo ***/
.logo_school_box {
position:relative;
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: 0px; 
right: 10px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
border: solid 0px #75B75D; 
}

.schoolbox {
position: absolute; 
top: 0px; 
right: 60px; 
width: 240px; 
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: 215px; 
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: 12px; 
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.15em;
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;}
.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_responsive {
max-width:100%;height:auto;
}

.img_header_responsive {max-width:100%;min-height:500px;}
@media only screen and (max-width:820px) 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:820px) 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:820px) 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:#F2F2F2;}
.paragraph {padding:10px 10px 10px 10px;}
.paragraph_last {background-color:#ffffff;margin-top:60px;padding:1px 0px 10px 0px;}
@media only screen and (max-width:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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 {
font-family: Reforma, Arial;
font-size: 20px; 
margin:10px 8px 5px 0px;
padding:0px 10px 0px 0px;
list-style-type: square;
color: #D2232A;
}
ul.square li {
margin:0px 0px 5px 0px;
}
ul.square li span {
font-family: Reforma, Arial;
font-size: 20px; 
text-align: right; 
font-weight: normal; 
line-height: 18px; 
letter-spacing: 0.00em; 
color: #000000;
}

ul.square_bullete {
font-family: Reforma, Arial;
font-size: 20px; 
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: 20px; 
text-align: right; 
font-weight: normal; 
line-height: 20px; 
letter-spacing: 0.00em; 
color: #ffffff;
}

@media only screen and (max-width:820px) 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----- ***/

/****** 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: 20px;
text-align: right;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.00em;
display: block;
color: #D2232A;
margin:-5px 0px 0px 0px; 
}

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

.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: 20px; 
text-align: right; 
font-weight: normal; 
line-height: 20px; 
letter-spacing: 0.00em; 
color: #959595;
margin:0px 0px 0px 0px; 
}
@media only screen and (max-width:820px) and (min-width: 10px){
	p.paragraph_icon {
	font-size: 20px; 
	line-height: 20px;
	text-align: right; 
	}
}
ul.paragraph_icon {
font-family: Reforma, Arial;
font-size: 20px; 
text-align: right; 
font-weight: normal; 
line-height: 20px; 
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:820px) and (min-width: 10px){
	ul.paragraph_icon {
	font-size: 20px; 
	line-height: 20px;
	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:820px) 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:820px) 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:relative; 
top:0px;
left:0px; 
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:820px) 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: 1px 1px 5px 0px #999;
		-webkit-box-shadow: 0px 0px 0px 0px #999;
		-moz-box-shadow: 0px 0px 0px 0px #999;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#', Direction=0, Strength=0);
		filter: shadow(color=#666666, direction=0, strength=0);
	}
}

.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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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:820px) 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: #444444;
}
.policy_text a {text-decoration: underline;color: #444444;}
.policy_text a:visited {color: #444444;}
.policy_text a:hover {text-decoration: underline;color: #ababab;}

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


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

.rtl .fluid_10,.rtl .fluid_15,.rtl .fluid_33 { float: center !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 (max-width:820px) and (min-width: 10px){
	.sp_p_hide{ display: none !important; }
	.sp_p_show{ display: block !important; }
}

.footernav{ position: fixed; z-index: 99999; left: 0; center: 0; bottom: 0; width: 100%; background: #ffffff; }
.footernav,.footernav *{ text-align: center; }
.footernav .fluid_33{ width: 33%; }
.footernav .fluid_15{ width: 100%; }
.footernav .fluid_10{ width: 14.2%; }
.footernav img{ max-width: 300px; }

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

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


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

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

	font-family: Reforma, Arial;
	color: #ffffff;
	font-size: 26px;
	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: 13px 9px 8px 8px;
	
}
.button_interactive:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #999999));
	background: -webkit-linear-gradient(top, #999999 0%, #999999 100%);
	background: -o-linear-gradient(top, #999999 0%, #999999 100%);
	background: -ms-linear-gradient(top, #999999 0%, #999999 100%);
	background: linear-gradient(top, #999999 0%, #999999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#999999", GradientType=0);
	
	color: #000;
}

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