/*
Des By Mouad Hussein m3az.hussein@gmail.com
*/


@font-face {
  font-family: 'Frutiger';

  src: url('../fonts/FrutigerLTArabic-45Light.ttf');
  src: url('../fonts/FrutigerLTArabic-45Light.ttf?#iefix') format('embedded-opentype'), url('../fonts/FrutigerLTArabic-45Light.ttf') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/FrutigerLTArabic-45Light.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.pad-70{
padding-top: 70px;
}

.pull-right {
    float: right!important;
}

.arrow{
font-size: 110px !important;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    margin-top: -44px;
    color: #71CA95 ;
}

html {
    direction: rtl;
}

body{
	font-family: Frutiger;
	font-size: 16px !important;
	text-align: right;
	line-height:1.9;
}

a{
	transition:.3s;
	font-size: 14px;
}


.navbar-header {
   
	
}

.navbar-brand {

}

a.logo{

}

a.logo img{
	padding-top: 20px;
	width: 50%;
	min-width: 250px;
	float: left;
}


/*NavBar*/

.nav{
	padding: 0 !important;
}

.navbar-collapse.in{
	overflow-y: inherit !important;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-menu{
	right: 0;
}

@media (min-width: 1365px){
.navbar-nav>li {
	float: right !important;
}}

.navbar{
	background-color: #000;
	text-align: right !important;
	border: none;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-weight: bold;
	font-size: 20px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
	background-color: #209763;
}

@media (min-width: 1365px){
.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 10px;
}}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color: #fff;
    background-color: #0c6893;
}


.dropdown-menu>li>a {
	text-align: right;
	color: #0c6893;
	
}

.dropdown-menu>li>a:hover {
	color: #fff;
    background-color: #0c6893;
}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #0c6893;
	text-align: right;
	font-size: 16px;
}}

@media (min-width: 768px){
.navbar-nav>li {
	float: right !important;
}}

@media (min-width: 768px){ .navbar-nav>li>a {
	padding-top: 5px;
    padding-bottom: 10px;
}}

@media (min-width: 768px){
.navbar-nav {
	float: left;
}}

.nav>li>a{
	padding: 35px 13px !important;
}


/*start ads*/

a.box-title-ads{
	text-decoration: none;
    font-weight: bold;
    color: #209763;
	display: block;
}


ul.ads{
	list-style: none;
	padding-right: 0;
}

ul.ads li {

}

ul.ads li a {
	display: flex;
	padding: 25px 0;
	background-color: #fff;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #d7d7d7;	
	
}

ul.ads li a:hover {
	background-color: #f3f3f3;
	color: #209763;
}

span.ads-dot{
	float: right;
	font-size: 12px;
	margin: 3% 0;
	color: #209763;
}

span.ads-text{
	float: right;
	padding-right: 15px;
}

ul.ads li a.more{
	display: block;
	text-align: center;
	background-color: #d7d7d7;
	color: #828282;
}

ul.ads li a.more:hover{
	background-color: #e8e8e8;
}

/*end ads*/



/*Start Slider*/

.carousel {
  max-height: 570px;
  overflow: hidden;
}

.slide{
	height: 365px !important;
}
.fill{
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}

html,body{height:100%;}
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}


.carousel-caption{
	color: #fff !important;
	padding: 5px 20px !important;
	bottom: 50px !important;
	font-weight: bold;
	right: 30% !important;
	left: 30% !important;
	background-color: #0c6893;
	opacity: 0.8;
	font-size: 25px;
}

.carousel-caption:hover{
	opacity: 1;
}

/*---Articles---*/

a.box-title-article{
	text-decoration: none;
    font-weight: bold;
    color: #209763;
	display: block;
}


.margin-top{
	margin-top:70px;
}

a.link-article{
	display: block;
	text-decoration: none !important;
	color: #000;
    padding: 5px 0;
}

a.link-article:hover{
	color: #209763;
	background-color: #f3f3f3;
}

a.link-article h3 {
	font-size: 20px;
	margin: 5px 0 5px 0;
	font-weight: bold;
}

.article-img-box{
	overflow: hidden;
	height: 179px;
	margin-bottom: 5px;
}

.article-img-box .article-img{
	height: 300px;
	min-width: 100%;
	min-height: 100%;
	transition:.3s;
}

.article-img-box .article-img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

a.link-article .article-temp{
	font-size: 12px;
}

a.link-article .article-date{
	font-size: 12px;
}


/*end Articles*/




/*start services*/

a.box-title-services{
	margin: 30px auto 20px auto;
	text-decoration: none;
	display: block;
	height: 50px;
	font-size: 40px;
	font-weight: bold;
	color: #209763;
	width: 110px;
}
.box-title-services2{
	margin: 30px auto 20px auto;
	text-decoration: none;
	display: block;
	height: 50px;
	font-size: 40px;
	font-weight: bold;
	color: #CEF1DC;
	text-align:center;
}

div.services-bg{
	background-color: #ebebeb;
    overflow: hidden;
}


.margin-side{
	margin: 0 50px 50px 0;
}

.none-padding{
	padding: 0 !important;
}

a.serv-link{
	color: #525252;
    font-size: 20px;
    background-color: #c7c7c7;
    text-decoration: none;
    margin: 30px auto;
    text-align: center;
    font-weight: bold;
	border-radius: 50%;
    display: block;
    width: 150px;
    height: 150px;
}

a.serv-link:hover{
	color: #209763;
}

a.serv-link img{
	margin-top: 15px;
}

a.serv-link span.serv-name{
	position: absolute;
    bottom: -7px;
	width: 100%;
    right: 0;
}

a.serv-link:hover{
	background-color: #71caa3;
}

/*end services*/


/*start news*/

a.box-title-news{
	margin: 30px auto 20px auto;
	text-decoration: none;
	display: block;
	height: 50px;
	font-size: 40px;
	font-weight: bold;
	color: #209763;
	width: 110px;

}

.margin-top{
	margin-top:100px;
}

a.link-new{
	display: block;
	text-decoration: none !important;
	color: #000;
    padding: 10px;
}


a.link-new:hover{
	color: #209763;
}

a.link-new h3 {
	font-size: 20px;
	margin: 5px 0 30px 0;
	font-weight: bold;
	text-align: center;
}

a.link-new p.details {
	font-size: 16px;
	text-align: center;
	margin: -20px 0 20px 0;
}

.new-img-box{
	overflow: hidden;
	height: 200px;
	margin-bottom: 5px;
}

.new-img-box .new-img{
	height: 200px;
	min-width: 100%;
	min-height: 100%;
	transition:.3s;
}

.new-img-box .new-img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

a.more-news{
	width: 70px;
    background-color: #71caa3;
    display: block;
    font-size: 50px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-bottom: 15px;
    position: absolute;
    top: 124px;
    left: 0px;
}

a.more-news:hover{
	background-color: #378a65;
}




/*end News*/



/*start team*/

a.box-title-team{
	margin: 30px auto 20px auto;
	text-decoration: none;
	display: block;
	height: 50px;
	font-size: 25px;
	font-weight: bold;
	color: #209763;
	width: 100%;
	text-align: center;
	float: right;
}


div.services-bg{
	background-color: #ebebeb;
    overflow: hidden;
	padding: 35px;
}


.margin-side{
	margin: 0 50px 50px 0;
}

.none-padding{
	padding: 0 !important;
}

a.member-link{
	color: #525252;
    font-size: 20px;
    background-color: #fff;
    text-decoration: none;
	display: block;
    text-align: center;
    font-weight: bold;
	padding: 15px;
}

div.img-circle{
	margin: auto auto;
	border-radius: 50%;
    width: 120px;
    height: 120px;
	overflow: hidden;
	box-shadow: 0 0 0 2px white, 0 0 0 4px #bcbcbc;
}

div.img-circle:hover{
	box-shadow: 0 0 0 2px white, 0 0 0 6px #a4dac3;
}

a.member-link:hover{
	color: #209763;
}

a.member-link img{
	width: 120px;
}

a.member-link span.member-name{

}

a.member-link span.member-des{
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}

a.member-link:hover{
	background-color: #f3f3f3;
}

.border-team{
	border-bottom: 2px solid #a1a1a1;
	width: 100%;
	display: block;
	float: right;
	margin-top: 50px;
}


/*end team*/




/*--footer--*/

.no-padding{
	padding: 0 !important;
}

.footer{
	background-color: #363636;
}

ul.footer-menu{
	list-style: none;
	padding: 15% 0;
}

ul.footer-menu li{

}

ul.footer-menu li a{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 35px;
	text-decoration: none;
}

ul.footer-menu li a:hover{
	color: #209763;
}

ul.footer-services{
	text-align: left !important;
}

a.iug-logo{
	margin: 120px auto 10px auto;
    width: 300px;
    display: block;
}

a.iug-logo img{
	width: 300px;
}


ul.social-media {
	list-style: none;
	width: 200px;
	margin: 30px auto;
}

ul.social-media li {
	float: right;
}

ul.social-media li  a{
	font-size: 20px;
	width: 40px;
	height: 40px;
	display: block;
	padding: 7px;
	text-align: center;
	margin-left: 5px;
}

ul.social-media li  a.facebook{
	background-color: #ebebeb;
	color: #363636;
}

ul.social-media li  a.facebook:hover{
	background-color: #208cdf;
	color: #fff;
}

ul.social-media li  a.youtube{
	background-color: #ebebeb;
	color: #363636;
}

ul.social-media li  a.youtube:hover{
	background-color: #df2028;
	color: #fff;
}

ul.social-media li  a.flickr{
	background-color: #ebebeb;
	color: #363636;
}

ul.social-media li  a.flickr:hover{
	background-color: #df20d4;
	color: #fff;
}

/* <RadMenu / Simple> */

.RadMenu_Simple ul.rmRootGroup,
.RadMenu_Simple div.rmRootGroup
{
	padding: 0 0;
	background-color: Transparent;
	height:30px;    
}

/* <Root items> */

.RadMenu_Simple,
.RadMenu_Simple .rmLink
{	text-decoration: none;
	height:29px;
	
}
.RadMenu .rmHorizontal .rmText {
    padding: 35px 13px !important;
	    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.RadMenu_Simple .rmItem .rmLink
{
	padding:0 5px 0 0;
}

.RadMenu_Simple .rmItem .rmLink .rmText
{
	padding-right: 0;
}
.RadMenu_Simple .rmItem .rmLink .rmText:hover,
.RadMenu .rmHorizontal .rmItem:hover,
.RadMenu a.rmLink:hover
{
    color: #fff;
    background-color: #209763;
	cursor:pointer;
	text-decoration: none;
}
/* submenu */
.RadMenu .rmVertical .rmText, .RadMenu .rmHorizontal .rmVertical .rmText {
    padding: 12px !important;
	font-size:16px !important;
	
}
.RadMenu .rmVertical .rmText:hover, .RadMenu .rmHorizontal .rmVertical .rmText:hover {
    text-decoration: none;
}
/* end */
.RadMenu a.rmLink{
	color: #ACE8E3;
}
ul.rmVertical {
    background: #524B4B;
	margin-top:4px  !important;
}
.rmVertical li a.rmLink {
    color: #2d3e4c !important;
}
.rmVertical li a.rmLink:hover {
    color: #fff !important;
}
.nav-toggle.active i::before, .nav-toggle.active i::after {
  background: #2e2e2e;
}
.nav-toggle i {
  color: #252525;
  background: #252525;
}

.nav-toggle i::before, .nav-toggle i::after {
  background: #252525;
}