body {
}

ol.ListStyleNone 
{
    list-style-type: none;
}

A.linkTitleContent:link
{
	color: #444D58;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
}

A.linkTitleContent:active 
{
	color: #4CAF50;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:normal;
}

A.linkTitleContent:visited 
{
	color: #444D58;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
}

A.linkTitleContent:hover 
{
	color: #4CAF50;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:normal;
}

A.linkGreenTitleContent:link
{
	color: Green;
	Font-Size: 11pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;	
}

A.linkGreenTitleContent:active 
{
	color: #444D58;
    font-size: 11pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration:underline;
	font-weight:bold;
}

A.linkGreenTitleContent:visited 
{
	color: Green;
    font-size: 11pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:bold;
}

A.linkGreenTitleContent:hover 
{
	color: #444D58;
    font-size: 11pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: underline;
	font-weight:bold;
}

A.linkFooter:link
{
	color: #000000;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
    font-weight:bold;
}

A.linkFooter:active 
{
	color: #0667cb;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:normal;
	font-weight:bold;
}

A.linkFooter:visited 
{
	color: #000000;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:bold;
}

A.linkFooter:hover 
{
	color: #0667cb;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
    font-weight:bold;
}

A.linkMobileSubMenu:link
{
	color: #000000;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration:none;
		font-weight:bold;
}

A.linkMobileSubMenu:active 
{
	color: #4CAF50;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:bold;
}

A.linkMobileSubMenu:visited 
{
	color: #000000;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
		font-weight:bold;
}

A.linkMobileSubMenu:hover 
{
	color: #000000;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:bold;
}


/* ************************ Start Code MagazinelVersion ************************ */

.MagazinelVersion li{	
	float: left;
	display: inline;
    margin-top: 0px;
    margin-left: 0px;
	
	perspective: 500;	
	-webkit-perspective: 500; 
	
	transform-style: perserve-3d;	
	-webkit-transform-style: perserve-3d;
	
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	
	transition-property: perspective;
	-webkit-transition-property: perspective;
}

.MagazinelVersion li:hover{
	perspective: 5000; 
	-webkit-perspective: 5000; 
}

.MagazinelVersion li img{
  
	height: 450px;
	border-radius: 0.5em;
	border: 10px solid silver;
	box-shadow: 0 5px 10px #888;
	
	transform:rotatey(360deg);
	-webkit-transform:rotatey(360deg);
	
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	
	transition-property:transform;
	-webkit-transition-property:transform;
}

.MagazinelVersion li:hover img{
	transform:rotatey(0deg);	
	-webkit-transform:rotatey(0deg);	
}

/* ************************ End Code MagazinelAllVersion ************************ */

#mask {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9000;

  background-color: #000;

  display: none;

}

 

#boxes .window {

  position: absolute;

  left: 0;

  top: 0;

  width: 440px;

  height: 200px;

  display: none;

  z-index: 9999;

  padding: 20px;

  border-radius: 15px;

  text-align: center;

}

 

#boxes #dialog {

  width: 750px;

  height: 300px;

  padding: 10px;

  background-color: #ffffff;

  font-family: 'Segoe UI Light', sans-serif;

  font-size: 15pt;

}

 

#popupfoot {

  font-size: 16pt;

  position: absolute;

  bottom: 0px;

  width: 250px;

  left: 250px;

}




/* ************************ Image Style Hover ************************ */
.container {
  position: relative;
  width: 205px;
  height: 92px;
}

.image {
  display: block;
  width: 145px;
  height: 145px;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #0667cb;
  overflow: hidden;
  width: 0;
  height: 92px;
  transition: .5s ease;
}

.container:hover .overlay {
  width: 205px;
  left: 0;
 height: 92px; 
}

.text {
  color: white;
  font-size: 12pt;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* ************************ Image Style Hover ************************ */

.containerOne {
  position: relative;
  width:145px;
  height:145px;
}

.imageOne {
  display: block;
  width:145px;
  height:145px;
}

.overlayOne {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #009641;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containerOne:hover .overlayOne {
  height: 30%;
}

.textOne {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


A.linkMenu:link
{
	color: #ffffff;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
    font-weight:bold;
}

A.linkMenu:active 
{
	color: #000000;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:normal;
	font-weight:bold;
}

A.linkMenu:visited 
{
	color: #ffffff;
	Font-Size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight:bold;
}

A.linkMenu:hover 
{
	color: #000000;
    font-size: 10pt;
	font-style: normal;
    font-family: 'Droid Arabic Kufi', serif;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
    font-weight:bold;
}