html, body,.scrolledup {
    margin:0;
	padding:0;
	z-index:0;
	overflow-x:hidden;
	overflow-y:auto;
	background:#e6e6e6;
    background:#ebebef;
	background:#f6f6f8;
	background:#f0f0f8;
       font-weight:400;
      -webkit-font-smoothing:antialiased;
font-family:roboto, sans-serif;
height:auto;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,200,100,100italic,300italic,400italic,200italic);
 
.scrolledup {

 transform: translate3d(0,0,0);
  webkit-transition: all  ease 2s;
   -moz-transition: all  ease-out 2s;
   -o-transition: all  ease-out 2s;
   -ms-transition: all  ease-out 2s;
   transition: all  ease 2s;
}


@font-face {
 font-family:phagspa;
 src:url(fonts/phagspa.woff);
}
@font-face {
 font-family:phagspab;
 src:url(fonts/phagspab.woff);
}



img , object {
 max-width: 100% !important;
height:auto !important;
}

b {
	font-weight:700;
}
a{
color:#efefef;
}

 @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');
}

 
 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;
 }

	

.menubtn {
	position:absolute;
	width:64px;
	right:48px;
	top:28px;
	z-index:20;
	background:transparent;
}

.menubtn a{
color:#348d04;
}
.menubtn a {
letter-spacing:0px;
font-size:133px;
font-weight:700;
}


.topbar  {
    position:absolute;
	top:0px;
	margin:0px;
	left:0px;
	z-index:10;
	font-family:Gisha,sans-serif;
	font-size:18px;
	font-weight:200;
	background:#e8eaeb url(images/topback1.png) repeat-x;
	height:72px;
	width:100%;
	max-width:100%;
	background:rgba(24,24,24,1);



}
.topleftbar {
position:absolute;
left:0;
margin-left:0;
top:0px;

}
.logo{
	
    position:absolute;
	top:0px;
	margin-top:0px;
	display:inline;
	white-space:nowrap;
    text-align:center;
    left:36px;
	left:24% !important;
	margin-left:0px !important;
    top:14px;
	width:250px;

}
.menubtn {
	position:absolute;
	width:24px;
	height:24px;
	left:14px;
	top:54px;
	z-index:999;
}
.menubtn a {
left:14px;
margin:0;
}
.mainbanner,.mainbanneropen {
	z-index:99990;
	width:1280px;
	height:580px;
	position:absolute;
	top:126px;
	overflow:hidden;
	left:50%;
	margin-left:-640px;
	
}


	
.maindiv {
   	position:absolute;
	top:0px;
	left:0px;
	height:580px;
	width:1280px;
    overflow:hidden;
	z-index:99990;
	}
.openpic {
width:1280px;
height:580px;
}
.mobpic {
display:none;
}


#nobarback {
background:transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
	opacity:1;
	/*background:url(images/slgback2.png) repeat;*/
/*background:rgba(75,169,221,0.36);*/
	
}


#lefttop1 {
top:354px;
}
.leftbot {
width:122px;
display:inline-table;
text-align:center;
position:absolute;
z-index:99999;
top:458px;
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;
}
#lefttop2a,#lefttop2b,#lefttop3 {
top:350px;
direction:rtl;
}
#lefttop2b {
left:438px;
direction:rtl;
}
#lefttop2a img,#lefttop2b img {
margin-top:2px;
}
.botbar,.pagebotbar{
	position:absolute;
	top:828px;
	width:100%;
	margin-bottom:24px!important;
	vertical-align:top;
	display:inline-block;
	text-align:center;
	
}
.pagebotbar, .pagebotbar img{
overflow-x:hidden;
}
.pagebotbar,.pagebotsld {
top:688px;
display:inline-block;
text-align:center;
white-space:nowrap;
white-space:nowrap;
width:1024px;
left:50%;
margin-left:-512px;
overflow:hidden;
text-align:center;
}
#techbotbar {
top:860px;
}
#cellpagebotbar {

}
.botphotor {
float:right;
text-align:center;
margin-left:24px;
width:44%;
height:auto;
overflow:hidden!important;
max-width:46%;

}
.botphotol {
float:left;
text-align:center;
margin-left:24px;
width:44%;
height:auto;
overflow:hidden!important;
max-width:46%;

}
.botsubtitle,.botsubsubtitle{
font-size:24px;
	font-weight:100;
	color:#242424;
	color:#121212;
	margin:auto;
	margin-top:12px;
	margin-bottom:18px;
	font-family:roboto,phagspa!important;
   	text-align:center;
	width:1024px !important;
	overflow:hidden!important;
}
.bottitle,.bottitlel,.bottitler,.botsubtitle,.botsubsubtitle {
	font-size:20px;
	font-family:roboto,phagspa!important;
	font-weight:100;
	color:#242424;
	color:#484848;
	
	margin-top:24px;
    width:46%;
	text-align:center;
overflow:hidden!important;
}
.bottitle{
font-size:26px;
margin-bottom:24px;
font-style:regular!important;
color:#91ab00;
color:#242424;
}
.botsubsubtitle {
color:#628819;
font-size:16px;
font-weight:700;
font-family:roboto,phagspa!important;
}
.botsubtitle{
width:100% !important;
text-align:center !important;
min-width:100%;
display:inline;
}
#cellbotsubtitle{
font-size:24px;
	font-weight:100;
	color:#242424;
	color:#121212;
	margin:auto;
	margin-top:12px;
	margin-bottom:18px;
	font-family:roboto,phagspa!important;
	width:100%!important;
	text-align:center;
	}
.botdiv {
    position:relative;
	display:inline-block;
	text-align:center;
	width:33%;
	max-width:420px;
	vertical-align:top;
	border:0px;
	color:#46951a;
	color:#d0860b;
	color:#91ab00!important;
	overflow:hidden;
	width:360px;
	height:360px;
}
.botdiv a {
	margin-top:24px;
}
.botdiv img{
margin-top:14px;
border:1px solid #f6f6f6;
width:360px;
height:auto;
position:relative;
z-index:99990;
margin-top:0px;
}
.botsub {
overflow:hidden;
margin-bottom:0px;
position:relative;
z-index:999;
padding-top:0px;
margin-top:-24px;

}
.botsub a{
display:block;
max-height:288px;

}
.caseover  {

position:absolute;
z-index:999999;
background:rgba(184,215,126,0.8);
color:#242424;
font-size:16px;
max-width:360px;
margin:0px;
height:96px;
bottom:-100px;
left:0px;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity:0;
white-space:normal!important;
line-height:20px;
vertical-align:middle;
padding:0px;
display:inline-block;
line-height:18px;

}

.caseover .text{
white-space:normal!important;
padding:0 4px 0 4px;
max-width:96% !important;
max-height:96px;
color:#484848;
font-size:15px;
font-weight:700;
text-align:center!important;
line-height:18px;
vertical-align:middle;
position:relative;
top:16px;


}
#case1:hover .caseover ,#case2:hover .caseover,#case3:hover .caseover{
bottom:0px;
white-space:wrap;
position:absolute;
z-index:99999;
left:0px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
opacity:1;
white-space:wrap!important;

}

 


.vidframe,.glrfamebig {
position:absolute;
left:50%;
margin-left:-408px;
top:1400px;
width:100%;
z-index:-1;
background:url(images/ytmonitor.png) no-repeat;
background:url(images/ytmonitor.png) no-repeat;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
opacity:1;
display:none;
-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;
}
.vidframe {
z-index:999999;

}


#glrframe {
top:2480px;
background:url(images/glrmonitor.png) no-repeat;
margin-left:-351px;
}
.glrframebig {
background:url(images/glrmonitorbig.png) center top  no-repeat;
margin-left:-412px !important;
display:inline;
}
#vidplayer {
position:relative;
z-index:99999;
width:840px;
height:510px;
}
#glrplay {
width:702px;
height:510px;
overflow:hidden;
}
#glrplaybig {
width:822px;
height:600px;
}
#glrpic {
border:1px solid #bababa;
position:absolute;
top:10px;
left:1px;
display:inline-block;
max-width:682px;

}
.scrollup {
position:absolute;
margin-bottom:4px !important;
float:left;
}

.credit {
clear:both;
position;absolute;
bottom:0 !important;

}

#txtclose {
top:8px;
left:24px;
}

.vidclose,.glrzoom {
position:absolute;
top:8px;
left:-30px;
margin-left:-20px;
width:32px;
height:32px;
z-index:99999;
}
.glrzoom {
left:702px;
margin-left:20px;
}
.copyr {
    vertical-align:middle;
	line-height:14px;
	font-family:courier new;
	font-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;
}
.menubtn {
position:absolute;
top:36px;
left:24px;
width:26px;
height:26px;
padding-top:2px;
}
.menubtn a {
font-weight:700;
font-size:15px;
}
.arrows {
    background:transparent;
	position:absolute;
	width:100%;
	height:48px;
	top:316px;
	left:0px;
	z-index:999;
	
	
}

.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;
}
.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;
}	
	
.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;
z-index:99996;



}
.selectvcatg,.selectedvcatg ,.selectglrcatg{
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%;
color:#478D21;
}
.selectvcatg:hover ,.selectvcatg:hover a,.selectedvcatg, .selectedvcatg a {
background:#e4e5e6;
color:#3c8601;
color:#478D21;
font-weight:400;
}
.selectvcatg a,.selectglrcatg a{
font-family:sans-serif;
font-weight:100;
letter-spacing:1px;
direction:rtl;
color:#666768;
color:#1f1f1f;
color:#98f980;
color:#478D21;
}
.selectedvcatg a {
border:1px solid #478D21;
padding:4px;
padding-top:14px;
color:#478D21;
}
.selectglrcatg {
width:140px;
height:360px;
margin:2px;
overflow:hidden;
text-align:center;
background:url(images/glrcatgback.png);
}
.selectglrcatg a {
color:#a7fa86;
width:140px;
padding:0;
position:relative;
}
.selectglrcatg img {
margin-top:14px;
max-width:none !important;

}
.selectglrcatg:hover a {
top:-24px;
position:relative;
-webkit-transition: all 0s ease-in-out 3s;
-moz-transition: all 0.01s ease-in-out 3s ;
-ms-transition: all 0.01s ease-in-out 3s;
-o-transition: all 0.01s ease-in-out 3s;
transition: all 0s ease-in-out 3s;

}
.selectglrcatgtitle {
font-size:22px;
position:relative;
top:48px;
}
#glrcatgbar {
width:100%;
text-align:center;
left:0px;
top:28px;
opacity:1;
z-index:99999;
position:absolute;
top:38px;
width:100%;
z-index:999999;
text-align:center;

}

.selectglrcatg {
overflow:hidden;
width:140px;
height:400px;
position:relative;
top:-64px;

}
#catgbar {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity:0;
}
.br {
display:none;
}
 
.catgcot {
position:relative;
z-index:99999;
width:140px;
white-space:wrap;
top:32px;
height:32px !important;
padding-top:18px;
background:url(images/glrcatgback.png) !important;
color:#a7fa86;
top:82px !important;
}
.tmbcontainer {
width:778px;
height:115px;
min-height:115px !important;
position:absolute;
top:610px;
left:39px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
z-index:99999;


}
#glrtmbcontainer {
left:-17px;
width:740px;
margin:0px;
}

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


}
#thumbs {
height:90px;
width:740px;
}

#vtmbarrows,#tmbarrows {
position:absolute;
top:653px;
left:0px;
width:880px;
margin-left:-10px;
text-align:center;
z-index:99996;
}
#tmbarrows {
width:832px;
left:-54px;
}
#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;
}

.vthumb .tmboverlay {
background:url(images/tmboverback.png) repeat;
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=48)";
  filter: alpha(opacity=48);
opacity:0.48;

}
.vthumb .tmboverlay  .minipbtn {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=48)";
   filter: alpha(opacity=48);
	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 ,.selectedthumb {
height:90px;
width:120px;
max-width:120px;
max-height:90px;
position:relative;
border:1px solid #848484;
color:#f4f4f4;
display:inline-block;
margin:0 15px 0 15px;
text-align:center;
padding:0;
overflow:hidden;
z-index:99998;
}
#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;
 top:32px;

 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
 opacity:0;
 color:#cdcdcd;
 font-size:15px;
 font-family:sans-serif;
  font-style:regular;
 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;
 }
 
 
.openabout {
direction:rtl;
text-align:right;
position:absolute;
margin-left:0;
padding-right:36px;
background:#E5E6E8;
height:auto;
z-index:-1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
visibility:hidden;
box-shadow: 0px 2px 4px #888888;
}
.openabout h2 {
direction:rtl;
text-align:right;
font-family:Gisha;
font-size:23px;
font-weight:normal;
color:#3c6e02;
font-family:sans-serif;
text-align:center;
}
.openabout ul {
direction:rtl;
text-align:right;
width:700px;
margin-top:-16px;
margin-right:130px;
max-width:700px;
line-height:19px;

}
#openabout1 ,#openabout2,#openabout3{
display:inline-block;
position:absolute;
top:-547;
background:#e6e5e6;
text-align:center;
direction:rtl;
margin:0;padding:0px;
padding-top:0px;
width:960px;
left:50%;
margin-left:-480px;
height:546px;
max-height:546px;
overflow-y:hidden;
opacity:0.90;
 filter: alpha(opacity=90);z-index:999999;margin-top:0px;

}

#openabout2 ul {
display:inline-block;
margin-right:280px;
margin-top:28px;
line-height:22px;
font-size:18px;
width:600px;
}
#openabout2 .moreinfo {
position:absolute;
top:465px;
left:154px;
}
#openabout2 .moreinfo a {
color:#539d01;
font-size:14px;
}
#openabout2 .moreinfo a img {
margin-top:-8px;
}
#openabout2 .moreinfo 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;
}
.openabout #ul2 {
margin-top:-14px;
margin-right:300px;
max-width:380px;
white-space:wrap;
text-align:right;
}
.openabout li {
padding-right:4px;
font-size:15px;
font-weight:normal;
}
.openabout img {
margin-left:4px;
}
.infowin {
width:100%;
position:absolute !important;
top:0px;
left:0px;
background:#cccccc;
z-index:-1;
visibility:hidden;
overflow-y:hidden;
text-align:center;
display:inline-block;
}
.infoifr {
position:relative;
top:24px;
width:980px;
max-width:94%;
z-index:999999;
background:#cccccc;
display:inline-block;
overflow-y:hidden;
}
#infoclose {
position:absolute;
top:32px;
left:24px;
z-index:999999;
}
#openabout3 {
text-align:center;
display:inline-table;
}
#openabout3 ul {
display:inline-block;
margin-right:266px;
margin-top:0px;
line-height:28px;
font-size:18px;
width:600px;
}
#openabout3 li {
font-size:16px;
}
#openabout3 h2 {
line-height:32px;
}
#openabout3 .moreinfo {
position:relative;
top:25px;
display:inline-block;

}
#openabout3 .moreinfo a {
color:#539d01;
font-size:14px;
}
#openabout3 .moreinfo a img {
margin-top:-8px;
}
#openabout3 .moreinfo 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;
}
#openabout4 {
position:absolute;
top:-421;
opacity:0.90; 
filter: alpha(opacity=90);
z-index:999999;
margin-top:0px;
width:456px;
height:420px;
position:absolute;
left:48px;
top:-421px;
display:inline-block;
overflow:hidden;
text-align:center;
direction:rtl;
margin:0;
padding:0px;

}
.formifr {
overflow:hidden;
position:absolute;
top:36px;
left:24px;
width:400px;
height:360px;
}
.loaderdiv {
position:absolute;
text-align:center;
left:182px;
top:320;
}
.fadecnvs {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;
-webkit-transition: all 0s ease-out 2s;
 -moz-transition: all 0s ease-out 2s;
 -o-transition: all 0s ease-out 2s;
 -ms-transition: all 0s ease-out 2s;
 transition: all 0s ease-out 2s;
 }
 
 .prjlinks {
	position:absolute;
	bottom:24px;
	right:80px;
	height:26px;
	z-index:999;
}
.plink a,.plink a:hover ,.plinkc a{
	margin:0px;
	padding:4px;
	height:26px;
	font-family:courier new;
	font-size:16px;
	font-weight:100;
	color:#f4eff4;
	text-decoration:none;
	background:#323134;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=77)";
   filter: alpha(opacity=77);
	opacity:0.77;
	vertical-align:middle;
	line-height:14px;
	
}
.credit {
font-size:14px;
color:#464944;
position:absolute;
width:100%;
text-align:center;
margin-top:36px !important;
bottom:24px !important;
}
.credit a {
color:#348d04;
font-size:15px;
position:relative;
top:-2px;
z-index:99999;
}

.menuitem  a, .menuitemsel a {
color:#ebe4f9 !important;
border-bottom:0px;
opacity:0.88;
letter-spacing:0px !important;
font-weight:100;
font-size:14px !important;
text-decoration:none;
font-family:roboto,phagspa!important;

}
.menuitemsel a {
color:#ffffff !important;
opacity:1;

}


.signlink,.signlink:hover,.contactlink,.contactlink:hover{
padding:8px;
margin:0;
margin-left:0px;
margin-right:8px;
font-size:14px;
font-weight:10;
height:34px;
max-height:26px;
text-align:center;
width:48px;
display:block;
cursor:pointer;
float:left;
}
.contactlink,.contactlink:hover{
float:left;
}
.signlink {
color:#ebe4f9;
background:url(images/signicon.png) no-repeat center bottom;
opacity:0.9;
}
.signlink:hover,.signover {

background:url(images/signicono.png) no-repeat center bottom;
}

.contactlink {
color:#ebe4f9;
background:url(images/emailicon.png) no-repeat center bottom;
opacity:0.9;
}
.contactlink:hover {

background:url(images/emailicono.png) no-repeat center bottom;
}
.toprightbar{
position:absolute;
right:4%;
top:-2px;
white-space:nowrap;
max-height:32px;
top:8px;
}
.sign a:before, .cont a:before ,.signsel,.contsel{
 content: "";
  position: absolute;
  width: 32px;
  height: 2px;
  top: -6px;
  left: 15px;
  background-color:#ecc905;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleY(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0s;
}
.cont a:before {
left:88px;
}	
.sign a:hover:before ,.cont a:hover:before {
    visibility: visible;
	top:-4px;
  -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
	  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity:0.88;
}
  

.slogan,.sloganrep {
background:rgba( 12,12,12,0.72);
opacity:1;
color:#ecc905;
font-size:26px;
padding:20px auto 14px auto;
text-align:center;
position:absolute;
left:50%;
margin-left:-180px;
width:360px;
z-index:999999;
font-family:roboto,phagspa!important;
font-weight:100;
overflow:hidden;

}
.slogan {

top:670px;
}
.topictitle {
position:absolute;
top:508px;
width:100%;
text-align:center;
font-family:roboto,phagspa!important;
font-weight:400;
color:#ecc905;
color:#121212;
font-size:29px;
}
.sloganrep {
  position: absolute;
  animation: slogananim 2s ease;
}

@keyframes slogananim {        
  from {
    opacity : 0;
    top : 720px;
  }
  to {
    opacity : 1;
    top : 670px;
  }      
}


.slogansub {
position:relative;
opacity:0.94;
color:#ecc905;
color:#e2e4ee;
font-family:roboto,sans serif!important;
font-size:20px;
font-weight:100;
font-style:italic;
top:-6px;
text-align:center;
font-family:roboto,phagspa!important;
-webkit-transition: all 0s ease-out 2s;
 -moz-transition: all 0s ease-out 2s;
 -o-transition: all 0s ease-out 2s;
 -ms-transition: all 0s ease-out 2s;
 transition: all 0s ease-out 2s;
}
.circles {
position:absolute;
width:250px;
top:738px;
z-index:2147483647;
left:50%;
margin-left:-125px;
margin-top:18px;
margin-bottom:4px;
text-align:center;
display:inline-block;
white-space:nowrap;
}
.circle{
float:left;
display:inline;
margin:0 8px 0 8px;
}
.circle a {
width:34px;
height:34px;
box-sizing: border-box;
display:block;
}
.circle a img{
width:30px;
height:30px;
margin-top:0px;

}
.circle a:hover img{
width:32px;
height:32px;
margin-top:-1px;
margin-left:-1px;
-moz-transition-property: all;
			-moz-transition-duration: 0.3s;
			-moz-transition-timing-function: cubic-bezier(0.42, 0, 0.5, 1);

			-webkit-transition-property: all;
			-webkit-transition-duration: 0.3s;
			-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

			transition-property: all;
			transition-duration: 0.3s;
			transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#midframe {
position:absolute;
width:1024px;
left:50%;
margin-left:-512px;
top:520px;
color:#000000;
overflow-x:hidden;
}
#midframe{
font-family:roboto, phagspa;
font-weight:200;
font-size:24px !important;
margin-top:24px;
}
.pagecontent {
overflow-x:hidden;
}
.pagecontent p ,.midtext{
font-size:16px;
font-family:roboto;
color:#000000;
}
#midtext,#midline {
text-align:justify;
width:960px;
position:absolute;
top:560px;
left:50%;
margin-left:-480px;
overflow:hidden;
z-index:90000;
}
#midline {
text-align:center;
}
b {
font-weight:600;
color:#484848;
}

.ultitle {
font-size:17px;
font-family:roboto,phagspa;
font-family:roboto;
color:#ecc905;
background:#646872;
background:#565654;
width:auto;
max-width:100%;
padding-bottom:4px;
padding-left:42px;
margin-top:4px;
margin-bottom:0px;
margin-left:0px;
}
.pagecontent ul {
list-style-type:none;
font-size:15px;
font-family:roboto,phagspa;
font-family:roboto;
border:1px solid #565654;
margin-top:0px;
padding-top:3px;
padding-bottom:8px;
line-height:20px;
}
.pagecontent ul li {
background:url(images/circlefull.png) no-repeat;
background-size:20px 20px;
padding-left:32px;
}
.up {
opacity:0.6;
position:fixed;
bottom:48px;
right:24px;
z-index:2147483647;
webkit-transition: all  ease  2s;
   -moz-transition: all  ease-out 2s;
   -o-transition: all  ease-out 2s;
   -ms-transition: all  ease-out 2s;
   transition: all  ease 2s;
}
.up:hover{
opacity:0.2;
webkit-transition: all  ease 2s;
   -moz-transition: all  ease-out 2s;
   -o-transition: all  ease-out 2s;
   -ms-transition: all  ease-out 2s;
   transition: all  ease 2s;
}
.faq {
color:#ff0000;
font-size:15px;
min-height:1500px;
margin-bottom:64px;
}
.csq,.q,.subcsq,.subcsa{
color:#484848;
font-weight:600;
font-size:15px;
font-family:roboto,phagspa;

}
.csq{
font-size:16px;
}
.subcsq{
font-size:15px;
color:#7fa54e;
font-weight:600;

}

.subcsa {
margin-top:4px;
font-weight:100;
}
.a {
position:relative;
top:14px;
color:#242424;
font-size:15px;
font-family:roboto,phagspa;

}
.a a {
color:#242424 !important;
cursor:pointer;
display:block;
text-decoration:none;
}
.a a:hover {
text-decoration:underline;
}
.textul {
list-style-type: image;
list-style-image:url(images/ulgreen.jpg);
color:#7fa54e;
border:0px;
margin-top:0px;
padding-top:0px;
padding-bottom:8px;
line-height:18px;
padding-left:-14px;
margin-left:4px;
position:relative;
top:-14px;

border:0px !important;
}


.textul  li{

color:#242424;
font-size:15px;
font-family:roboto,phagspa;
background:transparent !important;

}
.leftside {
max-width:25%;
float:left;
}
.rightspace{
max-width:25%;
float:right;
}
.rightside {
margin-left:2em;
z-index:99999;
position:absolute;
width:480px;
left:50%;
margin-left:-240px;
max-width:50%;
text-align:center;
border:0px solid #e6e6e8;
}
.signinleftside {
white-space:nowrap;
float:left;
text-align:center;
margin-top:-12px !important;
}
.signinrightside {
position:relative;
float:right;
white-space:nowrap;
text-align:center;
margin-top:-12px !important;
}
label {
color:#242424;
float: left;
width: 8em;
margin-right: 6px;
text-align: right;
vertical-align:middle;
line-height:18px;
height:18px;
display:table-cell;
font-size:14px;
}

#register label,#signin label {
color:#242424;
float: left;
width: 3.5em;
margin-right:0px !important;
text-align: left;
vertical-align:middle;
line-height:18px;
height:18px;
display:table-cell;
font-size:14px;
}
input,textarea {
float:left;
margin-left:2em;
vertical-align:middle;
display:table-cell;
width:180px;
font-size:14px;
background:transparent;
border:1px solid #727272;
}
textarea {
height:58px;
width:176px;
}
input {
height:19px;
}
.send {
margin-left:12.8em;
width:120px;
height:32px;
background:#a0d72b;
color:#121212;
font-size:17;

}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.resptitle,.respsub {
color:#3b8014;
color:#a7f018;
font-weight:400;
font-size:22px;
font-family:roboto,phagspa;
text-align:center;
}
.resptitle {
font-size:19px;
color:#242424;
margin-top:66px;
text-align:center;
white-space:nowrap;
}
.respsub {
margin-bottom:14px;
}
input:hover {
background:#f5f5f2;
}
.regsend,.signinsend {
margin-left:108px;
width:120px;
height:28px;
background:#a0d72b;
color:#121212;
font-size:17;
text-align:center;
}
.errorresp , .resptitle {
font-size:15px;
font-weight:400;
color:#242424;
padding-top:64px;
}
.respwin {
  position: absolute;
  animation: respanim 2s ease;
}

.errorresp {
background:url(images/alerticon.png) no-repeat 36px 64px;
padding-left:12px;
padding-top:64px;
margin-left:4px;

}
.errorresp .resptitle {
color:#242424;
margin-top:0px;
}
.resptitle {

padding-left:12px;
padding-top:64px;
margin-left:4px;
}

.alertactive {
  position: absolute;

  z-index: 2147483648;
	width:100%;
	left:0px;
	top:40px;
	opacity:1;
	height:360px;
	max-width:420px;
	text-align:center;
	background:#f0f0f8 url(images/alertback.png) no-repeat center top;
	
}

.alertpassive {
  position: absolute;
  top:80px!important;
   z-index: -1;
  opacity:0;
  position: absolute;
	width:100%;
	top:120px;
   	height:360px;
	text-align:center;
	background:#f0f0f8 url(images/alertback.png) no-repeat center top;
}

.fullalert,.fullalertvis {
  position: absolute;
    z-index: 0;
	width:80%;
	left:10%;
	top:0px !important;
	height:360px;
	text-align:center;
	background:rgba(24,24,24,0.8);
	-webkit-transition: all  ease 2s;
   -moz-transition: all  ease-out 2s;
   -o-transition: all  ease-out 2s;
   -ms-transition: all  ease-out 2s;
   transition: all  ease 2s;
}
.fullalertvis {
    
	top:126px !important;
	height:360px;
	text-align:center;
	color:#f0f0f8;
	font-size:22px;
	background:rgba(24,24,24,0.8);
	 z-index: 2147483648;
	-webkit-transition: all  ease 2s;
   -moz-transition: all  ease-out 2s;
   -o-transition: all  ease-out 2s;
   -ms-transition: all  ease-out 2s;
   transition: all  ease 2s;
}

@keyframes respanim {        
  from {
    opacity : 0;
    top : 120px;
  }
  to {
    opacity : 1;
    top : 40px;
  }      
}