html, body {
    margin:0;
	padding:0;
	min-height:100%;
	direction:rtl;
	z-index:0;
	overflow-x:hidden;
	background:#e6e6e6;
    background:#f4f4f6 url(images/mainback.jpg) repeat-x;
      font-family:Sans-Serif;
      font-weight:100;
      -webkit-font-smoothing:antialiased;


}
a{
color:#efefef;
}
@font-face {
 font-family:segLight;
 src:url(fonts/segoeuil.woff);
 }
@font-face {
 font-family:segLight;
 src:url(fonts/segoeuil.woff);
 }
 @font-face {
 font-family:Choco;
 src:url(fonts/chocoreg.ttf);
 }
 
 @font-face {
	font-family: OpenSans-Light;
	src: url('fonts/OpenSans-Light.eot?') format('eot'), 
	     url('fonts/OpenSans-Light.woff') format('woff'), 
	     url('fonts/OpenSans-Light.ttf')  format('truetype'),
	     url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
}
@font-face {
 font-family:DejaVuSans-ExraLight;
 src:url(fonts/DejaVuSans-ExraLight.ttf);
 }
 @font-face {
 font-family:DejaVuSans;
 src:url(fonts/DejaVuSans.ttf);
 }
 a {
 text-decoration:none;
 }
 h4 {
 font-weight:500;
 font-size:18px;
 font-family:Sans-Serif;
 color:#89dc27;
 color:#74c316;
 margin:0;
 margin-top:14px;
 margin-bottom:8px;
 }
 
	
.topbar {
	position:relative;
	z-index:10;
	top:0;
	left:0;
	background:#d6edf6;
	background:url(images/topback1.png) repeat-x;
	width:100%;
	height:96px;
	margin:0;
	padding:0;
	text-align:center;
	
	
}
.topmenubar {
	position:relative;
	z-index:99999;
	background:#916d77;
	background:#886873;
	background:#886879;
	width:1024px;
	text-align:center;
	height:28px;
	max-height:28px;
	padding-top:4px;
	padding-bottom:4px;
	margin:0;
	margin-top:6px;
	margin-left:0px;
	display:inline-table;
	
	
}
.topmenubar ul {
	color:#f0f0f0;
	font-size:15px;
	list-style-type:none;
	margin:0px;
	padding:0;
    display:inline-block;
	white-space:nowrap;
	text-align:center;
    max-height:28px;

	
}
.topmenubar ul li {
	display:inline;
	padding:0px 28px 0px 28px;
		
	
}
.topmenubar ul li a{
	letter-spacing:1px;
    display:inline-block;
	position: relative;    
	padding-top:6px;
	padding-bottom:8px;
	
		
}
.logo{
  
	width:100%;
	text-align:left;
	height:48px;
	margin-top:6px;
	margin-left:100px;
	overflow:hidden;
	-webkit-transition: all 0.1s ease-in-out 1s;
   -moz-transition: all 0.1s ease-in 0.2s;
   -o-transition: all 0. ease-in 0.2s;
   -ms-transition: all 0.1s ease-in 0.2s;
   transition: all 0.1s ease-in 0.2s;
	
  
  
}
.maindivs {
width:1024px;
height:450px;
position:relative;
top:1px;
display:inline-block;
overflow:hidden;
padding:0;

}

.maindiv {
   	position:absolute;
	top:0px;
	height:450px;
	width:1024px;
	max-width:1024px;
    overflow:hidden;
	
}




.slogans {
    direction:rtl;
	position:absolute;
	left:18px;
	top:64px;
	padding:0px;
	text-align:center;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity:1;
	text-align:center;
	-webkit-transform: translate3d(0, 48px,0 );
  -moz-transform:  translate3d(0, 48px,0 );
   -ms-transform:  translate3d(0, 48px,0 );
   -o-transform:  translate3d(0, 48px,0 );
      transform: translate3d(0, 48px,0 );
	
    -webkit-transition: all 1.85s ease-in-out 2s;
	 -moz-transition: all 1.85s ease-in-out 2s ;
	  -ms-transition: all 1.85s ease-in-out 2s;
	  -o-transition: all 1.85s ease-in-out 2s;
	 transition: all 1.98s ease-in-out 2s;
     
     -webkit-backface-visibility: hidden;
	
}
.slgtitle,.slgtitles, .slgsub{
	color:#f9f7fd;
	font-size:22px;
	font-family:courier new,arial;
	font-size:38px;
	letter-spacing:4px;
	font-weight:400;
	text-align:center;
	position:relative;
	top:0px;
	z-index:99999;
	direction:rtl;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
     filter: alpha(opacity=88);
	opacity:0.88;
	direction:rtl;
}
.slgtitles {
	font-size:28px;
	letter-spacing:0px;
	
}
.slgsub {
    top:202px;
	left:0px;
	color:#844575;
	color:#5c485c;
	color:#221b22;
	letter-spacing:6px;
	font-weight:400;
	font-size:19px;
	font-style:italic;
	
}
.leftbot {
width:122px;
display:inline-table;
text-align:center;
position:absolute;
z-index:99999;
top:500px;
left:0px;
direction:rtl;
}
.leftbot a {
color:#698950;
color:#348d04;
display:inline-block
}
.leftbot a:hover {
color:#5a7c41;
color:#2c7604;
}
.leftbot a img {
margin-top:-8px;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.leftbot a:hover img {
margin-top:-4px;
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
#lefttop1 {
top:354px;
}
.botbar {
margin-top:64px;
width:100%;
text-align:center;
white-space:nowrap;
direction:ltr;
}
.botdiv {
  
 
	display:inline-block;
	text-align:center;
	width:480px;
	max-width:480px;
	
	vertical-align:top;
	font-size:18px;
	font-family:Sans-Serif;
	font-weight:100;
	letter-spacing:3px;
    direction:rtl;
	margin:28px;
	
   
	 
}
#botdiv1 {
	 
	 margin-right:28px;
	 
	
	}
	#botdiv2 {
	   
	margin-left:28px;
	

	}
.botdiv img {
	border:1px solid #cac1c4;
}
.botdiv a {
	margin-top:24px;
}
.botdiv .botsub {
	font-style:italic;
	font-size:16px;
	letter-spacing:3px;
	direction:rtl;
}
.vidframe,.glrfamebig ,.certframe{
position:absolute;
top:76px;
width:100%;
height:600px;
background:url(images/ytmonitor.png) no-repeat center top;
z-index:-1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:0;
display:none;
-webkit-transition: all 0.2s ease-in-out 1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.certframe {
background:transparent;
left:50%;
margin-left:-338px;
top:82px;
height:auto;
text-align:left;
}
#glrframe {
top:2480px;
background:url(images/glrmonitor.png) no-repeat;
margin-left:-351px;
}
.glrframebig {
background:url(images/glrmonitorbig.png) no-repeat;
margin-left:-412px;
display:inline;
}
#vidplayer {
position:relative;
z-index:99999;
width:854px;
height:520px;
background:#c9cad6;

}
#duovidplayer {
width:480px;
height:360px;

}
#glrplay {
width:702px;
height:510px;
overflow:hidden;
}
#glrplaybig {
width:822px;
height:600px;
}
#glrpic {
border:1px solid #bababa;
}
.scrollup,.scrolldown {
position:absolute;
width:100%;
height:1300px;
left:0;
top:0;
overflow:hidden;
-webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}

.vidclose,.glrzoom {
position:absolute;
top:8px;
left:-30px;
margin-left:-20px;
width:32px;
height:32px;
z-index:99999;
}
.vidplayerclose{
position:absolute;
width:100%;
text-align:center;
top:8px;
left:0px;
margin-left:-458px;
width:32px;
width:100%;
height:32px;
z-index:99999;
}
.glrzoom {
left:702px;
margin-left:20px;
}
.copyr {
    vertical-align:middle;
	line-height:14px;
	font-family:courier new;
	size:12px;
	font-weight:300;
	color:#f4eff4;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
	opacity:0.90;
	margin-top:4px;
}
.iconsml {
	position:relative;
	top:4px;
	margin-right:4px;
	margin-left:4px;
}
.arrows {
    background:transparent;
	position:absolute;
	width:100%;
	height:48px;
	top:316px;
	left:0px;
	z-index:999999;
	width:240px;
	left:50%;
	margin-left:120px;
	
}

.next,.next:hover {
	float:right;
	display:inline;
	margin-right:-2px;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=48)";
   filter: alpha(opacity=48);
	opacity:0.48;
	margin-top:0;
	margin-right:64px;
}
.prev,.prev:hover {
	float:left;
	display:inline;
	margin-left:-4px;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=48)";
    filter: alpha(opacity=48);
	opacity:0.48;
	margin-top:0;
	margin-left:64px;
}	
	
.prev:hover, .next:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
   filter: alpha(opacity=80);
opacity:0.8;
}
#garrows {
width:980px;
margin-left:-58px;
text-align:center;
top:232px;
}
#glrarrows {
width:820px;
margin-left:-58px;
text-align:center;
top:232px;
}
#gprev,#gnext {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
   filter: alpha(opacity=80);
opacity:0.8;
margin-left:0px;
margin-right:0px;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
#gprev:hover, #gnext:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:1;
margin-left:-10px;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;

}	
 #gnext:hover {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:1;
margin-right:-10px;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;

}	
.vcatgbar{
position:absolute;
width:840px;
top:-84px;
margin-left:10px;
text-align:center;
z-index:99999;
direction:rtl;
display:block;
overflow:hidden;
white-space:nowrap;
background:transparent;
-webkit-transform: translate3d(0, 36px,0 );
  -moz-transform:  translate3d(0, 36px,0 );
   -ms-transform:  translate3d(0, 36px,0 );
   -o-transform:  translate3d(0, 36px,0 );
      transform: translate3d(0, 36px,0 );
	
    -webkit-transition: all 1.85s ease-in-out 2s;
	 -moz-transition: all 1.85s ease-in-out 2s ;
	  -ms-transition: all 1.85s ease-in-out 2s;
	  -o-transition: all 1.85s ease-in-out 2s;
	 transition: all 1.98s ease-in-out 2s;
     
     -webkit-backface-visibility: hidden;

}

.glrtitle {
position:absolute;
font-family:Sans-Serif;
font-weight:100;
letter-spacing:2px;
font-size:18px;
direction:rtl;
color:#666768;
color:#478D21;
top:-32px;
width:380px;
left:340px;
margin-left:-190px;
text-align:center;



}
.selectvcatg,.selectedvcatg {
background:#e4e5e6;
display:inline-block;
margin-top:0px;
height:32px;
font-family:Sans-Serif;
font-weight:100;
letter-spacing:1px;
direction:rtl;
padding-top:6px;
width:33%;
}
.selectvcatg:hover ,.selectvcatg:hover a,.selectedvcatg, .selectedvcatg a {
background:#e4e5e6;
color:#3c8601;
color:#478D21;
font-weight:400;
}
.selectvcatg a{
font-family:Sans-Serif;
font-weight:100;
letter-spacing:1px;
direction:rtl;
color:#666768;
color:#1f1f1f;
}
.selectedvcatg a {
border:1px solid #478D21;
background:#dad8df;
padding:4px;
}
#catgbar {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity:0;
}

.tmbcontainer {
width:778px;
height:115px;
position:absolute;
top:610px;
left:39px;
margin:0;
padding:0;
text-align:center;
overflow:hidden;


}
.vthumbs {
position:relative;
z-index:99999;
text-align:left;
z-index:99999;
height:115px;
max-height:115px;
margin:0px;
padding:0;
display:inline-table;
white-space:nowrap;

}
#thumbs {
height:90px;
}

#vtmbarrows,#tmbarrows {
position:absolute;
top:653px;
left:0px;
width:880px;
margin-left:-10px;
text-align:center;
z-index:99996;

}
#tmbprev,#tmbnext ,#vtmbprev,#vtmbnext{
display:inline;
float:left;
opacity:0.8;
margin-left:12px;
margin-right:12px;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
#tmbnext ,#vtmbnext {
float:right;
}
#tmbprev:hover, #tmbnext:hover ,#vtmbprev:hover, #vtmbnext:hover{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:1;
margin-left:6px;
float:left;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;

}	
 #tmbnext:hover , #vtmbnext:hover{
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:1;
margin-right:6px;
float:right;
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}	
.vthumb ,.selectedvthumb{
position:relative;
border:1px solid #848484;
color:#f4f4f4;
display:inline-block;
width:150px;
margin:0 20px 0 20px;
text-align:center;
height:112px;
padding:0;
overflow:hidden;
z-index:99998;
}
#thumb ,.selectedthumb {
height:90px;
width:120px;
max-width:120px;
max-height:90px;
position:relative;
border:1px solid #848484;
color:#f4f4f4;
display:inline-block;
margin:0 20px 0 20px;
text-align:center;
padding:0;
overflow:hidden;
z-index:99998;
}
.vthumb .tmboverlay {
background-color:rgba(4,2,8,0.55);
background-color:rgba(0,0,4,0.55);
position:absolute;
left:0;
z-index:99998;
top:0;
height:112px;
width:150px;
color:#efefef;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;


 webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
 }
  #thumb .tmboverlay {
  width:120px;
  height:90px;
 }
  
.vthumb:hover  .tmboverlay  {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
 opacity:1;
 webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
 }
  
.vthumb  .vthumbpic{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:1;

-webkit-transform: scale(1,1);
  -moz-transform:  scale(1,1);
   -ms-transform:  scale(1,1);
   -o-transform:  scale(1,1);
      transform: scale(1,1);
-webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
  }
 
.vthumb:hover  .vthumbpic ,.selectedvthumb .vthumbpic ,.selectedthumb .vthumbpic   {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=36)";
   filter: alpha(opacity=36);
opacity:0.36;

 -webkit-transform: scale(2,2);
  -moz-transform:  scale(2,2);
   -ms-transform:  scale(2,2);
   -o-transform:  scale(2,2);
      transform: scale((2,2);
-webkit-transition: all 8s cubic-bezier (.25,.1,.25,1) ;
   -moz-transition: all 8s cubic-bezier (.25,.1,.25,1) ;
   -o-transition: all 8s cubic-bezier (.25,.1,.25,1) ;
   -ms-transition: all 8s cubic-bezier (.25,.1,.25,1) ;
   transition: all 8s cubic-bezier (.25,.1,.25,1) ;
}
.selectedvthumb .vthumbpic ,.selectedthumb .vthumbpic  {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
opacity:0.48;

}
.vthumb .tmboverlay  .minipbtn {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
	opacity:0.48;
}
.vthumb:hover a{
position:relative;
top:0;
left:0;
display:block;
width:150px;
height:112px;
cursor:pointer;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;

}

#thumb:hover a {
 width:120px;
 height:90px;
 position:relative;
top:0;
left:0;
display:block;
cursor:pointer;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;

 }
 
.selectedvthumb .tmboverlay {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
 opacity:1;
 }
.selectedvthumb .vthumbpic {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
 opacity:0.3;
 }

 .vthumb h4 {
 text-align:center;
 display:inline-block;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 opacity:0;
 color:#f4f4f4;
 color:#84c833;
 font-size:16px;
 font-family:Sans-Serif;
 font-weight:400;
 width:150px;
 -webkit-transform: scale(1.4,1.4 );
  -moz-transform:  translate3d(0, -36px,0 );
   -ms-transform:  translate3d(0, -36px,0 );
   -o-transform:  translate3d(0, -36px,0 );
      transform: translate3d(0, -36px,0 );
 webkit-transition: all 0.4s ease-in-out 0.1s;
   -moz-transition: all 0.4s ease-in-out 0.1s;
   -o-transition: all 0.4s ease-in-out 0.1s;
   -ms-transition: all 0.4s ease-in-out 0.1s;
   transition: all 0.4s ease-in-out 0.1s; 
   
 }

 
 .vthumb:hover h4, .selectedvthumb h4 {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
 opacity:1;
  -webkit-transform: translate3d(0, 36px,0 );
  -moz-transform:  translate3d(0, 36px,0 );
   -ms-transform:  translate3d(0, 36px,0 );
   -o-transform:  translate3d(0, 36px,0 );
      transform: translate3d(0, 36px,0 );
 webkit-transition: all 0.4s ease-in-out 0.1s;
   -moz-transition: all 0.4s ease-in-out 0.1s;
   -o-transition: all 0.4s ease-in-out 0.1s;
   -ms-transition: all 0.4s ease-in-out 0.1s;
   transition: all 0.4s ease-in-out 0.0s;
 }

 .vthumb span {
 
  text-align:center;
  position:relative;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 opacity:0;
 color:#cdcdcd;
 font-size:16px;
 font-family:Sans-Serif;
  font-style:italic;
 font-weight:200;
 width:150px;
 -webkit-transform: translate3d(0, -36px,0 );
  -moz-transform:  translate3d(0, -36px,0 );
   -ms-transform:  translate3d(0, -36px,0 );
   -o-transform:  translate3d(0, -36px,0 );
      transform: translate3d(0, -36px,0 );
 webkit-transition: all 0.4s ease-in-out 0.1s;
   -moz-transition: all 0.4s ease-in-out 0.1s;
   -o-transition: all 0.4s ease-in-out 0.1s;
   -ms-transition: all 0.4s ease-in-out 0.1s;
   transition: all 0.4s ease-in-out 0.1s; 
    }
  
 .vthumb:hover span,.selectedvthumb span {
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
 opacity:1;
  -webkit-transform: translate3d(0, 36px,0 );
  -moz-transform:  translate3d(0, 36px,0 );
   -ms-transform:  translate3d(0, 36px,0 );
   -o-transform:  translate3d(0, 36px,0 );
      transform: translate3d(0, 36px,0 );
 webkit-transition: all 0.4s ease-in-out 0.1s;
   -moz-transition: all 0.4s ease-in-out 0.1s;
   -o-transition: all 0.4s ease-in-out 0.1s;
   -ms-transition: all 0.4s ease-in-out 0.1s;
   transition: all 0.4s ease-in-out 0.0s;
 }