@import url(../vendor/fonts/alef/stylesheet.css);
*, *:before, *:after{box-sizing: border-box;}

html,body{
margin:0; padding:0;
direction:rtl;
font-family:'Alef',Arial, Helvetica, sans-serif;
font-size:16px;
color:#3d3d3c;
}


body.innerPageBody{background:#efefef no-repeat center top; background-size:100% auto; background-attachment: fixed;}


*{font-family:'Alef',Arial, Helvetica, sans-serif !important;}
a,button{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
form{padding:0; margin:0;}
input,select,textarea,button{font-family:'Alef',Arial, Helvetica, sans-serif; font-size:16px;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
p{display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.after:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
.fgrey{color:#8e9393;}
.fblue{color:#202557;}
.fgold{color:#e0c358;}
.ffff{color:#fff;}
.fbold{font-weight:bold;}
.fnormal{font-weight:normal;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f90{font-size:90px;}
.tcenter{text-align:center;}
.line-height{line-height:1.5em}
.underline{text-decoration:underline;}
.nounderline:hover{text-decoration:none;}
.inline-block{display:inline-block}
.block{display:block}
.relative{position:relative;}
.hide{display:none;}
.show{display:inherit;}
.op0{opacity:0;}
.op1{opacity:1;}
.list-none{margin:0; padding:0; list-style:none;}

div.pp_default .pp_content_container .pp_right{padding-right:20px;}
.pp_content_container{text-align:right;}

header.siteHeader{position:absolute; top:60px; right:0; width:100%; min-height:91px; z-index:10; text-align:center;}
header.siteHeader div.top{width:100%; height:13px; background:url(images/menu_top_bg.png);}
header.siteHeader div.bottom{width:100%; height:13px; background:url(images/menu_bottom_bg.png);}
header.siteHeader div.center{height:64px; background:rgba(6,21,56,0.8);}
body.innerPageBody header.siteHeader{position:fixed;}
body.innerPageBody .wrapper{min-height:0;}
#menuStrip{}
#menuStrip .siteLogo{display:inline-block; vertical-align:top; position:relative; width:282px; height:91px; margin-left:20px;}
#menuStrip .siteLogo a.link{display:block; position:absolute; height:232px; width:100%; top:-60px; right:0; overflow:hidden;
padding-right:25px; padding-top:7px;}
#menuStrip .siteLogo a.link.rhombus{background:url(images/logo_bg.png) no-repeat;}
#menuStrip .siteLogo a.link.circle{background:url(images/logo_bg_circle.png) no-repeat; padding-right:44px;}
#menuStrip .siteLogo a.link span.container{display:table-cell; width:249px; height:191px; text-align:center; vertical-align:top;}
#menuStrip .siteLogo a.link.rhombus span.container img{max-width:190px; max-height:96px; margin-bottom:0;position:absolute;top:55px;right:50px;}
#menuStrip .siteLogo a.link.circle span.container img{max-width:168px; max-height:85px;position:absolute;top:55px;right:50px;}
#menuStrip .siteLogo a.link span.container img{display:inline-block; max-width:249px; max-height:191px; margin-bottom:15px;}
#menuStrip .topMenu{display:inline-block; vertical-align:top;}
div#menuStrip div.searchSite{display:inline-block; vertical-align:middle; margin-right:44px;}
div#menuStrip div.searchSite form{display:block; border:1px solid #fff; border-radius:100px; background:transparent; /*margin-bottom:7px;*/ margin-top:17px; position:relative;}
div#menuStrip div.searchSite input[type="text"]{border-radius:0 100px 100px 0; background:transparent; height:30px; border:none; padding-right:10px; display:block; float:right; width:170px; color:#fff;}
div#menuStrip div.searchSite input[type="submit"]{border-radius:100px 0 0 100px; background:transparent url(images/icon_search_white.png) no-repeat center; height:30px; width:45px; border:none; display:block; float:left;}
div#menuStrip div.searchSite input[type="text"][required]{border:none !important;}
div#menuStrip div.searchSite input[type="text"]::-webkit-input-placeholder{color:#fff;}
div#menuStrip div.searchSite input[type="text"]:-moz-placeholder{color:#fff;}
div#menuStrip div.searchSite input[type="text"]::-moz-placeholder{color:#fff;}
div#menuStrip div.searchSite input[type="text"]:-ms-input-placeholder{color:#fff;}




div#menuStrip div.searchSite .parsley-errors-list{position:absolute; display:block; margin:0; padding:0; list-style:none; bottom: -18px; right: 10px; color:#F00;}
div#menuStrip div.searchSite .parsley-errors-list li{display:block; margin:0; padding:0; list-style:none;}

ul#navmenu-h {
	z-index:100;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	height:46px;
	display: inline-block;
}

ul#navmenu-h li {
	z-index:100;
	margin: 0;
	border: 0 none;
	padding: 0;
	float: right; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	margin-left:12.5px; 
	margin-right:12.5px;
}
ul#navmenu-h li:first-child{margin-right:0;}
ul#navmenu-h li:last-child{margin-left:0;}

ul#navmenu-h ul {
	z-index:100;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 64px;
	right: -20;
}

ul#navmenu-h ul:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}

ul#navmenu-h ul li {
	float: right; /*For IE 7 lack of compliance*/
	display: block;
	display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu-h a {
	padding-left:0;
	padding-right:0;
	float: right; /*For IE*/
	display: block;
	color: #fff;
	font-size:20px;
	font-weight:bold;
	line-height:64px;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.on a{
	color:#ffd109;
}

/* 2nd Menu */
ul#navmenu-h li li{margin:0; border-bottom:none;}
ul#navmenu-h li li:hover{border-bottom:none;}

ul#navmenu-h li li a{
	text-align:right;
	float: none;
	width:330px;
	color:#202557 !important;
	line-height:16px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:10px;
	padding-right:10px;
	font-size:20px;
	font-weight:bold;
}

ul#navmenu-h li ul{background:rgba(255,255,255,0.5); border:1px solid #fff;}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a{
	color:#fff !important;
	background:rgba(19,35,65,0.20);	
	
}
ul#navmenu-h ul {
  display: none;
  position: absolute;
  right: 0px; 
  width:330px;
}
ul#navmenu-h ul li{
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: -3px;
  left: -163px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

.wrapForFooter{position:relative;}
footer{position:absolute; bottom:0; width:100%;}
footer div.footerWrapper{width:1220px; margin:0 auto;}
footer div.footer-row-1{background:rgba(0,0,0,0.55); height:70px; overflow:hidden;}
footer div.footer-row-1 .topBg{background:#202557; height:70px; position:absolute; width:100%;}
footer div.footer-row-1 div.right{float:right;}
footer div.footer-row-1 div.right ul{margin:0; padding:0; list-style:none;}
footer div.footer-row-1 div.right ul li{margin:0; padding:0; list-style:none; float:right; width:240px;}
footer div.footer-row-1 div.right ul li label, footer div.footer-row-1 div.right ul li a.notClickable{line-height:70px; cursor:pointer;}
footer div.footer-row-1 div.right ul li ul{padding-top:20px;}
footer div.footer-row-1 div.right ul li ul li{float:none; padding-bottom:10px;}
footer div.footer-row-1 div.right ul li ul li a.link{opacity:0; transition: all 0.2s ease;}
footer div.footer-row-1.on div.right ul li ul li a.link{opacity:1;}

footer div.footer-row-1 div.right nav li a.link span.image{float:right; width:86px; margin-left:14px;}
footer div.footer-row-1 div.right nav li a.link span.image img{display:block; width:100%; height:auto;}
footer div.footer-row-1 div.right nav li a.link span.title{float:left; width:calc(100% - 100px);}
footer div.footer-row-1 div.right nav li a.link span.title.noImage{float:none; width:100%;}


footer div.footer-row-1 div.personalArea{float:left;}
footer div.footer-row-1 div.personalArea a.link{color:#fff; line-height:70px; margin-left:15px; margin-right:15px;}

footer div.footer-row-1 div.left{float:left; padding-top:14px;}
footer div.footer-row-1 div.left{float:left; line-height:49px;}
footer div.footer-row-1 div.left a.link{display:block; float:right; width:44px; height:44px; margin-left:8px;}
footer div.footer-row-1 div.left a.link:last-child{margin-left:0;}
footer div.footer-row-1 div.left a.googleplus{background-image:url(images/icon_google_plus.png);}
footer div.footer-row-1 div.left a.twitter{background-image:url(images/icon_twitter.png);}
footer div.footer-row-1 div.left a.facebook{background-image:url(images/icon_facebook.png);}

footer div.footer-row-2{background:#ffd109; padding-top:15px; padding-bottom:15px;}
footer div.footer-row-2 p{margin:0;}
footer div.messUserActions{text-align:center;}
footer div.taishToval{text-align: center; border-top: 1px solid #fff; margin-top: 10px; padding-top: 5px;}
footer div.taish{}
footer div.tuval{}
footer div.taishToval a{color:#fff;}
footer div.taish img{width:55px; height:45px;}
footer div.tuval img{width: 52px; height: 24px;}
footer a.importantLink span{}
footer div.kav{background-color:#fff; width:2px; height:14px; display:inline-block; margin-right:10px; margin-left:10px;}
footer a.importantLink{display:inline-block;}




div.pageWrapper{position:relative; min-height:100%; padding-bottom:210px;}
article.innerPage{padding-top:255px;}
div.innerPageWrapper{width:1200px; margin:0 auto; background:#fff; min-height:700px; padding:50px;}

div#breadcrumbs{border-bottom:1px solid #c4c4c4; padding-bottom:10px; margin-bottom:40px;}
div#breadcrumbs a{color:inherit;}
div#breadcrumbs span{}
div#breadcrumbs a.current{}

aside.parentMenu{margin-top:10px;}
aside.parentMenu h3.menuTitle{border-bottom:1px solid #c4c4c4; padding-bottom:10px; padding-right:5px;}
aside.parentMenu li{border-bottom:1px solid #c4c4c4;}
aside.parentMenu a{display:block; padding-top:10px; padding-bottom:10px; padding-right:5px;}
aside.parentMenu a.on{background:#ffd109;}


div.gallery{margin-bottom:20px;}
div.gallery ul{margin:-13px;}
div.gallery ul li{float:right; margin:13px; width:249px; height:180px; overflow:hidden;}
div.gallery ul li a.link{height:100%;}
div.gallery ul li a.link span.image{height:100%; background:no-repeat center; background-size:cover; transform:scale(1); transition: all 0.2s ease;}
div.gallery ul li a.link:hover span.image{transform:scale(1.5);}
div.gallery ul li a.link span.over{position:absolute; display:table; opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; right:0; transition: all 0.2s ease;}
div.gallery ul li a.link:hover span.over{opacity:1;}
div.gallery ul li a.link span.over span.text{display:table-cell; width:100%; height:100%; padding:15px; text-align:center; vertical-align:middle; color:#fff;}

div#videoGalleryList{}
div#videoGalleryList div.row{margin-bottom:20px;}
div#videoGalleryList iframe{width:100%; height:400px;}
div#videoGalleryList h3{}

div#pageForm{}
div#pageForm form{}
div#pageForm form fieldset{display:block; padding:0; margin:0; border:0;}
div#pageForm form fieldset legend.formTitle{display:block; padding:0; margin:0; border:0; font-weight:bold;}
div#pageForm form fieldset div.formDesc{}
div#pageForm form fieldset div.formFields{margin:-10px;}
div#pageForm form fieldset div.formFields div.field{float:right; margin:10px; width:calc(100% - 20px); height:50px;}
div#pageForm form fieldset div.formFields div.field.textarea{width:calc(100% - 20px); height:100px;}
div#pageForm form fieldset div.formFields input{display:block; height:48px; width:100%; padding-right:15px; background:#f2f1f1; border:none;}
div#pageForm form fieldset div.formFields select{display:block; height:48px; width:100%; padding-right:15px; background:#f2f1f1; border:none; color:#202557;}
div#pageForm form fieldset div.formFields textarea{display:block; height:90px; width:100%; padding-right:15px; padding-top:10px; background:#f2f1f1; border:none;}
div#pageForm form fieldset div.formFields :required{border-right:1px solid #F00;}
div#pageForm form fieldset div.formFields input::-webkit-input-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields input:-moz-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields input::-moz-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields input:-ms-input-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields textarea::-webkit-input-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields textarea:-moz-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields textarea::-moz-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields textarea:-ms-input-placeholder{color:#202557; opacity: 1 !important;}
div#pageForm form fieldset div.formFields div.radioContent{display: block; width: 100%; padding-right: 15px; background: #f2f1f1; padding-top:10px; padding-bottom:5px;}
div#pageForm form fieldset div.formFields div.field.radio input{height:auto; width: auto; padding: 0; display:inline-block;}
div#pageForm form fieldset div.formFields div.field.radio{height:auto;}
div#pageForm form fieldset div.formFields div.radioContent div.optionWrapper{}
div#pageForm form fieldset div.formFields div.radioContent div.option{margin-bottom:5px;}
div#pageForm form fieldset div.formFields div.radioContent label{}

div#pageForm form fieldset div.submit{}
div#pageForm form fieldset div.submit input{height:40px; background:url(images/icon_arrow_left.png) no-repeat left 10px top 16px #ffd109; padding-left:25px; padding-right:15px; border:none;}
div#pageForm form fieldset .parsley-errors-list{margin:0; padding:0; list-style:none;}
div#pageForm form fieldset .parsley-errors-list li{margin:0; padding:0; list-style:none; color:#F00; font-size:14px;}
div#pageForm form #formCaptcha{margin-bottom:10px; height:100px;}
div#pageForm form .capchaErr{color:#F00; font-size:14px; margin-top:10px;}
div#pageForm .suc{background:#ffd109; padding:40px;}

div.contentPage{}
div.contentPage div.right{float:right; width:245px;}
div.contentPage div.left{float:left; width:800px;}
div.contentPage div.left.noRight{float:none; width:100%;}
div.contentPage h1.title{margin-bottom:20px;}
div.contentPage img.topImage{max-width:100%; height:auto; margin-bottom:20px;}
div.contentPage iframe.topVideo{width:100%; height:400px; border:none; margin-bottom:20px;}
div.contentPage div.fullText{}
div.contentPage div.fullText h2{color:#202557; font-size:24px;}
div.contentPage div.siteMapWrapper{float: none; clear: both;}
div.contentPage div.siteMapWrapper div.siteMap{}
div.contentPage div.siteMapWrapper div.siteMap ul{}
div.contentPage div.siteMapWrapper div.siteMap li{list-style:none;}
div.contentPage div.siteMapWrapper div.siteMap ul li a{color:#202557; font-size:17px; line-height:32px; font-weight:bold;}
div.contentPage div.siteMapWrapper div.siteMap ul li ul li a{color: #3d3d3c; font-size:17px; line-height:28px; font-weight:normal;}


div#fileGallery{padding-top:30px;}
div#fileGallery ul{}
div#fileGallery ul li{border-bottom:1px solid #CCC; padding-bottom:15px; margin-bottom:15px;}
div#fileGallery ul li a.link{}
div#fileGallery ul li a.link span.image{float:right; width:45px;}
div#fileGallery ul li a.link span.image img{display:block; width:30px; height:30px;}
div#fileGallery ul li a.link span.icon{float:right; width:45px;}
div#fileGallery ul li a.link span.icon em.fa{font-size:30px;}
div#fileGallery ul li a.link span.text{float:right; width:calc(100% - 80px);}
div#fileGallery ul li a.link span.title{}
div#fileGallery ul li a.link span.desc{}
div#fileGallery ul li a.link span.view{float:left; width:35px;}
div#fileGallery ul li a.link span.view em{font-size:20px; text-align:left;}



#studentArea .studentAreaWrapper{width:100%;}
.grid li{width:330px;}
#studentArea .home .latestData .box{width:333px; margin-bottom:20px;}