p {
  font-size: 15px;
  line-height: 25px;
}

section {
  padding: 25px 0 35px;
  background: #fff;
}

body { 
  position: relative;
  
  font-size: 18px;
}


.fixed-side-navbar {
  position: fixed;
  top: 50%;
  right : 0;
  z-index: 99999;
  margin-top: -100px;
  text-align: right;
  padding: 30px 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.fixed-side-navbar:hover {
  background: transparent;
}
.fixed-side-navbar:hover .nav > li > a > span {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  padding: 2px 12px;
  border-radius: 15px;
}
.fixed-side-navbar .nav > li a.active {
  background-color: transparent;
  color: black;
}
.fixed-side-navbar .nav > li a.active:after {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.fixed-side-navbar .nav > li a.active:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 10px;
}
.nav>li {
  position: relative;
  display: block;
}
.fixed-side-navbar .nav > li a {
  color: #fff;
  min-height: 32px;
  background: transparent;
  padding: 5px 45px 5px 25px;
  border-right: none;
}
.fixed-side-navbar .nav > li a span {
  display: none;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.fixed-side-navbar .nav > li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: rgba(250, 250, 250, 0.75);
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.fixed-side-navbar .nav > li a:hover {
  background-color: transparent;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: black;
  boder-right: 0;
}
.fixed-side-navbar .nav > li a:hover > span {
  color: black;
  display: block;
}
/*Nav1*/
/*---------------------------------------*/

.fixed-side-navbar1 {
  position: fixed;
  top: 50%;
  z-index: 99999;
  margin-top: -100px;
  text-align: left;
  padding: 30px 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.fixed-side-navbar1:hover {
  background: transparent;
}
.fixed-side-navbar1:hover .nav > li > a > span {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  padding: 2px 12px;
  border-radius: 15px;
}
.fixed-side-navbar1 .nav > li a.active {
  background-color: transparent;
  color: black;
}
.fixed-side-navbar1 .nav > li a.active:after {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.fixed-side-navbar1 .nav > li a.active:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 10px;
}
.nav>li {
  position: relative;
  display: block;
}
.fixed-side-navbar1 .nav > li a {
  color: #fff;
  min-height: 32px;
  background: transparent;
  padding: 5px 45px 5px 25px;
  border-right: none;
}
.fixed-side-navbar1 .nav > li a span {
  display: none;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.fixed-side-navbar1 .nav > li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 25px;
  height: 25px;
  border-radius: 10px;
  background: rgba(250, 250, 250, 0.75);
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.fixed-side-navbar1 .nav > li a:hover {
  background-color: transparent;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: black;
  boder-right: 0;
}
.fixed-side-navbar1 .nav > li a:hover > span {
  color: black;
  display: block;
}
/*----------------------------------------*/

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

/*Main DIV*/	
#main {
	width:100%;
	margin:0 auto;
	direction:rtl;
	text-align:justify;
}
/*------------------------------------------------------------------*//*SCNAV*/
	
/*------------------------------------------------------------------*/	
/*Main Menu*/	
.menuf{
	position:relative;
	width:100%;
	z-index:100;
	float:right;
}
.menus{
	position:fixed;
	height:70px;
	background-color :rgba(91,227,246,1);
	transition: width 2s;
	width:100%;
	z-index:30;
	float:right;
	transition: all ease-out 0.5s;
	margin-top : -50px;

}
.logo{
	float:left;
	position:relative;
	margin-top:10px;
	z-index:10000;
}	
.logo{
	float:left;
	position:relative;
	margin-top:10px;
	height:50px; 
	z-index:10000;
}
.logo img {
	float :left ;
	width : 150px;
	height : auto;
}	
.Name{
	float:right;
	position:relative;
	margin-top:10px;
	height:50px; 
	z-index:10000;
}
.Name img {
	width : 350px;
	height : auto;
}	
.mainmenuf{
	float:right;
	align-items: center !important;
	z-index : 50;
	}
.mainmenus{
	float:right;
	align-items: center !important;
	z-index : 50;
	margin-top : -160px
	}	
.arrow{
	visibility: hidden;
}	
.mainmenuf ul li{
	margin-right:1% !important;
}
.mainmenus ul li{
	margin-right:1% !important;
}
/*------------------------------------------------------------------*//*Slideshow*/
#slider	{
	position:relative;
	width :calc(100vw);
	}
#slideri	{
	width:100%;
	position:relative;
	 }	 
#video{
	width:100%;
	margin :-160px 0 0 0;
	 }
#slider img{
	width:100%;
	height : calc(100vh);
	margin-top : -122px;
}
.sliderimginfo{
	width:100%;
	margin-top : -160px;
}	  	  
.camera_caption_desc	{
	 font-weight:bold !important;
	 text-shadow: 2px 2px 2px #153D73;
	 float:left !important;
	 display: inline !important;
     position: relative !important;
	 font-family: bodyfont , Tahoma !important;
	}	
.camera_caption > div {	
     background-color:rgba(25,43,65,0.4) !important;*
     background: -moz-linear-gradient(top, rgba(1,46,87,0) 0%, rgba(1,46,87,0.7) 100%) !important;
     background: -webkit-linear-gradient(top, rgba(1,46,87,0) 0%,rgba(1,46,87,0.7) 100%) !important;
     background: linear-gradient(to bottom, rgba(1,46,87,0) 0%,rgba(1,46,87,0.7) 100%) !important;;
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00134772', endColorstr='#cc134772',GradientType=0 ) !important;}
.camera_pag_ul{
	float:left !important;
	margin-top:-55px !important;
	margin-left:90px !important;
	display: inline !important;
    position: relative !important;
	}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: rgpba(183,183,183,0) !important;
	border:1px solid;
	border-color:rgba(255,255,255,.8);	
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: rgba(183,183,183,0) !important;
	}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: rgba(255,255,255,1.00) !important;
}
/*------------------------------------------------------------------*/