/*index*/
body {zoom:0.7;}
.btn9{
   border: none;
   background-color: transparent;
   width: 3%;
   height:3em;
   cursor: pointer;
   outline: none;  
}


#logo-header	{
        !zoom:0.83;
        background-color: #F5F5F5;
		width: 100%;
		height: 82px; 
		position: sticky;
		top: 0px;
		left: 0px;
		z-index: 1500;
! background-color: transparent;
! background-color: white;
	 }

XXXbodyXXX{ 

!zoom:90%;transition-duration:1.5s;
 ! zoom: 0.5;   
 ! background-size: 1200px 500px;            
 ! background-repeat: no-repeat;
 ! background-attachment: fixed;
 ! background-position: center; 
 ! top:0; 
 ! left: 0;
 ! right: 0; 
  

}
#mob-cr{
background-color: lightblue;
}

#shop-bar{
  
  width: 8%;
  top: 1000px;
  left: 1500px;
  z-index: 1500;
  !display: block;
  position: fixed;

 }
 
	
		
		
		  #prtb{
		      

		width:100%;
	
		position:sticky;
		top:0px;
		left:0px;
		z-index:1500;
		border-radius: 4px;
		margin: auto;
		/*
		       !zoom: 1.3;
       !background-color:#F5F5Fx5;
        !background-color:navy;
        	!height:82px; 
		!max-height:95%;
		!max-width:95%;
		!overflow:hidden;
		*/

		
		
		}
		
				  #footer{
				      /*
!zoom: 1.3;
       !background-color:#F5F5Fx5;
        !background-color:navy;
        		!position:sticky;
        		!max-height:95%;
		!max-width:95%;
		!overflow:hidden;
		width:100%;
		!height:82px; 
*/
		top:0px;
		left:0px;
		z-index:1500;
		border-radius: 4px;
		margin: auto;

		}
		#bkg{
		zoom:0.7;
			width:550px;
			 height:450px;
			!transition: 0.6s ease;
			!transition: background-color 0.6s ease;
			!transform: scale(0.8);
			}
			

		

	

		
/*	
		@ viewport {
  width: device-width ;
  zoom: 1.0 ;
}
*/
		/*
		@ viewport
		{
		    zoom:1.0;
		    width:extend-to-zoom;
		}
		
		*/
/*		
				div.logo-header {
  max-width:100%;
  margin: auto;
  border: 3px solid #73AD21;
}
*/		
		#sec1{
    color: #808080;
    font-size: 14px; 
    font-family:   orbitron-light;  
    }
    

    
    
    
      #footerX{
/*!zoom: 1.3;*/
background-color:#E5E8E8;
		width:100%;
		height:60px; 
		position:ticky;
		top:0px;
		left:0px;
		z-index:1500;
		border-radius: 4px;
		}	
 
    
    
        @font-face {
  font-family: orbitron-light;
  src: url(/fonts/orbitron-light.otf);
  }
        @font-face {
  font-family: orbitron-bold;
  src: url(/fonts/orbitron-bold.otf);
  }
        @font-face {
  font-family: orbitron-black;
  src: url(/fonts/orbitron-black.otf);
  }
        @font-face {
  font-family: orbitron-medium;
  src: url(/fonts/orbitron-medium.otf);
  }
  
  
          @font-face {
  font-family: FrutigerLTArabic;
  src: url(/fonts/FrutigerLTArabic/45Light.woff); /*orbitron-light*/
  }
  
      		#test11{
    color: blue;
    border:1px solid;
    font-size: 40px; 
    
    font-family:   FrutigerLTArabic; 
    }
    
  #tb1{
  !border:1px solid;
  !border:1px solid transparent;
   !width: 100%;
   height: 50%;
  !border: 0px solid transparent;
  !display: flex;
  !flex-wrap: wrap;
  !align-content: center;
}
  #tbx{
!border:1px solid;
!border:1px solid transparent;
		position:sticky;
		top:200px; /*240*/
		left:0px;
		z-index:1500;
		border-radius: 4px;
  !width: 100%;
  !height: 50%;
  !border: 0px solid transparent;
  !display: flex;
  !flex-wrap: wrap;
  !align-content: center;
}

  #tbx5{
   
!border:1px solid;
!border:1px solid transparent;
		position:sticky;
		top:200px; /*240*/
		left:0px;
		z-index:1500;
		border-radius: 4px;
  !width: 100%;
  !height: 50%;
  !border: 0px solid transparent;
  !display: flex;
  !flex-wrap: wrap;
  !align-content: center;
}

  #fixed-loginbox{
  background-color: transparent;
  width: 100%;
  margin-top :50px;
  margin-left : 0%;
  margin-right : 0%;
  z-index: 1500;
  display: block;
  position: sticky;
}	

		

	
  #login{
   font-family:   orbitron-light;
   background-color: #808080;
   border: none;
   color: white;
   font-size: 28px;
   border-radius: 4px;
   width: 160px; 
   cursor: pointer;
}
  #login:hover{
  background-color: #b4cb46 ;
}
  #username,#password{
   outline:none; 
   background-color: transparent;
   height:22px;
   width:180px;
   color: #9cb517;
   font-size:22px;
   font-weight:700;
   border: none;
   text-align:center;
   margin-left:0px;
   margin-top:-5px;
}
 #fd1,#fd2{
   background: transparent;
   width:200px;
   height:40px;
   border:2px solid #D3D3D3;
   margin: 10px 0px;
   margin-top: -10px;
   font-size:18px;
   font-weight:700;
   border-radius:6px;
  }
legend{
  padding: 2px 0px;
  color:black;
  text-align:left;
  font:105% orbitron-light;
  font-weight:700;
  }		
button#signup,#mobsignup{
   border: none;
   background-color: transparent;
   width: 3%;
   height:3em;
   cursor: pointer;
   outline: none;  
}
  #fd1:hover,#fd2:hover{ background-color: #F5F5F5 ;}

  #forgotpw{
  font:110%  orbitron-light;
  border: none;
  color: #808080;
  cursor: pointer;
  font-weight:700;
  border-radius: 4px;
  width: 200px; 
}
  #about,#contact{
  font:140%  orbitron-light;
  border: none;
  color: #808080;
  cursor: pointer;
  font-weight:700;
  border-radius: 4px;
  width: auto; 
  
display:inline-block;

}
 #contact:hover,#about:hover{  color:#9cb517;}
 
 

 #fb:hover 
  {
  !display:none;
  !background: url("/pics/twitter.png") no-repeat;
  !transition: transform .2s;
  !background-image: url(https://www.iboxf.com/pics/twitter.png);
  !height:48px;
  !width:48px;
  background:#9cb517;
   
  }
 #rep{
   color: red;
   background-color:transparent;
   text-align:center;
   font-size: 18px; 
   width:350px;
   overflow-wrap: break-word;
   }
   
 #cr{
	 
    color:#9cb517;
    background-color:transparent;
    font-size: 22px; 
    text-align:center;
    width:vm;
	
	
   !overflow-wrap: break-word;
   
   }
   
   
  #box4{zoom: 0.6;visibility:hXidden;}
  #box3{zoom: 0.6;visibility:hXidden;}	
  #box2{zoom: 0.6;visibility:hXidden;}	
  #box1{zoom: 0.6;visibility:hXidden;}	
  
  
    #price{
  font:130%  orbitron-light;
  border: none;
 !font-weight:700;
  color:#7B8F15;/*#669900 #7B68EE*/
  cursor: pointer;
  background-color:white; /*#F5F5F5*/
  cursor: pointer;
  border-radius: 4px;
 !display: flex; 
 !flex-wrap: wrap;
   }
 #price:hover{ background:white;color:#FFA500;}
   #price-bar1X{
  !background-color: <X? echo $pbg  ?>;
  width: 100%;
  top: 300px;
  left: 20px;
  z-index: 1500;
  background: transparent;   
 !display: block;
  position: absolute;
 !text-align:left;
 } 

   

   

   
   
   
   

   /******************************************************************/
   
   @media (max-width:600px){

/*#logo-header,#bkg,#prtb,#footer,#tb1,body{zoom:40%;}*/
/**{margin: 0;padding:0;}*/
!body{zoom:0.7;transition-duration:1.5s;}
!#bkg{width:450px;height:200px; text-align:center;}

/*#logo-header{display:none;}*/
/*#bkg{width:1200px;height:500px;}*/
/*#bkg{width:600px;height:250px;}*/
/*#mobheader{visibility:visible;width:vm;background-color:#99F;text-align:center;}*/

			}
			
			/***************************************Merquee********************************************/
			.bounce1, .bounce3,.bounce2, .bounce4 {
			
            height: 120px;
			width:100px;
            overflow:hidden;
            position: sticky;
            background: #fefefe;
            color: #333;
            !border: 3px solid #4a4a4a;
			border: none;
			

                }
				
				
        
        .bounce1 p, .bounce3 p {
			
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateY(100%);
            -webkit-transform: translateY(100%);
             transform: perspective(500px) translateZ(-60px);
            -moz-animation: bouncing-text 15s linear infinite alternate;
            -webkit-animation: bouncing-text 15s linear infinite alternate;
            animation: bouncing-text 2s linear infinite alternate;
			animation-delay:2s;
			
		
        }
		
		
				
				
        
        .bounce2 p, .bounce4 p {
			
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateY(100%);
            -webkit-transform: translateY(100%);
             transform: perspective(500px) translateZ(-60px);
            -moz-animation: bouncing-text 15s linear infinite alternate;
            -webkit-animation: bouncing-text 15s linear infinite alternate;
            animation: bouncing-text 2s linear infinite alternate;
			animation-delay:1s;
		
        }	
        
        @-moz-keyframes bouncing-text {
            0% {
                -moz-transform: translateX(100%);
				
				
            }
            100% {
                -moz-transform: translateX(-100%);
				
				
            }
			
        }
        
        @-webkit-keyframes bouncing-text {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
				animation-delay:2s;
            }
			
			
        }
        
        @keyframes bouncing-text {
				    100%   { transform: translateY(10vh) }
                    0% { transform: translateY(0%) }
				
           
        }


		/***************************************Merquee.********************************************/
		/*
#box1{
background:url('/pics/10gb.png') no-repeat 0 0;
}
*/
body{

!background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5));}
#box1:hover{

!background-image: url("/pics/1g.png"), url("/pics/1gx.png");



}