@import url(http://fonts.googleapis.com/css?family=Open+Sans);







@font-face {

	font-family: arabic-traditional;  

	src: url(/public_html/hadaa/wp-content/themes/fonts/trado.ttf);  

	font-weight: normal;  

}



/*Begin In-General Style */



#weather a:hover 

{

text-decoration:none;

}



#map-canvas {

        width: 900px;

        height: 600px;

			        margin-bottom:15px;

      }



#left_side .text a

{

	font-size:15px;

}

.Gimg a img

{

	width: 257px;

	height: 150px;

}

ul

{

    list-style: circle;

    /*margin-right: 21px;*/

font-size:15px;

}



body ul li

{

font-size:15px;

line-height: 2.0;



}



h2

{

font-size:15px;

}



body strong, b,td

{

font-size:15px;

line-height: 2.0;

}





blockquote

{ margin-top: 0px;

margin-left: 21px;

 padding: 0.5em 10px;

}



#?arabic

{

float: right;

list-style-type: none;

display: block;

color: #FFF;

font-size: 15px;

position: relative;

width: 200px;

font-family: arabic-traditional;

background-color: rgba(0, 0, 0, 0.17);

padding: 13px;

}

a

{

color: rgb(165, 146, 103);

text-decoration: blink;

font-weight: bold;

}

a:hover

{

text-decoration: underline;

}

body

{



	font-family: arabic-traditional;

	font-size: 15px;



}



form p

{

font-weight: bold;

color: rgb(74, 108, 71);

}

#input

{

	font-family: arabic-traditional;

}

::-webkit-input-placeholder {

   color: #B2C5B0;

}



input:-webkit-input-placeholder-mode {

    color: #B2C5B0;

}

input[placeholder] { color: #B2C5B0; }

::-moz-placeholder {  color: #B2C5B0;  } /* firefox 19+ */

input:-moz-placeholder {  color: #B2C5B0;  }



.current_page_item

{

	color: #C6B99B;

}

.clear

{

	clear: both;

}

/*End In-General Style*/



/*Begin Header Style*/

#search, #menu

{



	width: 100%;

	background-color: #4A6C47;

	height: 40px;

}



#menu

{

	background-color: #fff;

	height: 95px;

	border-bottom: 1px solid #D5D5D5;



}

#search_container, #menu_container

{



	width: 1200px;

	position: relative;

}

#search_box

{

	float: right;

	display:none;

}



#search_box input[type="text"]

{

	width: 260px;

	height: 100%;

	border: 0px;

	background-color: #578153;

	padding-left: 5px;

	color: #fff;

	font-size: 12px;

}

#search-submit

{

	background: #578153 url(images/Search-Icon.png);

	background-repeat: no-repeat;

	border: 0px;

	width: 13px;

	height: 13px;

	position: absolute;

	top: 14px;

	right: 10px;

}

#weather

{

	float: right;

	list-style-type: none;

	display: block;

	color: #FFF;

	font-size: 13px;

	position: relative;

	width: 200px;

	font-family: arabic-traditional;

	background-color: rgba(0, 0, 0, 0.17);

	padding: 13px;

}

#menu .menu-menu-1-container> ul

{

		float: right;

		font-size: 15px;

		text-align: justify;

		font-family: arabic-traditional;

		font-weight: bold;

color:black;

}



#menu .menu-menu-1-container> ul li

{

	list-style-type: none;

	display: inline-block;

	padding: 38px 19px 30px 19px;

}



#menu .menu-menu-1-container> ul>li

{

		border-left: 1px solid #EDEDED;

	height: 25px;

}

#menu .menu-menu-1-container> ul>li:first-child

{

	border: 0px;

}

#menu .menu-menu-1-container>  ul li a

{

	font-size: 19px;

	color: #606060;

	text-decoration: none;

}

#menu .menu-menu-1-container>  ul li a:first-child

{

		margin-right: 15px;

}

#menu .menu-menu-1-container>  ul li:last-child a

{

		margin-right: 15px;

}



#logo

{

	position: absolute;

	top: -29px;

}



#Header_banner

{

	width: 100%;

	height: 90px;

	background-image: url(images/banner.png);

	overflow: hidden;

	position: relative;

	background-repeat: no-repeat;

	background-size: 100%;  

}



.fadein

{

	height: 550px;

	overflow: hidden;

	position: relative;

}

.fadein > img

{

	width: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

bottom: 0px;

display:block;

}



#next_previous_title

{

	position: absolute;

	width: 350px;

	height: 150px;

	top: 14vw;

	left: 10vw;

}

#next_previous_title h1, #next_previous_title span

{

	display: inline-block;

	color: #FFF;

	width: 427px;

	text-align: left;

	position: absolute;

	left: 40px;

	top: 20px;

	font-size: 35px;

	font-weight: bold;

}

#next_previous_title h1

{

	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);

	font-size: 50px;

}

#next_previous_title span

{

	top: 100px;

	font-size: 15px;

	font-weight: lighter;

}



#next_previous_title #next_previous

{

	position: absolute;

	bottom: 0px;

	width: 97%;

	padding-left: 3%;

	background-color:	#2D3939;

}

#circles_container

{

	float: left;

	display: none;

}

.circle

{

	width: 6px;

	height: 6px;

	border-radius: 100%;

	background-color: #535D5F;

	display: inline-block;

	position: relative;

	top: 5px;

	margin-left: 5px;

		display: none;



	cursor: pointer;

}

.selected-circle

{

	background-color: #FFF;

}



#arrows

{

	float: right;

}

#arrows img

{

	height: 30px;

	cursor: pointer;

}

#menu-item-21 .sub-menu

{

	display: none;

}

.sub-menu

{

	/*width: 97%;*/

	min-height: 50px;

	/*background-color: #FFF;*/

	position: absolute;

	top: 96px;

	font-family: arabic-traditional, sans-serif;

	z-index: 1000;

	/*right: 0px;*/

	text-align: justify;

	border-bottom: 5px solid #B8A982;

	display: none;

	padding: 19px;

	font-weight: lighter;
background-color: rgba(255,255,255,.8);

}



.sub-menu li

{

	padding:15px !important;

}



#menu-item-21 .sub-menu li

{

display:block !important;

}





.sub-menu li a

{

	color: #000;

	font-weight: bold;

}

#menu-item-20 .sub-menu{

	/*background-image: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/03/01.jpg);*/

	background-repeat: no-repeat;

	background-size: cover;

font-family:arabic-traditional;



}



#menu-item-1334 .sub-menu {

/*background-image: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/03/01.jpg);*/

	background-repeat: no-repeat;

	background-size: cover;

color:white;

font-family:arabic-traditional;

}

#menu-item-22 .sub-menu{

	/*background-image: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/03/3.jpg);*/

	background-repeat: no-repeat;

	background-size: cover;

color:white;

font-family:arabic-traditional;



}



#menu-item-1335 .sub-menu {

/*background-image: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/03/01.jpg);*/

	background-repeat: no-repeat;

	background-size: cover;

color:white;

font-family:arabic-traditional;

    left: 100px;

}





#menu-item-20 .sub-menu li,

#menu-item-22 .sub-menu li

{

	border-bottom: 1px solid #CCCCCC;

	padding-bottom: 5px;

	width: 380px;

	text-align: left;

	float: left;

	clear: both;

color:white;

}

#menu-item-20 .sub-menu li:last-child,

#menu-item-22 .sub-menu li:last-child

{

	border-bottom: 0px;

}

#menu-item-21 .sub-menu

{

	/*background-image: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/03/02-1.jpg);*/

	background-repeat: no-repeat;

	background-size: cover;

color:white;



}

#menu-item-1338 .sub-menu {

/*background-image: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/03/02-1.jpg);*/

	background-repeat: no-repeat;

	background-size: cover;

	color:white;

	font-family:arabic-traditional;



}

#menu-item-21 .sub-menu li

{

	width: 350px;

	border-bottom: 1px solid #CCCCCC;

	/*border-right: 1px solid rgb(210, 210, 210);*/

}

#menu-item-21 .sub-menu li:last-child

{

	border:0px !important;

}





.menu-image-container

{

	width: 200px;

	height: 130px;

	overflow: hidden;

	margin-bottom: 10px;

}

.menu-image-container img

{

	width: 100%;

}





.sub-menu h1

{

	color: #FFF;

	font-size: 25px;

	display: none;

}

#menu-item-20 .sub-menu li

{

	display: block !important;

}



.sub-menu li

{

	xmargin-left: 30px ;

}



.current-menu-item>a

{

	/*color: #F2EADE !important;*/

}

.sub-menu p

{

	margin-top: 10px;

	font-size: 14px;

}

#menu-item-20 .current-menu-item>p

{

	margin-left: 0px;

}

#menu-item-20 .sub-menu .current-menu-item:before,

#menu-item-22 .sub-menu .current-menu-item:before

{

	display:none;

	content: url(http://projects.pro4.com/hadaa/wp-content/uploads/2015/02/Vector-Smart-Object.png);

}



/*End Header Style*/



/*Begin Content style*/

#content

{

	width: 1200px;

	margin: auto;

	border-top: 2px solid #B7A87F;

	margin-top: 30px; 

}

#content>h1

{

	color: #4C6E4A;

	background-color: #FFF;

	position: relative;

	bottom: 12.5px;

	display: inline-block;

	font-weight: bolder;

	font-size: 20px;

	padding: 0px 5px 0px 5px;

}

.section

{

	width: 377px;

	margin-right: 30px;

	margin-top: 10px;

	height: 230px;

	display: inline-block;

	overflow: hidden;

	position: relative;

}

.section h1

{

	color: #fff;

	background-color: #273238;

	padding: 7px;

	position: absolute;

	bottom: 0px;

	width: 377px;



}

.section img

{

	width: 90%;

}



.section:last-child

{

	margin-right: 0px;

}



.Gallary_container, .search_result

{

	/*position: relative;*/

	width: 1230px;

	top: 20px;

	min-height: 500px;

	box-shadow: 0px 0px 2px #CAC3C3;

}



.search_result

{

	text-align: justify;;

}

.search_result a{

	text-decoration: none;

	display: block;

	margin-bottom: 20px;

	font-size: 25px;

	color: #4A6C47;



}

.search_result p{

	

	line-height: 1.5em;

	margin-bottom: 20px;

	font-size: 13px;

	padding-left: 10px;



}

.Gimg

{

	width: 300px;

	margin-top: 10px;

	height: 200px;

	float: right;

	overflow: hidden;

	position: relative;

	margin-left: 0px;

}

.Gimg h1

{

	color: #7F7F7F;

	padding: 7px;

	position: relative; 

	bottom: -3px;

	width: 360px;                   

}





#inner_page_container

{

	width: 1200px;

	margin: auto;

	position: relative;

	bottom: 40px;

	z-index: 100;

}

#left_side

{

	width: 1000px;

	float: left;

	background-color: #fff;

	min-height: 500px;

	box-shadow: 0px 0px 2px #CAC3C3;

	

}

#left_side .text

{

	text-align: justify;

	font-size: 18px;

	line-height: 2em;

	color: #273238;

	padding-top: 20px;

	display: inline-block;

	border-top: 1px solid #E8E8E8;

	margin-top: 20px;

	width: 90%;

}

#left_side .text h1

{

	color: #666666;

	font-size: 25px;

	margin-bottom: 20px;

}

#left_side #path

{

	text-align: justify;

	font-size: 15px;

	color: #797979;

	display: inline-block;

	margin-top: 20px;

	width: 90%;

}

#left_side #path a

{

	font-weight: 300;

	text-align: justify;

	font-size: 15px;

	color: #797979;

}



#right_side

{

	width: 180px;

	float: right;

	background-color: #4A6C47;

	position: absolute;

	top: 0px;

	bottom: 0px;

	right: 0px;

	/*background-image: url(images/2.png);*/

	background-repeat: no-repeat;

	background-size: 90%;

	background-position: 11px 99%

}



#right_side_container

{

/*	padding: 10px;*/

	text-align: left;

	color: #fff;



}

#right_side_container img

{

	width: 180px;

	margin-top: -60;

	height:100%;

}

#right_side_container h3

{

	color: #E9DBBE;

	font-size: 17px;

	margin-top: 10px;

}

#right_side_container>span

{

	display: block;

	font-size: 15px;

	margin-top: 10px;

	line-height: 1.5em;



}

#right_side_container>span a

{

	text-decoration: none;

	color: #fff;

}

.horizontal-line

{

	margin-top:	30px;

	margin-bottom: 50px;

	width: 100%;

	height: 1px;

}

#subscribe input[type='text']

{

	border: 0px;

	margin-top: 7px;

	margin-bottom: 5px;

	padding: 6px;

	font-size: 10px;

	width: 100%;

}

#subscribe input[type='submit']

{

	border: 0px;

	background-color: #B7A881;

	color: #fff;

	padding: 5px;

	font-family: 'arabic-traditional', sans-serif;

	width: 80px;

	font-size: 10px;

	margin:0px 

}

/*End Content Style*/



/*Begin Contact Styling*/

.wpcf7-form-control

{

	font-family: 'Open Sans', sans-serif;

	color: #000;

}

.wpcf7-text, .wpcf7-textarea

{

	width: 400px;

	height: 40px;

	background-color: #FFFFFF;

	margin-top: 2px;

	border: 1px solid #DFDFDF;

	box-shadow: 0px 0px 1px #000;

	padding-left: 5px;	

}

.wpcf7-textarea

{

	height: 200px;

}

.wpcf7-submit

{

	border: 0px;

	width: 100px;

	margin: 0px;

	height: 30px;

	margin-top: 10px;

	color: #4A6C47;

	border: 1px solid #DFDFDF;

	box-shadow: 0px 0px 1px #000;



} 



.wpcf7-not-valid-tip

{

	margin-left:10px;

	color:red;

}

.screen-reader-response

{

	width:400px;

}

.screen-reader-response ul

{

	display: none;

}

#contact_info

{

	font-size: 15px;

	position: absolute;

	left: 548px;

}

/*End Contact Styling*/



/*Begin Footer Style*/

#footer

{

	width: 100%;

	height: 65px;

	margin-top: 50px;

	background-color: #273238;

}

#footer #footer_container

{

	width: 1200px;

}

#developedBy

{

	float: right;

	position: relative;

	top: 29px;

	font-size: 13px;

	color: #FFF;

}

#copyrights

{

	float: left;

    position: relative;

    text-align: left;

    top: 12px;

}

#copyrights img

{

	vertical-align: top;

}

#copyrights>span

{

	width: 300px;

	display: inline-block;

	color: #fff;

    font-size: 13px;

    position: relative;

    left: 10px;

    top: 17px;

cursor: context-menu;

}

#copyrights>span span

{

	font-size: 10px;

}





#path a

{

	text-decoration: none;

	color: black;

}

/*End Footer Style*/



/*Media quiries



@media screen and (min-width: 600px) and (max-width: 1199px) {

  #menu_container {

    width:500px

  }

}*/



.icl_languages_selector {

    float: right;

    list-style: none outside none;

    margin-right: 10px;

}

.icl_languages_selector #lang_sel_list ul li a {

    background: none repeat scroll 0 0 #3E5A3B;

    border: medium none;

    color: #FFFFFF;

    font-weight: normal;

    padding: 4px 10px;

}

.icl_languages_selector #lang_sel_list ul {

    border: medium none;

}







/***************************ARABIC VERSION CSS***********************************/

.arabic_ver .menu-menu-1-container {

    float: left;

}

.arabic_ver #logo {

    float: right;

}

.arabic_ver #weather{

   float: left;

    margin-left: 10px;

}

.arabic_ver .icl_languages_selector{

float: left;

    margin-left: 10px;

}

.arabic_ver #left_side {

    float: right;

    min-height: 500px;

    width: 1020px;

}

.arabic_ver #right_side{

float: left;

 right: auto;

   left: 0;

}







.arabic_ver .sub-menu li {

 border-bottom: 1px solid #CCCCCC;

    clear: both;

    color: white;

    float: right;

    padding-bottom: 5px;

    text-align: right;

    width: 380px;

	padding:10px !important;

}

.arabic_ver .sub-menu h1 {

    text-align: right;

	font-family: arabic-traditional;

}

.arabic_ver #menu .menu-menu-1-container > ul > li:first-child {

   border-left: 1px solid #EDEDED;

}



sup

{ 

    vertical-align: super;

    font-size: smaller;

}



.meem

{

  font-family: sans-serif;

  font-size: 18px;

}



.list

{

margin-right:15px;

}