@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'GESSTwoLight-Light';
  src: url('../../fonts/GESSTwoLight-Light.eot');
  src: url('../../fonts/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/GESSTwoLight-Light.woff2') format('woff2'),
       url('../../fonts/GESSTwoLight-Light.woff') format('woff'),
       url('../../fonts/GESSTwoLight-Light.ttf') format('truetype'),
       url('../../fonts/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
	width:100%;
	background-color:WHITE;
	margin: 0 auto;
    text-align: center;
	direction:rtl;
}
.page
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b4b63+0,2f84ae+44,429ecc+100 */
	background: #1b4b63; /* Old browsers */
	background: -moz-linear-gradient(top,  #1b4b63 0%, #2f84ae 44%, #429ecc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b4b63), color-stop(44%,#2f84ae), color-stop(100%,#429ecc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1b4b63 0%,#2f84ae 44%,#429ecc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1b4b63 0%,#2f84ae 44%,#429ecc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1b4b63 0%,#2f84ae 44%,#429ecc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1b4b63 0%,#2f84ae 44%,#429ecc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b4b63', endColorstr='#429ecc',GradientType=0 ); /* IE6-9 */
}
.header
{
	height:120px;
	position:relative;
}
.content
{
	width:100%;
	margin:0 auto;	
}
.logo
{
	display:inline-block;
	margin-top:25px;
}
.header .left
{
	display:inline-block;
	margin-top:30px;
}
.lang
{
	width:100px;
	display:inline-block;
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	bottom: 5px;
    position: relative;
}
.lang a
{
	text-decoration:none;
	color:#115369;
	cursor:pointer;
}
.lang span a:hover
{
	color:#8ac1d1;
}
.social
{
	width:135px;
	display:inline-block;
}
.social img
{
	padding-right:5px;
	padding-left:5px;
}
#search
{
	border:1px solid #c9c9c9;
	height:20px;
}
#search input
{
	background:none;
	border:none;
}
#search  .fbutton
{
	background-image:url(../../images/web/sub_back.png);
	background-repeat:no-repeat;
	width:32px;
	cursor:pointer;
	float:right;	
}
#search #s_text,#search #Keywords
{
	color:#b1b1b1;
	text-align:right;
}
.main_menu
{
	width: 100%;
    background-color: #17abf0;
    top: 20px;
    position: relative;
}
.main_menu ul 
{
	list-style-type:none;
}
.main_menu ul  li
{
	display:inline-block;
	font-family:"GESSTwoLight-Light";
	padding-top: 10px;
    padding-bottom: 10px;
}
.main_menu ul  li:hover
{
	background-color:#ecc458;
}
.main_menu ul  li a
{
	font-family:"GESSTwoLight-Light";
	text-decoration:none;
	color:white;
	padding-right:8px;
	padding-left:8px;
	border-left:#1b729b 1px solid;
	padding-top: 8px;
	 padding-bottom: 8px;
	font-size:16px;
}
.main_menu ul li:last-child a
{
	border-left:none;
}
.main_menu ul ul {display: none;}
.main_menu ul li.has-sub:hover > ul { display: block; }
{
	display:block;
	position:absolute;
}
.main_menu > ul li.has-sub ul li:hover
{
	background-color:#f6d67f;
}
.main_menu > ul li.has-sub ul li {
  	padding-right: 40px;
	background: #ecc458;
	z-index: 9999;
	padding-left: 40px;
}
.main_menu > ul li.has-sub ul {
 	display: none;
	position: absolute;
	margin: 0;
	top: 39px;
	list-style-type: none;
	border-top: 0 none;
	z-index: 9999;
	padding-right: 0px;
}
.main_menu > ul li.has-sub ul li {
  display: block;
  border:none;
}
.main_menu > ul li.has-sub ul li a {
  color:white;
  border:none;
}
.container 
{
	width: 960px!important;
	margin: auto; 
	padding-top: 1em;
	direction:ltr;
	margin-top: 25px;
	min-height:100%!important;
}
.container .ism-slider 
{
	 margin-left: auto; 
	 margin-right: auto; 
}
.news_fwidth
{
	width:100%;
	background-color:#d94342;
}
.news
{
	text-align:right;
}
.news .title
{
	font-family:"GESSTwoLight-Light";
	background-color:#265f7b;
	color:white;
	display:inline-block;
	padding:12px 20px;
}
.news marquee
{
	width:860px;
	display:inline-block;
	font-family:"GESSTwoLight-Light";
	position: relative;
    top: 5px;
	font-size:16px;
}
.news marquee a
{
	color:white;
	text-decoration:none;
}
.services
{
	width:100%;
	background-color:white;
}
.contain
{
	width:960px;
	margin:0 auto;
}
.serveice
{
	width:236px;
	display:inline-block;
	vertical-align:top;
}
.serveice img
{
	margin-top:30px;
	margin-bottom:25px;
}
.serveice a
{
	text-decoration:none;
}
.serveice a h3
{
	font-family:"GESSTwoLight-Light";
	font-size:17px;
	font-weight:bold;
	color:#265f7b;
	margin-bottom:12px;
}
.serveice p
{
	font-family:"GESSTwoLight-Light";
	font-size:16px;
	color:#4da8be;
	padding-left: 25px;
    padding-right: 25px;
}
.about
{
	background:none;
}
.sub_title
{
	font-family:"GESSTwoLight-Light";
	font-size:16px;
	color:white;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
}
#about_11
{
	width:420px;
	text-align:right;
	background-color:white;
	position:relative;
	margin-top:30px;
	display:inline-block;
	vertical-align:top;
	margin-left:25px;
	height:auto;
}
#about_2
{
	width:240px;
	text-align:right;
	background-color:white;
	position:relative;
	margin-top:30px;
	display:inline-block;
	vertical-align:top;
	margin-right:25px;
	height:230px;
}
#about_3
{
	width:240px;
	background-color:white;
	margin-top:30px;
	display:inline-block;
	vertical-align:top;
	margin-right:25px;
	height:230px;
	margin-bottom:32px;
}
#about_11 h3
{
	background-color:#f68946;
}
#about_2 h3
{
	background-color:#a0bac6;
}
#about_3 h3
{
	background-color:#61da7d;
}
.text p
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	color:#204653;
	padding-right:20px;
	padding-left:20px;
	margin-bottom: 5px;
	text-align:justify;
	padding-bottom:20px;
	line-height:18px;
}
.text span
{
	font-family:"GESSTwoLight-Light";
	font-size:15px;
	color:#204653;
}
.text a
{
	text-decoration:none;
	color:#204653;
}
.text a span:hover
{
	color:#4da8be;
}

.text div
{
	display:inline-block;
	width:300px;
	margin-right:10px;
}
.text img
{
	display:inline-block;
	margin-right:10px;
}
.more
{
	font-family:"GESSTwoLight-Light";
	font-size:15px;
	text-align:left;
	position: relative;
    top: 15px;
	
}
.more a
{
	text-decoration:none;
	color:#204653;
	width:60px;
	left:15px;
	position:relative;
}
.more a:hover
{
	color:#8ac1d1;
}
.input
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
}
.input input
{
	margin-bottom:10px;
	margin-right:15px;
}
.button
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	display:inline-block;
	position:relative;
	margin-right:24px;
	margin-bottom:15px;
	margin-top:15px;
}
.button a
{
	background-color:#4da8be;
	text-decoration:none;
	color:white;
	padding:10px 24px;
}
.button a:hover
{
	color:white;
}
#about_2 p
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	color:#204653;
	padding-right:15px;
	padding-left:15px;
	margin-bottom: 5px;
}
/* margin right update*/
.m_right
{
	margin-right:15px!important;
}
/* text align update to right */
.t_right
{
	text-align:right!important;
}
.info
{
	width:100%;
	background-color:white;
	position:relative;
	text-align:right;
}
.program
{
	background-image:url(../../images/web//programs.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:75px;
	text-align:right;
	position:relative;
	
}
.program div
{
	font-family:"GESSTwoLight-Light";
	font-size:16px;
	position:relative;
	top:44px;
	margin-right:10px;
}
.program div a
{
	text-decoration:none;
	color:white;
}
.program div a:hover
{
	color:#d9f4fb;	
}
.map div a:hover
{
	color:#d9f4fb;	
}
.map
{
	background-image:url(../../images/web//map.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:75px;
	position:relative;
	margin-top:30px;
}
.map div
{
	font-family:"GESSTwoLight-Light";
	color:#204653;
	font-size:16px;
	position:relative;
	top:44px;
	margin-right:10px;
}
.map div a
{
	text-decoration:none;
	color:white;
}
.width
{
	width:240px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-bottom:15px;
}
.info
{
	margin-bottom:45px;
	display: inline-block;
}
.info .right
{
	margin-top:30px;
	float:inherit!important;	
}
.info .left
{
	margin-top:20px;
	float:inherit!important;
	text-align:center;	
	width:420px!important;
}
.info .left h3
{
	color:#4da8be;
	font-family:"GESSTwoLight-Light";
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
.info .left div a img
{
	padding:5px 8px;
	text-decoration:none;
}
.info .left div
{
	margin-right:10px;
}
.verticalLine {
    height: 180px;
    -webkit-column-width: 1px;
    -moz-column-width: 2px;
    background-color: #adb9a5;
    position: relative;
    display:inline-block;
    width: 2px;
	vertical-align:top;
	top:30px;
}
.info .center	
{
	margin-right:20px;
	margin-top:23px;
	text-align:center;
	margin-left:20px;
}
.info .center h3
{
	color:#4da8be;
	font-family:"GESSTwoLight-Light";
	font-size:16px;
	font-weight:bold;
}
.info .center p
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	color:#204653;
	text-align:justify;
}
.mail
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	text-align:right;
}
.mail input
{
	margin-right:15px;
}
.mail .text
{
	width:200px;
	height:30px;
	border:1px solid #4da8be;
	background-color:#e5ecee;
	padding-right:10px;
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	margin-bottom:15px;
	margin-right:15px;
}
.mail .m_right
{
	margin-right:40px!important;
}
.footer
{
	width:100%;
	background-color:#1b4b63;
	text-align:right;
}
.footer .menu
{
	width:135px;
	display:inline-block;
	text-align:right;
	margin-top:40px;
	vertical-align:top;
	margin-bottom:30px;
}
.footer .menu h3
{
	font-family:"GESSTwoLight-Light";
	font-size:13px;
	color:#c4dce3;
	text-decoration:underline;
}
.footer .menu ul
{
	list-style:none;
	text-align:right;
	margin-right:0px;
}
.footer .menu ul li
{
	font-family:"GESSTwoLight-Light";
	font-size:13px;
	line-height:25px;
}
.footer .menu ul li a
{
	color:#c4dce3;
	text-decoration:none;
}
.footer .menu ul li a:hover
{
	color:white;
}
.footer .logo
{
	float:left;
	margin-top:40px;
}
.inside
{
	background-color:white;
	text-align:right;
}
.inside .title
{
	width:715px;
	text-align:right;
	margin-right:18px;
	margin-top:40px;
	position: relative;
    display: inline-block;
}
.inside .title h3
{
	color:#4da8be;
	font-size:18px;
	font-family:"GESSTwoLight-Light";
}
.inside .title h3 a
{
	text-decoration:none;
	color:#4da8be;
}
.inside .title h3 a:hover
{
	color:#8ac1d1;
}
.sub_page
{
	display:inline-block;
	margin-top:30px;
	margin-bottom:30px;
}
.back
{
	display:inline-block;
	width:100px;
	color:#4da8be;
	font-size:18px;
	font-family:"GESSTwoLight-Light";
	margin-top:35px;
	float:left;
}
.back a
{
	text-decoration:none;
	color:#4da8be;	
}
.back a:hover
{
	color:#4da8be;	
}
.date
{
	font-family:"GESSTwoLight-Light";
	font-size:14px;
	margin-right:35px;
	position: relative;
    display: block;
}
.date a
{
	font-family:tahoma;
	color:#4da8be;
}
.inside .text
{
	display:inline-block;
	margin-right: 12px;
    margin-left: 15px;
    margin-top: 10px;
	vertical-align:top;
}
.inside .text p
{
	line-height:25px;
	color:#20465;
}
.half
{
	width:50%;
}
.img
{
	display:inline-block;
}
.print
{
	width:100%;
	position:relative;
	display: inline-block;
	margin-top:30px;
	margin-bottom:30px;
}
.print div
{
	display:block;
	width:150px;
	color:#4da8be;
	font-family:"GESSTwoLight-Light";
	font-size:16px;
	float:left;
	margin-left: 5px;
}
.print a,
{
	color:#4da8be;
	text-decoration:none;
}
.print a:hover
{
	color:#8ac1d1;
}
.back a:hover
{
	color:#8ac1d1;
}
.date a:hover
{
	color:#8ac1d1;
}
@media (max-width: 960px)
{
	.contain
	{
		width:760px;
	}
	.main_menu ul li a 
	{
		padding-right: 5px;
		padding-left: 5px;
		font-size: 12px;
	}
	.container
	{
		width:760px!important;
	}
	.news marquee 
	{
    	width: 650px;
	}
	.serveice 
	{
    	width: 165px;
	}
	.serveice a h3 
	{
    	font-size: 16px;
	}
	.serveice p 
	{
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#about_11
	{
		width:325px;
	}
	.text div
	{
		width:225px;
	}
	#about_2
	{
		width:195px;
		margin-right: 10px;
	}
	#about_2 p
	{
		font-size:12px;
	}
	.input
	{
		font-size:12px;
	}
	.button 
	{
		font-size: 10px;
		margin-right: 9px;
	}
	.m_right
	{
		margin-right: 6px!important;
	}
	#about_3 
	{
    	width: 210px;
		margin-right:10px;
	}
	.text p
	{
		font-size:12px;
	}
	.width
	{
		width:225px;
	}
	.info .center
	{
		margin-left:5px;
		margin-right:5px;
	}
	.info .left div
	{
		margin-right:0px;
	}
	.info .left div a img 
	{
		padding: 1px 2px;
		width: 85px;
	}
	.info .left
	{
		width:280px!important;
	}
	.footer .menu
	{
		width:115px;
	}
	.inside .title h3 a
	{
		font-size:16px;
	}
	.inside .title
	{
		width:620px;
	}
	.half
	{
		width:38%;
	}
}
@media (max-width: 600px)
{
	.contain
	{
		width:590px;
	}
	.main_menu ul li a 
	{
		padding-right: 5px;
		padding-left: 5px;
		font-size: 8px;
	}
	.logo img
	{
		width:325px;
	}
	.container
	{
		width:590px!important;
	}
	.news marquee 
	{
    	width: 450px;
	}
	.serveice 
	{
    	width: 135px;
	}
	.serveice a h3 
	{
    	font-size: 16px;
	}
	.serveice p 
	{
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#about_11
	{
		width:345px;
		margin-right:20px;
	}
	.text div
	{
		width:225px;
	}
	#about_2
	{
		width:195px;
		margin-right: 10px;
	}
	#about_2 p
	{
		font-size:12px;
	}
	.input
	{
		font-size:12px;
	}
	.button 
	{
		font-size: 10px;
		margin-right: 9px;
	}
	.m_right
	{
		margin-right: 6px!important;
	}
	#about_3 
	{
    	width: 550px;
		margin-right:20px;
	}
	.text p
	{
		font-size:12px;
	}
	.program
	{
		width:180px;
	}
	.map
	{
		width:180px;
	}
	.width
	{
		width:185px;
	}
	.mail .text
	{
		width: 150px;
		margin-right: 5px;
	}
	.mail .m_right
	{
		margin-right: 5px!important;
	}
	.info .center
	{
		margin-left:5px;
		margin-right:5px;
	}
	.info .left div
	{
		margin-right:0px;
	}
	.info .left div a img 
	{
		padding: 3px 6px;
		width: 80px;
	}
	.info .left
	{
		width:190px!important;
	}
	.footer .menu
	{
		width:80px;
	}
	.footer .menu h3
	{
		font-size:10px;
	}
	.footer .menu ul li
	{
		font-size:8px;
	}
	.footer .logo img
	{
		width:250px;
	}
	.inside .title
	{
		width: 450px;
		margin-right: 35px
	}
	.inside .title h3 a
	{
		font-size: 13px;
	}
	.back
	{
		width: 70px;
	}
	.half
	{
		width:95%;
	}
	.img
	{
		margin-right: 80px;
	}
}