@charset "utf-8";
/* CSS Document */

@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.0.3');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
@font-face {
  font-family: 'HelveticaNeue';
  src: url("font/HelveticaNeueW23forSKY-Reg.eot") format("embedded-opentype"), 
  url("font/HelveticaNeueW23forSKY-Reg.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
    font-family: 'Din light';
    src: url('font/DinNextLight.eot');
    src: url('font/DinNextLight.eot') format('embedded-opentype'), url('font/DinNextLight.woff2') format('woff2'), url('font/DinNextLight.woff') format('woff'), url('font/DinNextLight.ttf') format('truetype'), url('font/DinNextLight.svg#DinNextLight') format('svg');
}

@font-face {
    font-family: 'Din regular';
    src: url('font/DinNextRegular.eot');
    src: url('font/DinNextRegular.eot') format('embedded-opentype'), url('font/DinNextRegular.woff2') format('woff2'), url('font/DinNextRegular.woff') format('woff'), url('font/DinNextRegular.ttf') format('truetype'), url('font/DinNextRegular.svg#DinNextRegular') format('svg');
}

@font-face {
    font-family: 'Din meduim';
    src: url('font/DinNextMedium.eot');
    src: url('font/DinNextMedium.eot') format('embedded-opentype'), url('font/DinNextMedium.woff2') format('woff2'), url('font/DinNextMedium.woff') format('woff'), url('font/DinNextMedium.ttf') format('truetype'), url('font/DinNextMedium.svg#DinNextMedium') format('svg');
}
@font-face {
    font-family: 'Din bold';
    src: url('font/DinNextBold.eot');
    src: url('font/DinNextBold.eot') format('embedded-opentype'), url('font/DinNextBold.woff2') format('woff2'), url('font/DinNextBold.woff') format('woff'), url('font/DinNextBold.ttf') format('truetype'), url('font/DinNextBold.svg#DinNextBold') format('svg');
}
  
.hideme
{
    opacity:0;
} 
body
	{
		overflow-x:hidden; 
		font-family: 'Din regular';
		direction: ltr;
		text-align: left;
	}
	
.warp-bg
	{
		/*background:#fdfdfd; */
	}
.logo {
    width: 225px;
    height: 75px;
    display: inline-block;
    float: left;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-right: 10px;
	
}
/*
.logo1 
	{
		width: 120px;
		height: 60px;
		display: inline-block;
		float: right;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		margin:-22px 0 0 0;
		display:none;
		background:url(../images/logo1.png) no-repeat;
	
	}*/

.followUs 
	{
	height:30px;	
	padding: 0px 5px;
	position: relative;
	float:left;
	margin:10px 0 0 0px;
	
	}

.followUs  a
	{
		display:inline-block;
		margin: 0 0 0 -5px; 
	}

.followUs1 {
  height: 30px;
  padding: 4px 8px;
  position: relative;
  float: left;
  margin: 8px 0 0 0px;
  font-size: 12px;	  


}

.followUs1 a
	{
		color:#92a2a8 !important;
		text-decoration:none;
		font-size:13px; 
	}
.followUs1 a:hover
	{
		color:#698189 !important; 
	}

.top-s
	{
		width:100%;
		height:30px;
		padding:5px; 
	}
	
.facebook2
	{
		width:28px;
		height:28px;
		float:right;
		margin:0 0 0 5px;
		background:url(../../dist/images/facebook.png) bottom;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		cursor:pointer;
  
	}
.facebook2:hover
	{
		background-position:0 0;
		  
	}
	
.twiter
	{
		width:28px;
		height:28px;
		float:right;
		margin:0 0 0 5px;
		background:url(../../dist/images/twiter.png) bottom;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		cursor:pointer;
  
	}
.twiter:hover
	{
		background-position:0 0;
		  
	}	

.behance
	{
		width:28px;
		height:28px;
		float:right;
		margin:0 0 0 5px;
		background:url(../../dist/images/behance.png) bottom;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s; 
		cursor:pointer;
  
	}
.behance:hover
	{
		background-position:0 0;  
	}
	
	
.google
	{
		width:28px;
		height:28px;
		float:right;
		margin: 0 0 0 5px;
		background:url(../../dist/images/google.png) bottom;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s; 
		cursor:pointer;
	}
	
.google:hover
	{
		background-position:0 0;  
	}		
					

.instegram
	{
		width:28px;
		height:28px;
		float:right;
		
		background:url(../../dist/images/instegram.png) bottom;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s; 
		cursor:pointer;  
	}
	
.instegram:hover
	{
		background-position:0 0;  
	}			

.icon-heart:before 
	{
		content: "\e600";
	}
	
.title
	{
		margin:10px 0;
		height:auto;
		width:auto;
		padding: 0 30px 5px 30px;
		color:#b07f4a;
		display:inline-block;
		font-size:20px;
		clear:both; 
		text-align: center;
		border-bottom:2px solid #b07f4a;		
	}
	
#about
	{	
		text-align: center;

	}


#contact
	{	
		text-align: center;
		max-width:900px;
	}

#contact-us 
	{	
text-align: center;

	}
	
#contact-us .title
	{	

		color:#FFF;
		border-bottom:1px solid #FFF;

	}


.last
	{
		border:none !important;  
	}
.nav-tabs
	{
		border:none; 
	}

	
#shark

{	
text-align: center !important;
padding-left: 0px !important;
padding-right: 0px !important;
font-family: 'DroidKufi';
font-size:20px;
font-weight:bold;
color:#FFF;
margin-top:20px;
text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
position:relative;
z-index:9999;


}


#sharkp

{	
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
font-family: 'DroidKufi';
font-size:14px;
font-weight:bold;
color:#FFF;
margin-top:20px;
text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
position:relative;
z-index:9999;


}


.test
	{
	

background:#3c5868  url(../../dist/images/icons.png) repeat; ;
padding:10px 0;
width: 100%;
border-top:1PX SOLID #CCC;
 	}
	
#about-us
	{
		display:none; 
	}
	
#about-1
	{
		display:none;
		bottom:0px; 
		padding:100px 0 0 0;
	}
	
#about-text
	{
		color:#FFF;
		font-size:14px;
		line-height:24px;
		text-align:justify;
		padding:20px 5px 0 5px; 
	}

	
.test1
	{
		width:100%;
		background: #3B3146 url(../../dist/images/plan-bg.png) repeat-x bottom ;
		border-top:1px solid #e6e6e6;
		height:auto;
		padding:20px 0;
	
		
		 
	}
	
.test3
	{
		width:100%;
		background:url(../../dist/images/stardus.png) repeat;
		border-top:1px solid #e6e6e6;
		height:500px;
		padding-top:60px;
		
		 
	}
	
.pull-right a
	{
		color:#FFF !important; 
		text-align:center;
		font-size:12px;
	}
	
.pull-right:hover a
	{
		color:#FFF; 
		text-decoration:none;
		
	}
	
.pull-right:hover
	{
		opacity:1; 
		background:#066 url(../images/up_arrow.png) center no-repeat;
		background-position:2px;
	}
	


.carousel1-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}


.thumbnail {
    width: 150px;
    height: 100px;
    overflow: hidden; /* contain images within thumbnail boundaries */
    border:0; /* removes Bootstrap's default border */
    box-shadow: 0 12px 12px -10px #c4c4c4;
    -webkit-box-shadow: 0 17px 22px -20px #c4c4c4;
    -moz-box-shadow: 0 12px 12px -10px #c4c4c4;
	
}
.thumbnail img { width:100%; height:auto; } /* to keep proportions */
.thumbnails p { text-align: center; padding: 0px; } /* captions can be styled with an inline element */



.thumbnails > li {
    display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
	margin:0 0 0 30px;
}

.thumbnail img:hover
	{
		opacity:0.7;
		scale:(0.8,0.8,0.8,0.8); 
	}



#amr
	{
		height:auto !important;
		background:none !important; 
	}

/*---------------------------------------------------------*/
.parallax .test2
	{
		background: #000 url(../../dist/images/ensan.jpg) no-repeat fixed;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background-attachment: fixed !important;
		background-position: center top;
		background-repeat: repeat-y;
		height: 700px;
		margin: 0 auto;
		position: absolute;
		width: 100%;
		filter: blur(10px);

		
		
	}
	
	
.parallax1 .test2
	{
		background: #000 url(../../dist/images/11.jpg) no-repeat fixed;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background-attachment: fixed !important;
		background-position: center top;
		background-repeat: repeat-y;
		height: 700px;
		margin: 0 auto;
		position: absolute;
		width: 100%;
		filter: blur(10px);

		
		
	}
	
	
.overlay-big-images {
background: url("../../dist/images/pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
overflow: hidden;
position: absolute;
width: 100%;
height:600px;
}

.parallax {
background: none repeat scroll 0 0 #F8F8F8;
color: #FFFFFF;
height: 550px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}


.parallax1 {
background: none repeat scroll 0 0 #F8F8F8;
color: #FFFFFF;
height: 600px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}


.control-label #select
	{
		width:100px; 
	}
	
.selectpicker
	{
		width:50%;
		color:#666; 
		font-size:12px;
		padding:4px;
		border-radius:5px;
		direction:rtl;
	}
.selectpicker option
	{
		
		padding: 0 4px 0 0;
		direction:rtl;
		
	}

footer
	{
		
		padding:20px 0 40px 0;
		margin:10px 0 0 0;
		min-height:50px;
		color:#fff;
		background:#20899b;
		border-top:3px solid #be1522;
		line-height:24px; 
	}

footer .blog-cat-title
	{
		font-size:16px;
		color:#f6f6f6;
		border-bottom:2px solid #f6f6f6;
		margin:0 0 5px 0; 
	}
#fallowfooter
	{
		padding-top:50px; 
	}
#texfooter
	{
		clear:both;
		text-align:center;
		padding:20px 0 0 0; 
	} 
	
#texfooter a
	{
		color:#C60; 
	}
	
/*-----------------------------------------*/
#botton-shark
	{
		float:left; 
		
	}

#botton-shark:hover
	{
		float:left; 
		background:#5d4e9b;
		border-color:#5d4e9b;
	}
	
#botton-shark1
	{
		float:left;
		background:#5d4e9b;
		border-color:#5d4e9b; 
		
	}

#botton-shark1:hover
	{
		float:left; 
		background:#5cb85c;
		border-color:#5cb85c;
	}
	
#text-area-input
	{
		height:auto;
		padding:5px !important;
		font-size:10px; 
		color:#666;
	}


/*-----------------------������ ������----------------------------------*/

.skin_width {
width: 100%;
max-width:1170px;
min-width: 767px;
margin: 0 auto;
position: relative;
}

.skin_main {
padding: 20px 1%;
min-height: 288px;
}

.clearafter {
display: block;
}

.clearafter:after {
clear: both;
content: ".";
height: 0px;
font-size: 0px;
visibility: hidden;
display: block;
}

#options ul {
padding-top: 15px;
list-style: none outside none;
margin: 0 auto 30px;
max-width: 100% !important;
position: relative;
text-align: center;
}





/*-----------------------������ �����-------------------------------->*/


/*-------------top menue------*/

.top-menue
	{
		background:#181715;
		height:30px; 
	}

/*------------- header------*/
	
.long-haeder {
    width: 100%;
    height: 85px;   
    padding-top: 11px;
    overflow: hidden;
}
	

/*------------- menue------*/
	
.long-menue
	{
		width:100%;
		height:40px;
		background:#20899b;
		-webkit-box-shadow: 4px 4px 6px 0px rgba(30, 30, 30, 0.2);
		-moz-box-shadow:    4px 4px 6px 0px rgba(30, 30, 30, 0.2);
		box-shadow:         4px 4px 6px 0px rgba(30, 30, 30, 0.2);
		z-index:5; 
	}
	
.long-menue1
	{
		width:100%;
		height:43px;
		background:#00569e;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.76);
		-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.76);
		box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.76);
		z-index:9999;
		position:fixed;
		padding:0px 0 0 0;
		border-top:2px solid #960;
		top:0px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out; 
	}
	
	
.sub-menue2
	{
		position:absolute;
		background:#be1522;
		width:auto;
		min-width:200px;
		z-index:0;
		top:70px;
		margin:-2px -9px 0 0;
		box-sizing: border-box;
		-webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.76);
		-moz-box-shadow:    0px 6px 6px 0px rgba(50, 50, 50, 0.76);
		box-shadow:         0px 6px 6px 0px rgba(50, 50, 50, 0.76);
		padding:3px 0 10px 0 ;
		border-radius:0 0 10px 10px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		opacity:0; 
	}
	
.sub-menue2 li
	{
		list-style:none;
		padding:3px 10px 3px 3px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out; 
	}	

.sub-menue2 li a
 	{
		color:#FFF;
		text-decoration:none;
		font-size:12px;
		background:none;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		
	}
	
.sub-menue2 li:hover
 	{
		background:#b19142  !important;
		padding-right:20px;
		
		
	}
	
.nav > li > a:focus
	{
		background:#be1522; 
	}
	
.sub-menue2 > li > a:hover
	{
		background:#b19142  !important;
		 
	}
	
.navbar-nav li:hover .sub-menue2  {

	 opacity:1;
	 top:40px;
	 z-index:99999;
	
	
  }	
  
.search
	{
		float: left;
		width: 55%;
		height: 45px;
		top: 16px;
		border-radius: 6px;
		border: 1px solid #DBDADA;
		background: #fff;
		overflow: hidden;
		padding: 0;
		 margin-top:11px;
	}
	
.search input
	{
		width: 90%;
		height: 44px;
		border: none !important;
		background: #fff;
		font-size: 16px;
		padding: 8px 10px;
		 
	}
	
#sub-search
	{
		background:url(../images/search.png) no-repeat;
		width:30px;
		height:30px;
		float:left;
		
		 
	}
	
.sub-menue
	{
		position:absolute;
		background:#be1522;
		width:auto;
		min-width:200px;
		z-index:0;
		top:70px;
		margin:-2px -9px 0 0;
		box-sizing: border-box;
		-webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.76);
		-moz-box-shadow:    0px 6px 6px 0px rgba(50, 50, 50, 0.76);
		box-shadow:         0px 6px 6px 0px rgba(50, 50, 50, 0.76);
		padding:3px 0 10px 0 ;
		border-radius:0 0 10px 10px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		opacity:0;
		visibility:hidden; 
		overflow:hidden;
		 
	}


.navbar-nav li:hover   {

	 background:#be1522;
	
	
  }
  
 .navbar-nav li a:hover   {

	 background:#be1522;
	
	
  }
.active_nav
	{
		background:#be1522; 
	}	

	
.navbar-nav li:hover .sub-menue  {
    
	 opacity:1;
	 top:63px;
	 z-index:99999;
	 visibility:visible;
	 left: 0;
	
	
  }
  
.nav > li > a
	{
		padding: 18px 0 23px 0;
	}
	
.navbar-nav > li
	{
		padding:0 10px;
		/*border-left: 1px solid #2e7379; */
	}
.navbar-nav > li:last-child
	{
		border-left:none; 
	} 
 
 .sub-menue ul
 	{
		margin:0;
		padding:0;
		 
	}
  
 .sub-menue li
 	{
		
		list-style-type:disc;
		padding:4px 4px 4px 0;
		margin:0px 25px 2px 25px;
		cursor:pointer;
		width:100%;
		color:#FFF;
		text-decoration:none;
		font-size:12px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		
		
	}
	
 .sub-menue li a
 	{
		color:#FFF;
		text-decoration:none;
		font-size:12px;
		
		
	}
	
.cat-menue a
	{
		text-decoration:none; 
	}
	
.sub-menue li:hover
 	{
		background:#e13340 !important;
		padding-right:10px !important;
		
	}
	
.sub-menue li a:hover
	{
		background:none !important;
		border:none !important;
		padding:0px !important;
		margin:0 !important; 
	}
	

	
.navbar-toggle .icon-bar
	{
		background:#FFF; 
	}
	
.navbar {
 
     border: 0px solid transparent;
}

.navbar-nav > li > a {
    line-height: 22px;
	font-size:16px;
}
.title-ensan
	{
		
		height:auto;
		width:auto;
		color:#823e08;
		display:inline-block;
		font-size:20px;
		clear:both; 
		text-align: center;
		
		
	}
	
#ensan
	{
		border-bottom:4px solid #960;
		 
	}
.ensan-line
	{
		width:100%;
		height:4px;
		background:#20899b; 
	}
	
.ensan-line-in
	{
		width:20%;
		height:4px;
		background:#be1522 ; 
	}
	
#ensan-nwes 
	{
		margin:10px 0 0 0;
		height:119px;
		overflow:hidden;
		border:1px solid #CCC; 
		
		
		
	}
	
.news_in
	{
		widows:90%;
		border:1px solid #CCC;
		height:auto;
		overflow:hidden; 
	}
	
#ensan-nwes img
	{
		 
		padding:2px;
		cursor:pointer;	 
	}
	
#ensan-nwes img:hover
	{
		OPACITY:0.8; 
	}
	
.news-title
	{
		font-size:13px;
		color:#1f496d;
		padding:5px 0 5px 0;
		font-weight:bold; 
	}
	
.news-title a
	{
		font-size:15px;
		color:#1f496d !important;
		padding:5px 0 5px 0;
		font-weight:normal;
		text-decoration:none; 
	}
.news-title a:hover
	{
		color:#823e08 !important; 
	}
	
.news-article
	{
		font-size:12px;
		color:#666;
		padding:0px 0 5px 0;
		line-height:18px; 
	}
	
.more
	{
		font-size:13px;
		
		float:left;
		margin:0 0 10px 0;
	}
	
.more a
	{
		text-decoration:none;
		color:#1f496d; 
	}
.more a:hover
	{
		color:#8e5013; 
	}
	
.more-group
	{
		width:100%;
		color:#FFF;
		background:#9d675e;
		text-align:center;
		padding:3px 0 3px 0;
		font-size:13px;
		text-decoration:none;
		
	}
.more-group a
	{ 
		color:#FFF !important;
		text-decoration:none;
	}
	
.more-group a:hover
	{
		color:#CCC !important; 
	}	
	
	
.more-group1
	{
		width:100%;
		color:#FFF;
		background:#1b8288;
		text-align:center;
		padding:3px 0 3px 0;
		font-size:13px;
		text-decoration:none;
		
	}
.more-group1 a
	{ 
		color:#FFF !important;
		text-decoration:none;
	}
	
.more-group1 a:hover
	{
		color:#CCC !important; 
	}	
	
	
#adv 
	{
		
		height:119px;
		overflow:hidden;
		border:1px solid #CCC; 
		
		
		
	}
	
#adv img
	{
		 
		padding:2px;
		cursor:pointer;
			 
	}
	
.test-ensan
	{
		background:#f6f6f6;
		height:auto;
		width:100%;
		padding:5px 0 20px 0;
		margin:20px 0 0px 0;
		border-top:1px solid #e1e2d8;
		 
	}



.test-ensan3
	{
		background:#e9ecf4;
		height:auto;
		width:100%;
		padding:0px 0 20px 0;
		margin:0px 0 0px 0;
		border-top:1px solid #bbc0d0;
		 
	}
	
.test-ensan2
	{
		background:#eeefef;
		height:auto;
		width:100%;
		padding:0px 0 20px 0;
		margin:0px 0 0px 0;
		border-top:1px solid #d6d8d9;
		 
	}
	
	
.carousel-inner1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height:300px;
  padding:2px;
 
  
}
.carousel-inner1 > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner1 > .item > img,
.carousel-inner1 > .item > a > img {
  line-height: 1;
}
.carousel-inner1 > .active,
.carousel-inner1 > .next,
.carousel-inner1 > .prev {
  display: block;
}
.carousel-inner1 > .active {
  left: 0;
}
.carousel-inner1 > .next,
.carousel-inner1 > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner1 > .next {
  left: 100%;
}
.carousel-inner1 > .prev {
  left: -100%;
}
.carousel-inner1 > .next.left,
.carousel-inner1 > .prev.right {
  left: 0;
}
.carousel-inner1 > .active.left {
  left: -100%;
}
.carousel-inner1 > .active.right {
  left: 100%;
}

.cat
	{
		font-size:16px;
		color:#FFF;
		width:40%;
		margin:10px 0 0 0; 
		border-bottom:1px solid #FFF;
		padding:0 0 3px 0;
	}
	
.cat-menue
	{
		width:auto;
		min-width:160px;
		height:auto;
		float:right;
		overflow:hidden;
		
	}
	
/*----------------------sub page-------------------------------->*/
	
#sub-page
	{
		margin-top:30px; 
	}
	
.sub-page-title
	{
		width:100% !important;
		height:40px;
		background: url(../images/title.png) right no-repeat;
		font-size:18px;
		color:#069;
		padding:8px 25px 3px 0;
		font-weight:500;
		border-bottom:2px solid #1f5072;
		overflow:hidden; 
	}
#sub-page-border
	{
		border:1px solid #CCC;
		background:#FFF;
		margin-left:10px;
		margin-bottom:10px;
		height:auto;
		overflow:hidden;
		
	}
#sub-page-border1
	{
		border:1px solid #CCC;
		background:#FFF;
		margin-left:10px;
		margin-bottom:10px;
		height:auto;
		overflow:hidden;
		padding:5px 20px 10px 20px;
		 
	}
	
#sub-page-border2
	{
		border:1px solid #CCC;
		background:#FFF;
		margin-left:10px;
		margin-bottom:5px;
		height:auto;
		overflow:hidden;
		padding:5px;
		font-size:12px;
		 
	}
	
#sub-page-border2 a
	{ 
		color:#963;
		text-decoration:none; 
	}

#sub-page-border2 a:hover
	{
		color:#036; 
	}
	
#margen-sub
	{
		margin-top:10px; 
	}
.select-sub
	{
		padding:5px;
		width:100%;
		max-height:300px;
		overflow:scroll; 
	}
	
.select-sub option
	{
		padding:10px !important;
		text-align:center;
	}
	
.hi
	{
		height:1000px; 
	}
	
.scroll-to-fixed-fixed1
	{ 
		position: fixed; 
		top: 200px; 
		margin-left: 0px;  
		left: 924.5px;" 
	}
	
#botton-shark1
	{
		width:100%;
		background:#1f5072; 
	}
	
#img_about
	{
		float:left; 
	}
.text-ensan
	{
		direction:rtl;
		text-align:justify;
		line-height:24px;
		
	}
	
#margen-contact
	{
		margin:20px 0 0 0; 
	}
	
.title-ensan1 
	{
		
		height: auto;
		width: auto;
		padding: 0 30px 5px 30px;
		color: #1f5072;
		 display:block; 
		font-size: 20px;
		clear: both;
		text-align: center;
		border-bottom: 2px solid #1f5072;
	}
	
#news	
	{
		margin:10px 0 0 0;
		border-bottom:1px solid #CCC;
		padding:10px 0 10px 0;
		text-align:justify;
		font-size:13px; 
		line-height:20px;
		
	}
	
/*	
#news:hover
	{
		background:#EFEFEF;
		border-bottom:1px solid #f6f6f6;
		 
	}
	
*/
	
#news img:hover
	{
		opacity:0.8; 
	}
	
.news-title-sub
	{
		
		color:#960;
		
		
		
	}
	
.news-title-sub a
	{
		font-size:13px;
		color:#069 !important;
		padding:5px 0 5px 0;
		font-size:15px;
		text-decoration:none; 
	}
.news-title-sub a:hover
	{
		color:#823e08 !important; 
	}
	
#news-img-cat
	{
		max-height:150px;
		overflow:hidden;
		border:1px solid #CCC;
		padding:2px;
		 
	}
	
#news-img-cat_doc
	{
		max-height:150px;
		overflow:hidden;
		border:1px solid #CCC;
		padding:0px;
		-webkit-box-shadow: 1px 1px 10px 2px rgba(30, 30, 30, 0.2);
		-moz-box-shadow: 1px 1px 10px 2px rgba(30, 30, 30, 0.2);
		box-shadow: 1px 1px 10px 2px rgba(30, 30, 30, 0.2);
		 
	}
	

.more-cat 
	{
		width: auto;
		height: 30px;
		background: #1f5072;
		color: #FFF;
		float: left;
		text-align: center;
		border-radius: 7px;
		
		padding: 3px 20px 0px 20px;
		margin:7px 0 0 0;
	}
	
.more-cat:hover
	{
		background:#3c4973; 
	} 
	
#news1	
	{
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		text-align:justify !important;
		font-size:14px !important; 
		line-height:28px;
		font-family:DroidKufi !important;
		
	}
	
	
#news1 img
	{
		border:1px solid #CCC;
		padding:2px;
		margin:3px 0 10px 0;
		width:100%;
	
		
	}
	
#news1 img:hover
	{
		opacity:0.8; 
	}
	
.news-title-sub1
	{
		
		
		padding:10px 5px 10px 0;
		font-size:16px !important;
		color:#069 !important;
		font-size:16px;
		text-decoration:none;
		line-height:22px;
		background:#f6f6f6;
		border-top:1px solid #CCC;
		
	}
	
#news2
	{
		width:100%;
		margin:5px auto; 
	}
	
.news-title-date
	{
		
		color:#960;
		width:37%;
		float:right;
		
		
		
	}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 50%;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
  direction:ltr;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*---------------------- end calendar-----------------------*/

#pagination
	{
		margin:0 auto !important; 
	}
	
	
.doctor_name
	{
		font-size:18px;
		color:#963;
		line-height:26px; 
	}
	
.doctor_name a
	{
		color:#963 !important; 
		text-decoration:none;
	}
	
.doctor_name a:hover
	{
		color:#066 !important; 
	}

#sex
	{ 
		font-size:14px;
		color:#983f78;
	}
	
.adress
	{
		margin:10px 20px 0 0 ;
		width:100%;
		border-right:5px solid #999;
		
	}
	
.doctor_dep
	{
		font-size:12px;
		margin:0 0 20px 0; 
	}
.region
	{
		background:url(../images/region.png) no-repeat right;
		padding:0px 30px 0 0; 
		min-height:22px;
		margin-bottom:10px;
	}
.time
	{
		background:url(../images/time.png) no-repeat right;
		padding:0px 30px 0 0; 
		min-height:22px;
		margin-bottom:10px;
	}	

.address1
	{
		background:url(../images/address.png) no-repeat right;
		padding:0px 30px 0 0; 
		min-height:22px;
		margin-bottom:10px;
	}	


.phone
	{
		background:url(../images/phone.png) no-repeat right;
		padding:0px 30px 0 0; 
		min-height:22px;
		margin-bottom:10px;
		direction:rtl !important;
	}
	
.country
	{
		background:url(../images/country.png) no-repeat right;
		padding:0px 30px 0 0; 
		min-height:22px;
		margin-bottom:10px;
		direction:rtl !important;
	}
	
.prof
	{
		background:url(../images/prof.png) no-repeat right;
		padding:0px 30px 0 0; 
		min-height:22px;
		margin-bottom:10px;
		direction:rtl !important;
	}
	
.number
	{
		position:absolute;
		z-index:999;
		border-radius:50%;
		border:1px solid #b7b5b1;
		left:6%;
		top:5%;
		height:20%;
		width:20%;
		text-align:center;
		overflow:hidden;
		font-size:95%; 
	}
	
#caoption_ensan
	{
		top:65%;
		height:20px;
	}
	
#ensan_albums
	{
		margin:15px 0px 0 0px;
		overflow:hidden;
		padding:0 5px 0 5px;
		height:170px;
		
	
		
		 
	}
	
#ensan_albums img
	{
		border:1px solid #CCC;
		padding:1px;
		width:100%;
		overflow:hidden;
	}
	
.news-title-album
	{
		position:absolute;
		z-index:999;
		top:100%; 
		background:rgba(51,51,51,0.8);
		color:#FFF;
		width:94.7%;
		padding:5px;
		right:2.5%;
		height:45px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
		
	}
#ensan_albums:hover .news-title-album
	{
		top:75%;
		display:block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
.news-title-album a
	{
		color:#FFF !important;
		text-decoration:none; 
		font-size:12px;
	}
	
.news-title-image
	{
		font-size:10px !important; 
		color:#999;
	}	
.news-title-album a:hover
	{
		color:#CCC !important; 
	}
	


/*-------------------------modal style ------------------*/



.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
	
	
}
.overlay:target {
    visibility: visible;
	position:fixed;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    position:fixed;
    text-align: justify;
    top: 30%;
    visibility: hidden;
    z-index:9999;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

   
    

    -webkit-transition: opacity 1s, top .5s;
    -moz-transition: opacity 1s, top .5s;
    -ms-transition: opacity 1s, top .5s;
    -o-transition: opacity 1s, top .5s;
    transition: opacity 1s, top .5s;
	direction:rtl;
	text-align:right;
	height:auto;
	max-height:88%;
	width:auto;
	 font-family:DroidKufi;
	
}


.popup img
	{ 
		max-width:100%;
		width:auto;
		height:auto;
		width:100%; 
	}
	
	
.overlay:target+.popup {
    top: 55.2%;
    opacity: 1;
    visibility: visible;
}






.hash
	{
		height:10px;
		border-bottom: 1px dashed #999;
		width:100%; 
		margin-bottom:20px; 
	}
#pop
	{
		
	}

.pop_title
	{
		width:100%;
		height:auto;
		padding:5px;
		color:#960; 
		border-bottom:1px solid #999;
		margin-bottom:5px;
		text-align:center;
	}
#pop_side
	{
	
		height:auto;
		padding:15px;
		background:#f6f6f6;
		margin:10px 0px 10px 0;
		font-size:11px;
		 font-family:DroidKufi;
		font-weight:normal !important;
		color:#333;
		line-height:20px;
	}
	
.carousel-inner2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height:300px;
  height:auto;
   max-height:500px !important;
  
  
}

.carousel-inner2 > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
		 
}
.carousel-inner2 > .item > img,
.carousel-inner2 > .item > a > img {
  line-height: 1;
  
}
.carousel-inner2 > .active,
.carousel-inner2 > .next,
.carousel-inner2 > .prev {
  display: block;
}
.carousel-inner2 > .active {
  left: 0;
}
.carousel-inner2 > .next,
.carousel-inner2 > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner2 > .next {
  left: 100%;
}
.carousel-inner2 > .prev {
  left: -100%;
}
.carousel-inner2 > .next.left,
.carousel-inner2 > .prev.right {
  left: 0;
}
.carousel-inner2 > .active.left {
  left: -100%;
}
.carousel-inner2 > .active.right {
  left: 100%;
}

/*-------------------------------------------------------video--*/


#video
	{
		width:100%;
		height:300px;
		border:1px solid #CCC;
		overflow:hidden !important;
		padding:0;
		
	}
	
#video img
	{
		padding:2px; 
		overflow:hidden;
	}
	
.video_title
	{
		position:absolute;
		z-index:999;
		top:82%;
		background:#333;
		color:#FFF;
		height:40px;
		width:94%;
		padding:10px;
		
		 
	}
.video_title a
	{
		color:#FFF !important;
		text-decoration:none; 
	}
	
.video_title a:hover
	{
		color:#CCC !important; 
	}
	
.big_bang
		
	{	position:absolute;
		top:30%;
		left:30%;
		z-index:999;
		background:url(../images/video.png) no-repeat;
		height:200px;
		width:200px;
		opacity:0.7;
	}
.big_bang:hover
	{
		opacity:1;
	}
	
	

.big_bang1
		
	{	position:absolute;
		top:10%;
		left:10%;
		z-index:999;
		background:url(../images/vvvv.png) no-repeat;
		height:200px;
		width:200px;
		opacity:0.7;
	}
.big_bang1:hover
	{
		opacity:1;
	}
	
#page
	{
		clear:both;
		
		 
	}
	
.carousel-inner4
	{
		width:600px; 
	}
	
/*------ slider-----------------------*/

.fixed-positin
	{
		position:fixed; 
	}
#myCarousel
	{
		height:561px;
		margin:15px 0 0px 0;
		
	}
	
#myCarousel	.carousel-inner

	{
		height:100%;
	}
	
#myCarousel .item
	{
		height:100%;
		border-bottom:4px solid #be1522;
		 
	}
	
#myCarousel .item img
	{
		height:100%;
		width:100%;
		 
	}

#blogslider
	{
		width:33.2%;
		padding:0;
		height:100%;
		
		
		
		
	}
	
#blogslider img
	{
		min-height:100%;
		width:100%;  
	}
	
#blogslider2
	{
		width:33.2%;
		padding:0;
		height:100%;
		margin:0 0.2%;
		
		
	}
	
#blogslider-center
	{
		width:100%;
		padding:0;
		height:49.5%;
		margin:0 0 .6% 0;
		overflow:hidden;
		
		
	}
	
#blogslider-center img
	{
		min-height:100%;
		width:100%;  
	}
	
.carousel-caption
	{
		padding-bottom:20px;
		background: rgba(0,0,0,0.4);
	 
	}
	
.carousel-caption a
	{
		color:#fff !important;
		text-decoration:none;
		font-size:18px;
		font-family: 'Din bold';
	}
	
.carousel-caption a:hover
	{
		opacity:0.7; 
	} 
	
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  font-size: 22px;
  color: #FFF;
  background: rgba(0,0,0,0.8);
  padding:3px;
}

/*-------------- news----*/

.warp-cat

	{

		overflow: hidden;
		clear: both;
		margin: 15px 0 0 0;
	    padding: 0px 10px 10px 10px;
 		border: 1px solid #ccc; 

	}
	
.blog-cat-title 
	{
	  font-size: 22px;
	  color: #20899b;
	  padding: 10px 0 6px 0;
	  /*font-family: 'Din meduim';*/ 
	}
	
.blog-cat-title a
	{
		color: #20899b;
		font-family: 'Din bold';		
	}

.image-cat-latestnews 
	{
	  width: 100%;
	  max-height: 220px;
	  padding: 0;
	  overflow: hidden;
	}
	
.image-cat-latestnews img {
  width: 100%;
  min-height: 100%;
  transition: all .2s ease-in-out;
}

.image-cat-latestnews img:hover

	{

		transform: scale(1.1);

	

	}
#latest-news-warp 
	{
	  padding: 0px 0px 0 8px;
	  margin: 10px 0 0 0;
	  text-align: left;
	  direction: ltr;
	  
	}
	
#text-mar-top 
	{
 	 margin: 6px 0 0 0;
	 padding:0;
	}
#img-blog-cat2 
	{
	  height: 70px;
	  overflow: hidden;
	  padding: 0;
	  transition: all .2s ease-in-out;
	}
	
#img-blog-cat2 img {
  width: 100%;
  min-height: 100%;
  transition: all .2s ease-in-out;
}
	

#img-blog-cat2 img:hover

	{

		transform: scale(1.1); 

	}
	
.bordr-bottom-blog
	{
		border-bottom:1px solid #CCC;
		padding:5px 0;
		overflow:hidden; 
	}
	
.title-blog-latest 
	{
		font-size: 17px;
		color: #777 !important;
		padding:10px 0 0 0;
		line-height: 20px;
		height: 65px;
		overflow: hidden;
	}
	
.title-blog-latest  a
	{
		text-decoration:none;
		color: #000 !important;
		font-family: 'Din meduim';
		line-height: 24px;
    	font-size: 16px; 
	}	
	
.title-blog-latest  a:hover
	{
		color:#be1522!important; 
	}
	
.title-blog-latest-side a
	{
		color:#000;
		font-family: 'Din meduim';
		text-decoration:none;
		font-size: 16px;		
	}
	
.title-blog-latest-side a:hover
	{
		color:#be1522  !important; 
	}

.date-of-blogs 
	{
	  font-size: 11px;
	  color: #777;
	  padding:10px 0 6px 0;
	 
	}
	
.date-of-blogs .glyphicon , .date-of-blogs i
	{
		color:#be1522; 
	}
.date-of-blogs span
	{
		padding-left:15px;
		font-size:12px; 
	}
.text-blog-latest
	{
		
		text-align:justify;
		font-size: 15px; 
		line-height: 25px;
	}
	
	
/*--------- alwast window----*/

#carousel-example .carousel-inner1
	{
		border:none;
		height:auto;
		padding:0; 
	}

#carousel-example .carousel-indicators
	{
		position:static;
		width:94%; 
	}
	
#carousel-example .carousel-indicators li
	{
		color:#be1522;
		border:1px solid #be1522; 
	}
	
#carousel-example .carousel-indicators .active
	{
		background:#be1522; 
	}
	
.alwast-window-img
	{
		height:100px !important; 
	}
	
.title-background
	{
		background:#2a82c1;
		padding:5px 10px;
		border-radius:3px 3px 0 0;
		clear: both;
		color:#fff; 
	}
	
.title-background a	
	{
		color:#fff !important; 
	}
#rosh-window
	{
		  padding: 5px;
		  margin: 15px 0 10px 0;
		  border: 1px solid #ccc;
		  overflow:hidden;
	}	
	
/*--------------------alwasat bayanat--------*/
#alwast-bayanat
	{
		padding:0 0 0 10px; 
	}

#alwast-bayanat .image-cat-latestnews
	{
		position:relative; 
	}
#alwast-bayanat .title-blog-latest
	{
		  position: absolute;
		  top: 67%;
		  background: rgba(0,0,0,0.3);
		  color: #fff;
		  padding: 5px 10px;
		  z-index:9;
		  height:100%;
		  -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; 
	}
	
#alwast-bayanat .title-blog-latest a
	{
		color: #fff !important; 
	}
	
#alwast-bayanat .title-blog-latest p
	{
		color: #fff !important;
		text-align:justify;
		font-size: 15px;  
	}
	
#alwast-bayanat .title-blog-latest:hover a
	{
		color: #f6f6f6 !important; 
	}
	
#alwast-bayanat .title-blog-latest:hover 
	{
		top: 23%; 
	}
	
.no-padding
	{
		padding:0 !important; 
	}	
	
	
/*--------------------alwasat fi albarlaman--------*/
#albarlaman
	{
		padding:0 10px 0 0; 
	}

#albarlaman .image-cat-latestnews
	{
		position:relative; 
	}
#albarlaman .title-blog-latest
	{
		  position: absolute;
		  top: 70%;
		  background: rgba(0,0,0,0.3);
		  color: #fff;
		  padding: 5px 10px;
		  z-index:9;
		  height:100%;
		  -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; 
	}
	
#albarlaman .title-blog-latest a
	{
		color: #fff !important; 
	}
	
#albarlaman .title-blog-latest p
	{
		color: #fff !important;
		text-align:justify;
		font-size: 15px;  
	}
	
#albarlaman .title-blog-latest:hover a
	{
		color: #f6f6f6 !important; 
	}
	
#albarlaman .title-blog-latest:hover 
	{
		top: 23%; 
	}
	
/*---- break---*/

.alwasat-line
	{
		background:url(../images/title-dots.png) repeat-x;
		width:100%;
		height:1px;
		clear:both; 
	}
	
	
/*-------------alwasat saloon------------*/
#alwast-saloon
	{
		background:#f6f6f6;
		padding:0 10px 15px 5px;
		margin:20px 0;
		border:1px solid #ccc;
		border-radius:5px 5px 0 0; 
	}
.alwast-saloon-title
	{
		padding:0 8px 0 0; 
	}
.alwast-saloon-title a
	{
		color:#be1522  !important; 
	}
.alwast-saloon-line
	{
		background:#be1522  !important;
	}
	
/*----------- alwasat images ---------*/

#alwast-images
	{
		padding:0; 
	}
	
#img-blog-cat2-images
	{
		padding:5px;
		 
	}
	
#img-blog-cat2-images img
	{
		width:100%; 
	}

#alwast-images .image-cat-latestnews
	{
		position:relative; 
	}	
#alwast-images	.title-blog-latest
	{
		  position:absolute;
		  top: 70%;
		  background: rgba(0,0,0,0.3);
		  color: #fff;
		  padding: 5px 10px;
		  z-index: 9;
		  height:40%; 
	}
	
#alwast-images	.title-blog-latest a
	{
		color:#fff !important; 
	}
	
.title-background-image
	{
		background:#c63f15 !important ;
		padding: 5px 10px;
        border-radius: 5px 5px 0 0;
	}
	
.title-background-image a
	{
		color:#fff !important; 
	}
	
/*-----shark image ---------- */
#roshd_socail
	{
		
		padding:0;
		margin:15px 0 0 0;
		 
	}
.shark-image
	{
		height:auto !important; 
	}
	
#alwast-shark #latest-news-warp
	{
		margin:0; 
	}
	
/*-------- alwast-almanhag---*/

#alwast-almanhag
	{
		padding:0 0 10px 0;
		border:1px solid #ccc;
		margin:0 0 10px 0;
		overflow:hidden; 
	}
	
	
#alwast-almanhag #img-blog-cat2
	{
		height:130px;
		padding: 3px; 
	}
	
#alwast-almanhag .bordr-bottom-blog	
	{
		border:none; 
	}
	
#alwast-almanhag  .blog-cat-title
	{
		padding:5px 10px; 
	}
#alwast-almanhag .title-blog-latest-side a
	{
		text-align:center !important;
		color: #C60;
		
	}
	
#alwast-almanhag .title-blog-latest-side 
	{
		text-align:center !important;
		color: #C60; 
	}
	
/*------------------fallow ------------------------------*/
#roshd-fallow
	{
		padding:0;
		 
	}
.title-background-fallow
	{
		background:#1c7267;
		padding:5px 10px;
		border-radius:5px 5px 0 0;
		margin:0px 0 0 0;
		clear: both; 
	}
	
.title-background-fallow 
	{
		color:#FFF; 
	}
	
.fallow-margin
	{
		margin:10px 0 10px 0; 
	}
.fallow-margin input
	{
		font-size:12PX;
		padding:5px 10px  
	}
.fallow-sub
	{
		background:#900;
		border:none;
		color:#fff;
		float:left;
	}
.no-margin-bottom
	{
		margin-bottom:0 !important; 
	}
	
/*--------- alwast-facebook------------*/
#alwast-facebook
	{
		padding:0; 
	}
	
/*----------alwast-articles----*/
#alwast-articles
	{
		border:1px solid #ccc;
		padding-bottom:10px;
		clear:both;
		overflow:hidden; 
	} 	
	
.alwast-article-title a
	{
		color:#066; 
	}	
	
.alwast-articles-line
	{
		background:#066; 
	}
	
#alwast-articles .image-cat-latestnews
	{
		height:150px; 
	}
	
.article-block
	{
		padding:0;
		overflow:hidden; 
	}	
	
/*------------------video ---------------- */
#roshd-video
	{
		padding:0 10px 10px 10px;
		border:1px solid #ccc;
		margin:15px 0 0 0; 
		overflow:hidden;
	}

#roshd-video .image-cat-latestnews
	{
		height:400px; 
	}
	
#roshd-video #img-blog-cat2
	{
		height:132px;
		position:relative; 
	}
	
#roshd-video .title-blog-latest
	{
		bottom:0;
		position:absolute;
		background:rgba(0,0,0,0.5);
		padding:10px;
		opacity:0;
		z-index:9; 
		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	line-height:14px;
	}
	
#roshd-video .title-blog-latest a
	{
		color:#fff !important;
		font-family: 'Din meduim';
		font-size:12px;
		line-height:16px;
	}
	
#roshd-video  #img-blog-cat2:hover .title-blog-latest
	{
		opacity:1; 
	}
/*------------------breaking-news--*/
	
#breaking-news
	{
		
		color:#FFF; 
		width:100%;
		padding:0;
		border:1px solid #ccc;
		margin:15px 0 0 0;
	}
	
#text-new-news
	{
		font-family: 'Din meduim';
		font-size:16px;
		padding: 6px 5px;
		background:#20899b  url(../images/break.png) no-repeat left;
		text-align:center;
		 
	}
	
#marqueetext li 
	{
	  list-style: none;
	  display: inline-block;
	  background: url(../images/newsfeedseparator.png) no-repeat 100% 3px;
	  padding: 5px 25px 0px 0px;
	  color:#777;
	  
	}
	
#marqueetext a 
	{
  		color: #333;
		
		font-size:12px;
		padding:
	}
	
#clear-paddong-medai
	{
		padding-left:0; 
	}
	
/*----alwast des-------------*/

#alwast-des
	{
		margin:15px 0 0 0;
		
	}
#banner-1
	{
		height:210px;
		padding:0 5px;
		overflow:hidden; 
	}

#banner-1 img
	{
		width:100%;
		height:100%;
		transition: all .2s ease-in-out; 
	}
	
#banner-1 img:hover
	{
		opacity:0.8;
	}
	
#banner-2
	{
		padding: 3px 5px 5px 5px;
		height:195px;
		margin:0 0 4px 0;
		 
	}
	
#banner-2 img
	{
		width:100%;
		height:100%;
		transition: all .2s ease-in-out; 
		
		 
	}
#banner-2 img:hover
	{
		opacity:0.8;
	}
	
#banner-3
	{
		padding: 3px 0px 5px 5px;
		height:195px;
		margin:0 0 4px 0;
		 
	}
	
#banner-3 img
	{
		width:100%;
		height:100%;
		transition: all .2s ease-in-out; 
		
		 
	}
#banner-3 img:hover
	{
		opacity:0.8;
	}
	
/*----socail---------------*/

table-responsive {
  text-align: center;
}

.social a 
	{
		  color: #3d566e;
		  font-size: 12px;
		  text-transform: uppercase;
		  text-align: center;
		  display: block;
		  padding: 5px;
		  text-decoration:none;	
	}
	
.social a p 
	{
  		color: #3d566e;
		text-decoration:none;
	}
	
.social p 
	{
 		 margin: 0;
		 box-sizing: border-box;
	}
	
.social p span 
	{
		  font-size: 30px;
		  text-align: center;
		  display: block;
		  
	}
	
.ion-social-rss:before 
	{
 		 content: "\f23d";

}
	

.social	td
	{
		padding:0 !important; 
	} 
.rss:hover {
  background: #ed802e;
  color:#FFF;

  
}
.rss:hover p
	{
		color:#FFF 
	}
	
.twitter:hover {
  background: #45b0e3;
  color:#FFF;
}

.twitter:hover p {
  color:#FFF;
  
  
   
}

.facebook:hover {
  background: #3a5898;
  color:#FFF 
}

.facebook:hover p {
  background: #3a5898;
  color:#FFF ;
}

.youtube:hover {
  background: #ce342c;
  color:#FFF ;
}

.youtube:hover p{
  background: #ce342c;
  color:#FFF ;
}

.googleplus:hover {
  background: #34352f;
  color:#FFF ;
}
.googleplus:hover p {
  background: #34352f;
  color:#FFF ;
}

.instagram:hover {
  background: #517ea5;
   color:#FFF ;
}
.instagram:hover {
  background: #517ea5;
   color:#FFF ;
}

/*---- alwast radoi----- */

#alwast-radoi
	{
		padding:0;
		margin:0 0 15px 0; 
	}
	
/*-- news city ------------- */

#carousel-example2 .carousel-inner1
	{
		border:none;
		height:auto;
		padding:0; 
	}

#carousel-example2 .carousel-indicators
	{
		  bottom: -30px;
		  width: 94%;
		  right: 0; 
	}
	
#carousel-example2 .carousel-indicators li
	{
		color:#900;
		border:1px solid #20899b; 
	}
	
#carousel-example2 .carousel-indicators .active
	{
		background:#20899b;
	}
	
	
#alwast-news-city
	{
		  overflow: hidden;
		  clear: both;
		  margin: 0px 0 15px 0;
		  padding: 0px 10px 10px 10px;
		  border: 1px solid #ccc; 
	}
	
#text-mar-top2 {
  margin: 0px 0 0 0;
  padding: 0;
}

.breadcrumb-warp
	{
		padding:0 !important; 
		margin-bottom:0px;
	}
	
.breadcrumb-warp ul
	{
		margin:0;
		padding:0; 
	}
	
.breadcrumb-warp .breadcrumb
	{
		  margin: 0;
		  padding: 7px;
		  font-size: 13px;
	} 
.divider
	{  
		height: 18px;
	  border-bottom: 1px solid #CAC2C2;
	  /* border-top: 1px solid #D3D1D1; */
	  width: 100%;
	  clear: both;
	  margin: 5px;
		 
	}
	
.video 
	{
		position:relative; 
	}
	
.video-icon
	{
		  position: absolute;
		  background: url(../images/video.png) no-repeat center;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  opacity:0.8;
		  transition: all .2s ease-in-out; 
	}
.video-icon:hover 
	{
		opacity:0;
		top: 10%;
	}
	
.image-cat-latestnews2
	{
	  width: 100%;
	  height: auto;
	  padding: 0;
	  overflow: hidden;
	}
	
.image-cat-latestnews2 img {
  width: 100%;
  min-height: 100%;
  transition: all .2s ease-in-out;
}

.image-cat-latestnews2 img:hover

	{

		transform: scale(1.1);
	}
	
.text-blog-latest img
	{
		max-width:100%;
		padding:10px 0; 
	}
.form-group
	{
		width:100%; 
	}
	
.comment
	{
		color: #333;
		font-size:14px;
		line-height: 23px; 
	}
.comment p
	{
		color: #be1522;
		font-family: 'Din meduim';
		font-size:16px;
		margin:10px 0 3px 0; 
	}
	
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article-single
	{
		width:35%;
		float:left;
		margin:0 10px 10px 0; 
	}
	
.shar-socail
	{
		background:#f6f6f6;
		padding:0px;
		overflow:hidden; 
	}
	
.shar-socail li
	{
		list-style:none;
		display:inline-block;
		  line-height: 9px; 
	}
	
.share-on-twitter
	{
		  background: #25C7F4;;
		  color:#fff; 
	}
	
.share-on-twitter:hover
	{
		 background: #279ebf; 
	}
	
.share-on-link 
	{
		color:#fff !important;
		text-decoration:none; 
		padding:5px;
		text-align:center;
		
	}
	
.share-on-link a
	{
		color:#fff;
		text-decoration:none; 
	}
.share-on-link:hover
	{
		text-decoration:none; 
	}
	
.share-on-facebook
	{
		background:#3B5997; 
	}
	
.share-on-facebook:hover
	{
		opacity:0.8; 
	}
	
.share-on-googleplus
	{
		background:#D64937; 
	}
.share-on-googleplus:hover , .share-on-youtube:hover 
	{
		opacity:0.8; 
	}
		
	
/*---------------------menue about alwasat-------------------*/

.about-alwasat-menue
	{
		    position: fixed;
			right: 0;
			top: 20%;
			width: 226px;
			height: auto;
			transition: all .2s ease-in-out;
			
			
	}
	
.about-alwasat-menue1
	{
		background: rgba(153, 0, 0, 0.81); 
		border-radius: 15px 0 0 15px;
		padding: 10px 0;
		clear:both;
		transition: all .2s ease-in-out;
		font-family: 'Din meduim';
	}
	
.about-alwasat-menue1 li
	{
		padding:5px 20px 5px 0;
		border-bottom:1px groove #B92323;
		
	} 
	
.about-alwasat-menue ul a
	{
		color:#fff;
		text-decoration:none;
	}
	
.hide-menue
	{
		width: 40px;
		height: 40px;
		background: rgba(153, 0, 0, 0.81); 
		/* margin: 0 auto; */
		cursor: pointer;
		text-align: center;
		padding: 8px;
		position: absolute;
		top: 38%;
		left: -40px;
		border-radius: 5px 0 0px 5px;  
	} 
	
.hide-menue .glyphicon
	{
		color:#fff; 
	}
	
	
.show-menue
	{
		    width: 40px;
			height: 40px;
			background: rgba(153, 0, 0, 0.81); 
			/* margin: 0 auto; */
			cursor: pointer;
			text-align: center;
			padding: 8px;
			position: absolute;
			top: 38%;
			left: -40px;
			border-radius: 5px 0 0px 5px;
			display:none; 
	} 
	
.show-menue	.glyphicon
	{
		color:#fff; 
	}
	
.long_menue_top
	{
		background:#be1522;
		 
	}
.right_menue
	{
		float:right; 
	}
	
.right_menue_list
	{
		margin:0;
		padding:0; 
	}
.right_menue_list a
	{
		color:#fff; 
	}
	
.right_menue_list li
	{
		display:inline-block;
		padding:6px 15px;
		
	}
	

.left_menue
	{
		float:right; 
	}
.left_menue_list
	{
		margin:0;
		padding:0; 
		margin-top:14px;
		margin-bottom:10px;
	}
	
.left_menue_list a
	{
		color:#be1522; 
	}
.left_menue_list a 
	{
		display:inline-block;
		padding:6px 3px;
		
		margin:0 -3px;
		list-style:none;
	}
.left_menue_list a i
{
    padding: 7px 9px 10px 10px;
    border-radius: 22px;
    height: 30px;
    color: #fff;
	width: 30px;
	font-size: 16px;
	overflow:hidden;
}
.left_menue_list a i.fa-facebook
{
	background: #3f48b7;
}
.left_menue_list a i.fa-twitter
{
	background: #63cedf;
}
.left_menue_list a i.fa-google-plus
{
	background: #e52e2e;
}
.left_menue_list a i.fa-instagram
{
	background: #c39c33;
}
.left_menue_list a i.fa-youtube-square
{
	background: #e52e2e;
}
.left_menue_list a:last-child
	{
		border-left:none;
	}
	
.left_menue_list i:hover 
	{
		color:#20899b;
	}
	
#carousel-program .carousel-indicators {
    bottom: -8px;
	margin-left:auto !important;
	width:auto !important;
}

#carousel-program .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 0;
    background-color: #20899b;
}

#carousel-program .carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #20899b;
    border-radius: 10px;
}

#carousel-program  .carousel-inner1
	{
		    padding: 0 0 40px 0;
			height:auto !important;
	}
#carousel-program .carousel-control
 {
	top:auto;
	bottom:5px;
	 
	
 }
.instagram:hover p
	{
		color:#fff;
	}
	
.r_arrow
	{
		height:23px;
		width:17px;
		background:url(../images/r_arrow.png);
	}	
	
.l_arrow
	{
		height:23px;
		width:17px;
		background:url(../images/l_arrow.png);
	}	
	
#carousel-program .carousel-control.right {
    right: 38%;
    left: auto;
	height:23px;
	width:17px;
	z-index: 99999;
	cursor:pointer;
}


#carousel-program .carousel-control.left {
   left: 45%;
    right: auto;
    height: 19px;
    width: 17px;
    z-index: 99999;
    cursor: pointer;
    
}

#myCarousel .carousel-caption {
    right: 20%;
    left: 15%;
    padding-bottom: 25px;
    bottom: auto !important;
    top: 65%;
}

.warp_ads
	{
		padding:5px;
		margin:15px 0 0 0; 
	}
.img-vidoe 
	{
		padding:0;
		position:relative;
		overflow:hidden;
		height: 271px;
	}
	
.img-vidoe:hover .title-blog-latest
	{
		opacity:1 !important; 
	}
	
.img-vidoe img
	{
		width:100%;
		transition: all .2s ease-in-out;
		min-height:100%; 
	}
	
.img-vidoe img:hover {
    transform: scale(1.1);
}


.img-vidoe .title-blog-latest {
    bottom: 0;
    position: absolute;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    opacity: 0;
    z-index: 9;
	left:0;
	right:0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 14px;
}

.vidoe_small
	{
		padding:0 2px; 
	}

.video_warp
	{	
	
	padding: 0px 0px 0 3px;
    margin: 6px 0 0 0;
	
	}
	
.title-blog-choose
	{
		bottom: 0;
		position: absolute;
		background: rgba(0,0,0,0.5);
		padding: 10px;
		z-index: 9;
		left:0;
		right:0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		line-height: 14px; 
	}
	
.title-blog-choose a
	{
		color: #fff;
		
		font-size: 13px;
		line-height: 21px;
		text-decoration: none; 
	}	
.prog_status
	{
		position:absolute;
		top:0;
		right:0;
		background: rgba(0,0,0,0.5); 
		color:#fff;
		
		font-size: 13px;
		padding:5px;
	}	
	
	
#carousel-blog .carousel-indicators {
    bottom: -8px;
	margin-left:auto !important;
	width:auto !important;
}

#carousel-blog .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 0;
    background-color: #be1522;
}

#carousel-blog .carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #be1522;
    border-radius: 10px;
}

#carousel-blog  .carousel-inner1
	{
		    padding: 0 0 51px 0;
			height:auto !important;
	}
#carousel-blog .carousel-control
 {
	top:auto;
	bottom:5px;
	 
	
 }	
	
#carousel-blog .carousel-control.right {
    right: 38%;
    left: auto;
	height:23px;
	width:17px;
	z-index: 99999;
	cursor:pointer;
}


#carousel-blog .carousel-control.left {
   left: 45%;
    right: auto;
    height: 19px;
    width: 17px;
    z-index: 99999;
    cursor: pointer;
    
}	
	

.tasweet label
	{
		font-weight:normal; 
	}	
	
.title_tasweet
	{
		font-family: 'Din meduim';
		margin:10px 0 0 0; 
	}

.tasweet-sub
	{
		background:#20899b;
		padding:5px 20px;
		float:left;
		border-radius:2px;
		border:none; 
	}
	
.tasweet-sub:hover
	{
		background:#be1522; 
	}
	
.salah 
	{
		margin-top:10px;
	}
	
.salah th
	{
		font-family: 'Din meduim'; 
	}
	
	
.salah tr
	{
		 font-family: 'HelveticaNeue'; 
	}
	
.input_raduis
	{
		border-radius:0; 
	}
.ads_side
	{
		padding:0;
		margin-bottom:10px; 
	}
.ads_side img
	{
		max-width:100%; 
	}
	
.pull-right {
    float: right !important;
    position: fixed;
    bottom: 8%;
    border-radius: 2px;
    background: #20899b url(../images/up_arrow.png) center no-repeat;
    height: 30px;
    width: 30px;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: none;
    z-index: 666;
    color: #FFF;
    right: 3%;
	background-position: 2px;
}

.tasweet_result
	{
		margin-right:10px; 
	}
	
.foter_list
	{
		margin:0;
		padding:0; 
	}
	
.foter_list li
	{
		list-style:none; 
	}
	
.foter_list li a
	{
		color:#fff; 
		text-decoration:none;
	}
	
.foter_list li a:hover
	{
		color:#be1522; 
		text-decoration:none;
	}
	
.foter_list li i
	{
		padding:0 10px 0 0px;
		color: #be1522; 
	}
	
.rights_roshd
	{
		background:#be1522;
		padding:10px;
		text-align:center;
		color:#fff;
		border-top:1px solid #be1522;
		
	}
	
.pagenation_warp
	{
		text-align:center; 
		width:100%;
		clear:both;
	}
	
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #20899b;
    border-color: #20899b;
}

.title-blog-latest span
	{
		color:#be1522; 
	}
	
.frequincy
	{
		border-bottom:1px solid #ccc;
		overflow:hidden;
		margin-bottom:10px;
		padding-bottom:7px; 
	}
	
textarea
	{
		resize: vertical; 
	}
	
.photo-icon
	{
		  position: absolute;
		  background: url(../images/photo-icon.png) no-repeat center;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  opacity:0.8;
		  transition: all .2s ease-in-out; 
	}
.photo-icon:hover 
	{
		opacity:0;
		top: 10%;
	}
	
#latest-image-warp
	{
		padding:15px 0 0 0;
		margin:0; 
	}
.contact_text
	{
		
		margin-top:10px;
		 
	}
	
.contact_text p
	{
		
		padding:0;
		margin:0 0 5px 0; 
	}
	
.contact_text p i
	{
		
		color:#20899b;
		margin: 0 0 0 10px; 
	}
	
.sechedual_chanel
	{
		padding:0; 
	}
	
.cat_more
	{
		float: right;
		font-size: 12px;
		margin: 12px 0 0 4px;
	}
.cat_more a
	{
		text-decoration:none;
		color:#be1522; 
	}
	
.cat_more a:hover
	{
		text-decoration:none;
		color:#20899b; 
	}
	
.anthor_vote
	{
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
		margin-bottom:10px;
		overflow:hidden; 
	}
	
.progress-bar-info2 {
    background-color: #be1522;
}

.popup_image img
	{
		max-width:100%; 
	}
	
.popup_image 
	{
		text-align:center; 
		padding: 8px;
	}
	

body
	{
		overflow-y:scroll !important; 
	}
	
.header_ads
	{
		float: right;
		height: 74px;
		overflow: hidden;
		margin: 12px;
		width: 47%;
	}
.header_ads img
	{
		max-width:100%; 
	}
.navbar-collapse 
	{
		padding:0; 
	}
	
.navbar-fixed-top
	{
		z-index:99999; 
	}
.carousel-caption p
	{
		font-size:14px;
	}

.image-cat-latestnews
	{
		position:relative; 
	}
	
.image-cat-latestnews .title-blog-latest2
	{
		position: absolute;
		opacity: 0;
		background: rgba(40, 143, 152,0.5);
		color: #fff;
		padding: 10px 8px;
		z-index: 9;
		height: 100%;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		width:100%;
		bottom:100%;
	}

.image-cat-latestnews:hover .title-blog-latest2
	{
		opacity:1;
		bottom: 0;
		height:auto;
		width:100%; 
	}
	
.title-blog-latest3 {
    font-size: 17px;
    color: #777 !important;
    padding: 10px;
    line-height: 20px;
    background: #f6f6f6;
}

.title-blog-latest3 span
	{
		float:left;
		line-height: 31px; 
	}

.title-blog-latest3 span i
	{
		color: #be1522;
	}	

.title-blog-latest3 a:hover {
    color: #be1522!important;
}

.title-blog-latest3 a {
    text-decoration: none;
    color: #000 !important;
    font-family: 'Din meduim';
    line-height: 24px;
    font-size: 16px;
}

.title-blog-latest2 a {
    text-decoration: none;
    color: #000 !important;
    font-family: 'Din meduim';
    line-height: 24px;
    font-size: 16px;
}

.share-on-youtube {
    background: #b33626;
}

.share-on-link i
	{
		margin-top:5px; 
	}
	
.contact_text p strong
	{ 
		padding-left:20px;
	}
	
.booking
	{
		background:#20899b;
		color:#fff;
		padding:5px;
		text-align:center; 

		margin:0 auto;
	}
	
.salah a 
	{
		text-decoration:none; 
	}
	
.booking:hover
	{
		background:#be1522;
	}
	
.image-cat-latestnews .time_video
	{
		position: absolute;
		background: rgba(40, 143, 152,0.9);
		color: #fff;
		padding: 3px 8px 0 8px;
		z-index: 9;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		width:auto;
		bottom:5px;
		right:0;
	}

.img-vidoe
	{
		position:relative;
	}	
.img-vidoe .time_video
	{
		position: absolute;
		background: rgba(40, 143, 152,0.9);
		color: #fff;
		padding: 3px 8px 0 8px;
		z-index: 9;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		width:auto;
		bottom:5px;
		right:0;
	}
.img-vidoe:hover 	.time_video
	{
		opacity:0;
	}
#img-blog-cat2
	{
		position:relative;
	}
#img-blog-cat2 .time_video 
	{
		position: absolute;
		background: rgba(40, 143, 152,0.9);
		color: #fff;
		padding: 3px 8px 0 8px;
		z-index: 9;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		width:auto;
		bottom:5px;
		right:0;
	}
#img-blog-cat2:hover .time_video
	{
		opacity:0;
	}
	
.display_in_mobile
	{
		display:none !important;
	}
	
.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 3px;
    margin-right: 15px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-collapse
	{
		z-index:9999999999999999999; 
	}
	
.modal-content
	{
		margin-top:50px; 
	}
	
.nav-tabs
	{
		background: #20899b; 
	}
	
.nav-tabs > li
	{
		padding:0 15px;
		width:14.28%;
		margin-bottom:0; 
	}
	
.nav-tabs > li.active
	{
		background: #be1522;
    	color: #fff;
		border:none;
	}
	
.nav-tabs > li a
	{
		background:none;
    	color: #fff;
		border:none;
		text-align:center;
	}
.nav-tabs > li:hover
	{
		background: #be1522;
    	color: #fff;
		border:none;
	}
	
.nav-tabs > li.active a
	{
		background:none;
    	color: #fff;
		border:none;
	}
	
.nav-tabs > li  a:hover
	{
		background:none;
    	color: #fff;
		border:none;
	}
	
.nav-tabs > li.active  a:hover , .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
	{
		background:none;
    	color: #fff;
		border:none;
	}
	
.navbar , .long-menue
	{
		height:auto;
		min-height: auto;
   		 margin-bottom: 0; 
	}
	
.tab-content  {
    display: block;
    border: 1px solid #ccc;
    padding: 10px;
	overflow:hidden;
}

.panel-group .panel
	{
		border-radius:0px;
		border:none; 
	}

.panel-heading {
    color: #fff;
    background-color: #20899b;
    border-color: #20899b;
	border-radius:0px;
}

.panel-title > a {
    color: #fff;
	text-decoration:none;
	 font-family: 'HelveticaNeue';
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #20899b;
    border:none;
	border-radius:0px;
}

.search button
{
	background: none;
    border: none;
    color: #be1522;
    font-size: 26px;
    padding-top: 0px;
}

img
{
	max-width:100%;
}

.hastag a
{
	background: #20899b;
    padding: 1px 20px 5px;
    text-align: center;
    margin: 5px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
.modal
{
	z-index:9999;
}

span , p,h1,h2,h3,h4,h5,h6
{
	font-family:'Din regular' !important
}

.carousel-control span
{
	    font-family: 'Glyphicons Halflings' !important;
}

#carousel-blog2 .carousel-indicators {
    bottom: -8px;
	margin-left:auto !important;
	width:auto !important;
}

#carousel-blog2 .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 0;
    background-color: #be1522;
}

#carousel-blog2 .carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #be1522;
    border-radius: 10px;
}

#carousel-blog2  .carousel-inner1
	{
		    padding: 0 0 40px 0;
			height:auto !important;
	}
#carousel-blog2 .carousel-control
 {
	top:auto;
	bottom:5px;
	 
	
 }	
	
#carousel-blog2 .carousel-control.right {
    right: 38%;
    left: auto;
	height:23px;
	width:17px;
	z-index: 99999;
	cursor:pointer;
}


#carousel-blog2 .carousel-control.left {
   left: 45%;
    right: auto;
    height: 19px;
    width: 17px;
    z-index: 99999;
    cursor: pointer;
    
}
#carousel-blog3 .carousel-indicators {
    bottom: -8px;
	margin-left:auto !important;
	width:auto !important;
}

#carousel-blog3 .carousel-indicators .active {
    width: 11px;
    height: 11px;
    margin: 0;
    background-color: #be1522;
}

#carousel-blog3 .carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #be1522;
    border-radius: 10px;
}

#carousel-blog3  .carousel-inner1
	{
		    padding: 0 0 40px 0;
			height:auto !important;
	}
#carousel-blog3 .carousel-control
 {
	top:auto;
	bottom:5px;
	 
	
 }	
	
#carousel-blog3 .carousel-control.right {
    right: 38%;
    left: auto;
	height:23px;
	width:17px;
	z-index: 99999;
	cursor:pointer;
}


#carousel-blog3 .carousel-control.left {
   left: 45%;
    right: auto;
    height: 19px;
    width: 17px;
    z-index: 99999;
    cursor: pointer;
    
}	
.min_height
{
	min-height:341px;
}

#alwast-news .text-blog-latest
{
	font-size:17px;
	line-height: 28px;
}

#text-new-news2 {
    font-family: 'Din meduim';
    font-size: 16px;
    padding: 6px 5px;
    background: #e52e2e url(../images/break.png) no-repeat left;
    text-align: center;
}

#text-mar-top .title-blog-latest-side
{
	height: 40px;
    overflow: hidden;
    line-height: 19px;
	direction: ltr;
}


.container {
    max-width: 1300px;
    width: 100%;
}

.warp-bg , .wrap 
{
	background:#f6f6f6;
}
.warp-cat , #rosh-window , #roshd-video , .breadcrumb-warp .breadcrumb , .long-haeder , .ticker-wrapper , .ticker , #text-new-news2 .col-xs-10
{
	background:#fff;
}

.title-blog-latest2 a {
    font-size: 19px;
    color: #000 !important;
    padding: 10px 0 0 0;
    line-height: 32px;
    height: auto;
    overflow: hidden;
	display: block;
}

.big_text
{
	font-size:16px;
}

.socail_top .shar-socail {
    background: #f6f6f6;
    padding: 0px;
    overflow: hidden;
    position: fixed;
    top: 54%;
    width: 50px;
    right: 0;
}

.socail_top .share-on-link
{
	width:100%;
}

.photographer 
{
	background: #f6f6f6;
    padding: 7px;
}

.footer_socail
{
	margin-top: 19px;
    overflow: hidden;
    display: inline-block;
}
.footer_socail a
{
	display: inline-block;
	color:#fff;
	padding: 0 10px;
	list-style: none;
    font-size: 20px;
}

.footer_socail a:hover
{
	color:#be1522;
}

.title-blog-latest2
{
	margin-top: 15px;
}

#slider .owl-stage-outer , #slider .owl-stage , #slider .owl-item
{
	height:100%;
}

#slider .item {
    height: 100%;
    border-bottom: 4px solid #be1522;
}
#slider
{
	height: auto;
    margin-top: 15px;
}

#slider .item img {
    height: 100%;
    width: 100%;
}

#slider .owl-nav
{
	position: absolute;
    top: 45%;
    z-index: 99999;
	left:0;
	right:0;
}

#slider .owl-nav .owl-prev
{
	font-size: 30px;
    right: 0;
    position: absolute;
    background: #00000075;
    padding: 15px !important;
    color: #fff;
}

#slider .owl-nav .owl-next
{
	font-size: 30px;
    left: 0;
    position: absolute;
    background: #00000075;
    padding: 15px !important;
    color: #fff;
}

.news .owl-nav
{
	text-align: center;
}

.news .owl-nav button span
{
	font-size: 20px !important;
    background: #be1522 !important;
    padding: 0px 15px 8px 15px !important;
    color: #fff;
    margin: 2px 14px;
    display: inline-block;
}
.news .owl-dots button.active
{
	background: #be1522;
    height: 15px;
    width: 15px;
    border-radius: 30px;
}
.news .owl-dots button
{
	background: #ccc ;
    height: 15px;
    width: 15px;
    border-radius: 30px;
	margin: 0 5px;;
}
.news .owl-dots button
{
	background: #ccc ;
    height: 15px;
    width: 15px;
    border-radius: 30px;
	margin: 0 5px;;
}

.news .owl-dots
{
	text-align: center;
	margin-bottom: 5px;
}
/* ---adding home  */
.navbar, .long-menue {
    border-top: 1px solid #f6f6f6;
	box-shadow: 0 8px 6px -9px black;
}
.long-menue {
    background: #ffffff;
}

.navbar-nav > li > a {
    color: #000;
}
.navbar-nav li:hover a {
    color:#fff;
}
.navbar-nav li.active_nav a {
    color:#fff;
}
.navbar-nav li a:hover {
    background: #be1522;
	color:#fff;
}

.warp-cat {
    border: 0px solid #ccc;
	
}

.warp-bg, .wrap {
    background: #ffffff;
}

#rosh-window , #roshd-video{
    border: 0px solid #ccc;
}

.gray
{
	background: #e6e6e6;
    padding-bottom: 15px;
}

.warp-cat
{
	background: transparent;
}

.navbar-toggle {
    background-color: #20899b;
    background-image: none;
    border: 1px solid #20899b;
}
.lang 
{
	width: auto !important;
    background: #20899b !important;
    padding: 5px 10px 11px 10px !important;
    height: auto !important;
}

.dept-block {
    text-align: center;
	margin-top: 30px;
}

.dept-icon {
    padding: 3px;
    width: 130px;
    height: 130px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F8F9FA;
    margin: auto;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	overflow: hidden;
}
.dept-icon img {
    max-width: 130px;
    max-height: 130px;
    width: auto !important;
}
.dept-desc {
    background: #ffffff;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    margin-top: -65px;
    padding-top: 65px;
	border:1px solid #ccc;
}