@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);
        body{
        font-family: "Alef Hebrew",
                       "Helvetica Neue",
                       "Helvetica",
                       "Arial",
                       "sans-serif";
        overflow: hidden,
        }   
.knesset_header{width:100%;height:60px;float:right;}
.newFrameBox{width:96%;height:85%;height:85vh;min-height:550px;margin:0 2% 1% 2%;border:6px solid #fff;border-radius:6px;  box-shadow: 3px 3px 5px #444;}
#textual {margin:auto;}
#container{width:100%;height:100%;}
#main_logo { margin: 6px 0 0 2% ! important;}
#knesset_logo{float:right;width:120px;margin: 0px 1% 0 0 ! important;}
.knesset_content{width:100%;height:65%;min-height:600px;margin:0 2% 2% 2%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd6f6+0,2989d8+100,207cca+100,4d9df0+100 */
background: rgb(157,214,246); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkOWRmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(157,214,246) 0%, rgb(41,137,216) 100%, rgb(32,124,202) 100%, rgb(77,157,240) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(157,214,246)), color-stop(100%,rgb(41,137,216)), color-stop(100%,rgb(32,124,202)), color-stop(100%,rgb(77,157,240))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(157,214,246) 0%,rgb(41,137,216) 100%,rgb(32,124,202) 100%,rgb(77,157,240) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(157,214,246) 0%,rgb(41,137,216) 100%,rgb(32,124,202) 100%,rgb(77,157,240) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(157,214,246) 0%,rgb(41,137,216) 100%,rgb(32,124,202) 100%,rgb(77,157,240) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(157,214,246) 0%,rgb(41,137,216) 100%,rgb(32,124,202) 100%,rgb(77,157,240) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd6f6', endColorstr='#4d9df0',GradientType=0 ); /* IE6-8 */
margin:0 0 0 0 ;float:right;position:relative;}
.clouds, .trees{position:absolute;height:auto;width:auto;max-width:40%;}
.clouds{top:0;left:0px; }
.trees{bottom:0;right:0px;}
.logo-knesset{position:absolute;top:30px;right:30px;width:160px;height:auto;}
@media(min-width:1100px){.clouds, .trees{max-width:20%;}}
.info-col{    width:780px;
    margin: auto;
    list-style-type: none;
    height: 100%;
    padding: 0;overflow:hidden;position:relative;}
.info-col>div{width:1605px;position:absolute;height:100%;}
.info-col>div.right{right:0;}
.info-col>div.left{left:0;}
.info-col li{float:right;width:220px;background:#e1f6f8;height:330px;        margin: 100px 20px 0 25px;border-left:10px solid #788385;}
.info-col li .titleGame{width:100%;height:70px;    float: right;}
.info-col a:first-child li{margin-right:0px;}
.info-col a:last-child li{margin-left:0px;}
.H{    height: 400px;
    width: 70px;
    position: absolute;
    top: 74px;background:url(../img/Hetz-knesset.png) no-repeat center center transparent;border:0;cursor:pointer;}
button:focus, a:focus{outline:1px dotted #888;}
.fade{opacity:0.5;  cursor:not-allowed;}
.H.right{    right: 139px;    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}
.H.left{    left: 141px;}

.knesset{
    width: 1200px;
    height: 474px;
    bottom: 0;
    background: url(../img/knesset.png) no-repeat;
    background-size: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}
#textual {margin:auto;}
#gov_logo{       
	background: url(../img/gov-logo.png) no-repeat;
    width: 129px;
    height: 50px;
    float: left;
    margin: 5px 15px;
}
#main_logo { margin: 6px 0 0 2% ! important;}
.hac .titleGame{background:url(../img/homepage4-03.png) no-repeat center center #ec0f52;background-size:55%;}
.race .titleGame{background:url(../img/homepage4-04.png) no-repeat center center #ffa200;background-size:40%;}
li.race-ar {
    font-family: "myriad arabic";
}
.guards .titleGame {   background: url(../img/guard.png) no-repeat center center #6fc9f8; background-size: 85%;}
.race-ar .titleGame{background:url(../img/homepage4-04.ar.png) no-repeat center center #ffa200;background-size:40%;}
.race-ar .titleGame:after {
    /*position: absolute;
    background: url(../img/soon.png) no-repeat;
    content: "قريبا";
    color: #fff;
    width: 44px;
    height: 20px;
    background-size: 108% 49px;
    z-index: 1000;
    font-size: 17px;
    top: 205px;
    right: 550px;
    text-align: right;
     line-height: 40px; 
     -webkit-transform: rotate(20deg); 
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     border: 1px solid; 
    background-position: 3px -14px;
    line-height: 1.3;
    padding-right: 13px;*/
}

li.race-ar p {
    font-size: 23px;
}

.shkufa .titleGame{background:url(../img/homepage4-05.png) no-repeat center center #50bc07;background-size:50%;}
.matzeget .titleGame{    background: url(../img/matzeget-logo.png) no-repeat 50% 2px #596B91;background-size: 35%;}
.info-col a{text-decoration:none; cursor:pointer;}
.info-col img{width:190px;height:auto;border:5px solid #ffffff;box-shadow: 0px 1px 10px #888;margin:20px 10px;border-radius:5px;}
.info-col p{width:85%;margin:auto;text-align:center;font-size:18px;color:#000 ! important;}
.knesset_header ul{ list-style-type: none;}
.knesset_header li{ float:right;margin: 0 20px;font-size:18px;color:#fff ! important; font-weight:bold;position:relative;}
.knesset_header li a{color:#fff ! important;text-decoration:none;}
.left-tabs{float:left;}
.right-tabs{float:right;}
#textual .title:nth-child(2){padding-right: 40px}

.soon:after{
	position:absolute;
	background:url(../img/soon.png) no-repeat;
	content:"בקרוב";
	color:#fff;
	width:60px;
	height:50px;
	background-size:100%;
	z-index:1000;
	font-size:12px; 
	top: -12px;
    right: -30px;
	text-align:center;
	line-height:40px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.mobile_header{display:none;}
@media only screen and (max-device-width: 768px) {
	.mobile_header{		
		display: block;
		padding: 3px 20px;
		color:#fff;
		background-color:#ec0f52;
		font-weight: bold;
		text-align: center;
	}
	.logo-knesset {
		display: block;
		margin: 5px auto;
		position: relative;
		right: auto;
		top: auto;
		z-index: 10;
	}
	.left-tabs, .right-tabs {
		display: none;
	}
	.knesset_content{
		height: auto;
	}
	.knesset {
		background: none;
		height: auto;
		position: static;
		width: 100%;
	}	
	.info-col {
		height: auto;
		width: 100%;
	}
	.info-col li {
		float: none;
		margin: 30px auto;
	}
	.newFrameBox {
		display: block;
		margin: 0 auto;
		min-height: 0;
	}	
	
	
	#gov_logo {
		float: none;
		margin: 5px auto;
	}
	#textual {
		display: none;
	}
	.new-frame {
		height: auto !important;
		text-align: center;
		width: 100%;
	}
	.new-frame a {
		display: inline-block !important;
		float: none !important;
	}
}
#mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000000;
  background-color: #132e3c;
  display: none;
}	
.videoPop{position: absolute;
  left: 240px;
  top: 200px;
  z-index: 1000002;
  display: none;}
  .closeVideo{    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    background: url(../img/x-white.png) no-repeat center center transparent;
    border-radius: 100%;
    top: -40px;
    right: -40px;
    color: #fff;
    cursor: pointer;}
#videoKnesset{    border: 5px solid #ffffff;
    box-shadow: 0px 1px 10px #888;
    border-radius: 5px;}