@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: 'UniversNextArabic-Regular';
  src: url('font/UniversNextArabic-Regular.eot');
  src: url('font/UniversNextArabic-Regular.eot?#iefix') format('embedded-opentype'),
       url('font/UniversNextArabic-Regular.woff2') format('woff2'),
       url('font/UniversNextArabic-Regular.woff') format('woff'),
       url('font/UniversNextArabic-Regular.ttf') format('truetype'),
       url('font/UniversNextArabic-Regular.svg#UniversNextArabic-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body
	{
		font-family: 'HelveticaNeue','UniversNextArabic-Regular';
		overflow-x:hidden; 
		
	}
	
.top-menue
	{
		background:#0b8f4c;
		min-height:20px;
		
	}
.menue-top-in
	{
		padding:0;
		margin:0;
		float:left;
		overflow:hidden;  
	}
.menue-top-in li
	{
		list-style:none;
		display:inline-block;
		color:#fff;
		padding:6px 10px;
		margin:0 -2px;
		border-right: 1px solid #10ac5d;
    	border-left: 1px solid #075b31;
		 
	}
.menue-top-in li.first-child
	{
		border-right:none; 
	}
	
.menue-top-in li.last-child
	{
		border-left:none;
		 
	}
	
.menue-top-in li:hover
	{
		background:#0a7a41; 
	}
	
.logo
	{
		float:right; 
	} 
	
.navbar
	{
		box-shadow:1px 1px 2px #000;
		margin:0;
		border-radius:0 ;
		z-index:999; 
	}

.navbar-default .navbar-nav > li > a
	{
		font-family: 'HelveticaNeue';
		font-size:16px;
		color:#5c5858; 
	}	
	
.navbar-default .navbar-nav > li.active a
	{
		font-family: 'HelveticaNeue';
		font-size:16px;
		color:#99BD13; 
	}
	
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
	{
		font-family: 'HelveticaNeue';
		font-size:16px;
		color:#99BD13; 
		outline:none; 
	} 
.navbar-default .navbar-nav > li.active a:hover
	{
		font-family: 'HelveticaNeue';
		font-size:16px;
		color:#99BD13; 
	}
	
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
	{
		font-family: 'HelveticaNeue';
		font-size:16px;
		color:#99BD13; 
	}	
	
.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		margin-top:13px; 
	}	
	
.navbar-nav > li
	{
		padding:0 11px; 
	}
	
.modal
	{
		z-index:99999999999999;
		overflow:auto;
		overflow-y:auto;
		
	}

	
.slider2
	{
		padding: 0;
		
		position: relative;
		text-align:center;
		max-width:1400px;
		margin:0 auto;
		
		
	} 


.carousel-caption a
	{
		color:#fff;
		text-decoration:none; 
	}
	
#myCarousel .carousel-control .glyphicon
	{
		color:#fff; 
	}
#myCarousel .carousel-indicators .active 
	{
		background:#fff; 
	}
#myCarousel .carousel-indicators li 
	{
		border:1px solid #fff; 
	}


.nav li
	{
		position:relative;
		 
	}
	
.nav li:hover .sub-menu
	{ 
		height:auto;
		width:auto;
		top:50px;
		opacity:1;
		z-index:9999;
		padding: 20px 0 0 0;
		overflow:visible;
		
		
	}
	
.sub-menu
	{
		position:absolute;
		background:#fff;
		padding: 0px 0 0 0;
		margin: 0;
		min-width: 215px; 
		z-index:-9;
		top:400px;
		height:0px;
		width:0px;
		opacity:0;
		border-radius:0 0 10px 10px;
		overflow:hidden;
		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-menu a
	{
		color:#98BB23;
		text-decoration:none; 
	}
	
.sub-menu li
	{
		padding: 6px 15px;
		border-bottom: 1px solid #ccc;
		list-style: none;
		font-size:15px;
		
		
		 
	}
.sub-menu li:hover ,.sub-menu li a:hover
	{
		background:#99BE0D;
		color:#fff;
		padding: 6px 25px; 
		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-menu  li:hover  a
	{
		padding:0;
		color:#fff;
		
	}
	
.sub-sub-menu
	{
		position:absolute;
		background:#fff;
		padding: 0px 0 0 0;
		margin: 0;
		min-width: 230px; 
		z-index:-1;
		top:400px;
		height:0px;
		width:0px;
		opacity:0;
		overflow:hidden;
		border-radius:10px 0 0px 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;
		right: 215px; 
		z-index:-4;
		
	}
	
.sub-menu li:hover .sub-sub-menu
	{ 
		height:auto;
		width:auto;
		top:-2px;
		opacity:1;
		z-index:9999 !important;
		padding: 2px 0 0 0;
		right: 215px;
		
	}
	
.sub-sub-menu a
	{
		color:#999 !important; 
	}
	
.no-border-bottom li
	{
		border:none; 
	}
	
.about-section
	{
		background:#f3f1f2;
		min-height:100px; 
	}
/*----adding--------------*/
.no-padding
	{
		padding:0 !important; 
	}
body,html
	{
		height:100%; 
		background:#313237;
	}
	
.height
	{
		height:100% !important; 
	}
.position
	{
		position:relative; 
	}
.menus_top
	{
		position:fixed;
		top:40px;
		background:transparent;
		z-index:9999999;
		left:0;
		right:0;
		 
	}

.menus_top .container
	{
		border-bottom:1px solid #fff;
		padding:0;
		padding-bottom:20px; 
	}
	

.logo
	{
		float:left; 
	}

.logo img
	{
		width:170px; 
	}
.socail
	{
		float:right; 
	}
.socail ul
	{
		margin:0;
		padding:0; 
	}
	
.socail ul li
	{
		display: inline-block;
		list-style: none;
		color: #fff;
		font-size: 20px;
		border: 1px solid #fff;
		padding: 3px;
		border-radius: 30px;
		min-width: 38px;
		margin: 7px 5px 0 5px;
		text-align: center;;
	}
.socail ul li i
	{
		margin-top:5px;
	}

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

.carousel-indicators
	{
		right:5%;
		top:40%;
		margin-left:0;
		left:auto;
		width:auto;
		z-index:999; 
	}
.carousel-indicators li , .carousel-indicators li.active
	{
		margin:10px;
		top:auto !important;
		width:15px;
		height:15px; 
	}
.footer
	{
		position:fixed;
		bottom:10px;
		z-index:99;
		color:#fff;
		width:100%; 
	}
	

.float_left
	{
		float:left; 
	}	
	
.float_right
	{
		float:right;
		padding:0 40px 0 0; 
	}
		
.float_right img
	{
		margin-bottom:10px;
	}	
.carousel.vertical .item  img.big ,.carousel.vertical .item  img.small
	{
    	min-width:100%;
		min-height:100% !important;
		max-width:none !important;
	}

.carousel.vertical .item .layer4   {
  -webkit-transition: 1s ease-in-out top;
     -moz-transition: 1s ease-in-out top;
      -ms-transition: 1s ease-in-out top;
       -o-transition: 1s ease-in-out top;
          transition: 1s ease-in-out top;
}


.layer4 img
	{
		max-width:90% !important; 
	}

.layer4
	{
		position:absolute;
		z-index:99;
		width:100%;
		color:#fff; 
	}
.active .layer4 
	{		
		top:25%; 
	}
	
.next .layer4
	{
		top:100%;
	}
	
.prev .layer4
	{
		top:-100%;
	}
	
 .layer4
	{
		top:100%;
 
	}
.carousel.vertical .item .layer5  {
  -webkit-transition: 1.5s ease-in-out top;
     -moz-transition: 1.5s ease-in-out top;
      -ms-transition: 1.5s ease-in-out top;
       -o-transition: 1.5s ease-in-out top;
          transition: 1.5s ease-in-out top;
}	

.layer5 img
	{
		max-width:90% !important; 
	}

.layer5
	{
		position:absolute;
		z-index:99;
		width:100%;
		color:#fff; 
	}
.active .layer5 
	{		
		top:65%;
		opacity:1; 
	}
	
.next .layer5
	{
		bottom:-100%;
		opacity:0;
	}
	
.prev .layer5
	{
		top:100%;
		opacity:0;
	}
	
 .layer5
	{
		top:-100%;
		
 
	}
	
.carousel.vertical .item .layer6  {
  -webkit-transition: 2.5s ease-in-out top;
     -moz-transition: 2.5s ease-in-out top;
      -ms-transition: 2.5s ease-in-out top;
       -o-transition: 2.5s ease-in-out top;
          transition: 2.5s ease-in-out top;
}	

.layer6 img
	{
		max-width:90% !important; 
	}

.layer6
	{
		position:absolute;
		z-index:99;
		width:100%;
		color:#fff; 
	}
.active .layer6 
	{		
		top:19%;
		opacity:1; 
	}
	
.next .layer6
	{
		bottom:-100%;
		opacity:0;
	}
	
.prev .layer6
	{
		top:100%;
		opacity:0;
	}
	
 .layer6
	{
		top:-100%;
		
 
	}
.logofooter
	{
		/*text-align:right; */
	}
.layer6
	{	
		-ms-transform: rotate(360deg); /* IE 9 */
    	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    	transform: rotate(360deg);

	}

/*-------------------adding-------*/
.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 2s ease-in-out top;
     -moz-transition: 2s ease-in-out top;
      -ms-transition: 2s ease-in-out top;
       -o-transition: 2s ease-in-out top;
          transition: 2s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
	height:100%;
}

.small
	{
		display:none !important; 
	}
@media only screen and (max-width : 1000px) {	.layer6	{		display:none;	}}

@media only screen and (max-width : 768px) 
{
	.small
	{
		display:block !important; 
	}
	.big
	{
		display:none !important; 
	}
	.active .layer5.layer7
	{		
		top:45% !important;
	}
	.active .layer5
	{		
		top:65% !important;
	}
	.menus_top .container
		{
			padding:15px; 
		}
	.menus_top
	{
		top:10px; 
		z-index:9999;
	}
	.carousel.vertical .item  >img.big , .carousel.vertical .item  >img.small
	{
  		min-height:100% !important;
		width:auto;
		max-width:none;
	}
	.layer6
		{
			display:none; 
		}
	.layer5 .col-xs-3 , .layer6 .col-xs-3 , .layer4 .col-xs-3 , .layer5 .col-xs-5
	{
		width:50% !important;
	}
	
	.biglogo .col-xs-3 , .biglogo .col-xs-3 , .biglogo .col-xs-3 , .biglogo .col-xs-5
	{
		width:50% !important; 
	}
	.layer5 .col-sm-6
		{
			width:100% !important; 
		}
		
	
		
	.layer5 .col-sm-9
		{
			width:100% !important; 
		}
		
	.layer5 img {
    max-width: 100% !important;
}

.carousel-inner
	{
		min-height:600px !important; 
	}
.carousel-indicators
	{
		position:fixed; 
	}
}

@media only screen and (max-width : 380px) 
{
	.logo img
	{
		width:130px; 
	}
	
	.logofooter
		{
			float:right;
			text-align:right; 
		}
	.active .layer5
	{		
		top:70% !important;
	}
}