@charset "utf-8";
/* CSS Document */
*{
	outline: none;
}
html{
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding:0;
	background-color: gray;
	font-family: 'Open Sans Hebrew';
	direction: rtl;
}
.amelogo{
	position: absolute;
    right: 1vw;
    top: 0.6vw;
    width: 15.4vw;
    height: 5vw;
   z-index: 4;
}
.amelogo img{
	width:100%;
}

.arrow{
	    position: absolute;
    bottom: 20vh;
    width: 8vw;
    height: 6vw;
    z-index: 5;
	cursor: pointer;
}
.arrow:hover{
	width: 8.2vw;
	 -webkit-filter: brightness(110%); /* Safari */
    filter: brightness(110%);
}
.arrow img{
	width:100%;
}
.aright{
	right:1vw;
}
.aleft{
	left:1vw;
}
.mainContainer{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.planeCont{
	position: absolute;
	bottom: 0;
}
.planeCont img{
	width: 100%;
	height: 100%;
}


.plane1{
	width:230vw;
	z-index: 4;
	height: 31vw;
}
.plane2{
	width:180vw;
	z-index: 3;
	height: 43vw;

}
.plane3{
	width:150vw;
	z-index: 2;
	height: 34vw;

}
.sky{
	width:100vw;
	height: 100vh;
	z-index: 1;
}

button{
	position: relative;
	float: left;
	width:200px;
	height: 50px;
	z-index: 5;
}

@keyframes fly{
	0%{margin-top: 0vw;}
	50%{margin-top:1vw;}
	100%{margin-top:0vw;}
}

.baloon{
	position: absolute;
    width: 9vw;
    height: 27vw;
    bottom: 4vw;
	cursor: pointer;
}
.baloon:nth-child(3) {animation: fly 5s infinite;}
.baloon:nth-child(4) {animation: fly 7s infinite;}
.baloon:nth-child(5) {animation: fly 4s infinite;}
.baloon:nth-child(6) {animation: fly 6s infinite;}
.baloon:nth-child(7) {animation: fly 7s infinite;}
.baloon:nth-child(8) {animation: fly 6s infinite;}
.baloon:nth-child(9) {animation: fly 5s infinite;}
.baloon:nth-child(10) {animation: fly 7s infinite;}
.baloon:nth-child(11) {animation: fly 5s infinite;}
.baloon:nth-child(12) {animation: fly 5s infinite;}
.baloon:nth-child(13) {animation: fly 7s infinite;}
.baloon:nth-child(14) {animation: fly 4s infinite;}
.baloon:nth-child(15) {animation: fly 6s infinite;}
.baloon:nth-child(16) {animation: fly 7s infinite;}
.baloon:nth-child(17) {animation: fly 6s infinite;}
.baloon:nth-child(18) {animation: fly 5s infinite;}
.baloon:nth-child(19) {animation: fly 7s infinite;}
.baloon:nth-child(20) {animation: fly 5s infinite;}
.baloon:nth-child(21) {animation: fly 7s infinite;}
.baloon:nth-child(22) {animation: fly 5s infinite;}

.baloon img{
	height: 100%;
}
.ntext{
	position: absolute;
    font-size: 2vw;
    font-weight: bold;
    color: white;
    top: 3.6vw;
    left: 3.4vw;
    text-shadow: 0.2vw -0.1vw 0.4vw rgba(0,0,0,0.5);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.riddlebox{
    position: absolute;
    width: 28.4vw;
    height: 30vw;
    z-index: 6;
    left: 51vw;
    top: -9.1vw;
	pointer-events: none;
}
.riddle{
	position: absolute;
	width: 43vw;
    height: 32vw;
	pointer-events: all;
}
.riddle img{
	width:100%;
}
.riddle .title{
    position: absolute;
    width: 16vw;
    top: 1.4vw;
    right: 4vw;
    color: black;
    text-align: right;
    font-size: 1.6vw;
    font-weight: bold;
}
.riddle .text{
        position: absolute;
    width: 33vw;
    top: 7.3vw;
    right: 6vw;
    color: black;
    text-align: right;
    font-size: 1.1vw;
    line-height: 1.4vw;
    font-weight: bold;
}
.riddle .x, .hint .x{
    position: absolute;
    left: 0.4vw;
    top: 2.1vw;
    width: 2vw;
    height: 2vw;
    cursor: pointer;
	pointer-events: all;
}
.riddle .x{
	left: 1.4vw;
    top: 4.1vw;
}
.x img{
	width:100%;
}
.bt{
	pointer-events: all;
}
.riddlebox .bt{
	position: absolute;
	background: url(../images/btn.png);
    background-size: contain;
    background-repeat: no-repeat;
	color: white;
	text-align: right;
	font-weight: bold;
    box-sizing: border-box;
	cursor: pointer;
}
.riddlebox .btn_content{
 	left: -11vw;
    top: 22.9vw;
    width: 9.5vw;
    height: 4vw;
    padding-right: 2.5vw;
    line-height: 3.7vw;
    font-size: 1.1vw;
    -webkit-filter: hue-rotate(135deg);
    filter: hue-rotate(135deg);
}
.riddlebox .btn_answer{
     left: 8.1vw;
    top: 11.2vw;
    width: 8vw;
    height: 4vw;
    padding-right: 2.1vw;
    line-height: 3.3vw;
    font-size: 1.1vw;
    z-index: 5;
}
.riddlebox .btn_hint{
    left: 2.1vw;
    top: 11.5vw;
    width: 8vw;
    height: 3vw;
    padding-right: 4.2vw;
    line-height: 2.8vw;
    font-size: 1.1vw;
}


.riddlebox .hint, .riddlebox .answer{
	position: absolute;
    left: 2.7vw;
    top: 14vw;
    width: 17vw;
    height: 10vw;
    background: url(../images/answerbg.png);
    background-size: contain;
    background-repeat: no-repeat;
	pointer-events: all;
}

.hint .btn_closehint, .answer .btn_send{
    left: 1vw;
    top: 6.1vw;
    width: 8.2vw;
    height: 3vw;
    padding-right: 4.2vw;
    line-height: 2.8vw;
    font-size: 1.1vw;
}
.hint p{
    color: black;
    width: 100%;
    padding-top: 1.9vw;
    padding-left: 5vw;
    padding-right: 6vw;
    box-sizing: border-box;
    font-size: 1.1vw;
}
.answer input{
	position: absolute;
    width: 12.7vw;
    height: 1.4vw;
    left: 1vw;
    top: 2.6vw;
    border: solid 0.1vw #43a0ea;
    border-radius: 0.5vw;
    box-shadow: 0.1vw 0.2vw 0.3vw rgba(0,0,0,0.5);
	padding-right: 0.5vw;
}

.btn{
	background-color: #3886c4;
    width: 7.3vw;
    height: 1.8vw;
    color: white;
    font-size: 1.3vw;
    font-weight: bold;
    text-align: center;
    line-height: 2.2vw;
    border-radius: 0.6vw;
    cursor: pointer;
    margin-top: 1vw;
    margin-right: 11vw;
}



.menu{
	position: absolute;
    top: 1vh;
    right: 14vw;
    font-size: 1.4vw;
    white-space: nowrap;
    font-weight: bold;
    z-index: 5;
}
.menu a{
	color: #ca234d;
	margin-left: 3vw;
	margin-right: 3vw;
	text-decoration: none;
	text-shadow: 0vw 0.1vw 0.2vw rgba(255, 255, 255, 1);
}

.rashutpopupdes{
	    position: relative;
    background-color: white;
    border-radius: 1vw;
    border: solid 0.1vw #000000;
    -webkit-box-shadow: -13px 11px 13px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: -13px 11px 13px 0px rgba(0, 0, 0, 0.41);
    box-shadow: -13px 11px 13px 0px rgba(0, 0, 0, 0.41);
    padding-bottom: 1vw;
    padding-left: 0.5vw;

	padding-top: 1vw !important;
}

.popuppos{
    position: absolute;
    left: 0;
    right: 0;
    top: 15vh;
    margin: 0 auto;
    z-index: 10;
    width: 56vw;
    height: auto;
    text-align: right;
	z-index: 5;
}
.popuppos .x {
       position: absolute;
    width: 2vw;
    height: 35px;
    left: 0.3vw;
    top: 0.4vw;
    cursor: pointer;
	pointer-events: all;
}
.popuppos .title {
    position: relative;
    display: inline;
    font-size: 2.4vw;
    font-weight: 700;
    margin-right: 0px;
    margin-top: 1vw;
    color: black;
	margin-right: 1.5vw;
}
.popuppos .text{
	margin-right: 1.5vw;
}
.popuppos form {
	text-align: right;
	    font-size: 1vw;
}
.popuppos form label {
    display: inherit;
    margin-top: 0.5vw;
}
.popuppos form input {
    width: 16vw;
    height: 2vw;
    border: none;
    border-radius: 0.7vw;
    padding: 0px 10px 0px 10px;
   	font-size: 1.1vw;
	color: black;
	border: solid 0.05vw black;
	box-shadow: 0vw 0.2vw 0.3vw rgba(0,0,0,0.5);
}
.popcontainer form{
	margin-right: 1.5vw;
}
.textSmall{
	width: 92%;
	color: black;
	text-align: right;
	padding-left: 2vw;
    padding-right: 2vw;
	max-height: 30vw;
	overflow-y: scroll;
}
.textSmall2{
	width: 94%;
    color: black;
    text-align: right;
    height: 28vw;
    overflow-y: scroll;
    margin-right: 1.7vw;
    padding-left: 1vw;
}

.readable{
	font-size: 1.1vw;
    line-height: 1.1vw;
}

.s_style-2::-webkit-scrollbar-track
{

	border-radius: 10px;
	background-color: #26374E;

}

.s_style-2::-webkit-scrollbar
{
	width: 12px;
	border-radius: 10px;
	background-color: #005a4e;

}

.s_style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;

	background-color: #3E96E8;

}

p {
    margin: 0 0 10px;
}
.forgotpass{
	margin-top:1vw;
	cursor: pointer;
}

.p_signin, .p_login{
	width:30vw;
}


.greeting{
    position: absolute;
    width: 16vw;
    height: 3vw;
       left: 5vw;
    top: 0.3vw;
    color: #3987c4;
    font-size: 1.5vw;
}
.greeting #namePlace{
	position: absolute;
	z-index: 3;
}
.greeting span{
	cursor: pointer;
	text-decoration: underline;
}
.popuppos{
	width: 30vw;
}


.check_correct{
	position: absolute;
    width: 4.2vw;
    top: 1.2vw;
    left: 5.2vw;
	display: none;
}
.check_correct img{
	width: 100%;
}

.p_correct .text{
	margin-right: 1.7vw;
}
.ltrme:focus{
	direction: ltr;
}
.p_howto, .p_winners{
	width:50vw;
	
}
.p_moreInfo{
	width: 56vw;
}
#moreInfoPlace{
	overflow: hidden;
}





.rubber_stamp {
       font-size: 1.2vw !important;
    line-height: 3.3vw !important;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    border: 0.3vw solid black;
    float: left;
    border-radius: 0.6vw;
    opacity: 1;
    color: black !important;
    -webkit-transform: rotate(-36deg);
    -o-transform: rotate(-36deg);
    -moz-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    position: absolute;
    top: 6vw!important;;
    padding-right: 1vw !important;
    background: none !important;
    left: -3.1vw !important;
   
    background-color: rgba(255, 255, 255, 0.8) !important;
	cursor: default !important;
}

.rubber_stamp::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: auto;
  min-height: 100%;
  top: -10px;
  left: -10px;
  padding: 10px;
  background: url(../images/noise.png) repeat;
}



#homeWelcomeScreen {
	    position: absolute;
    width: 50vw;
    height: 41vw;
    right: 0;
	left: 0;
    top: 2.5vw;
	margin: 0 auto;
    background: url(../images/home_welcome_text.png) top center no-repeat;
    background-size: cover;
    z-index: 101;
    display: none;
    cursor:pointer;
}
#homeWelcomeScreenText {
		position: absolute;
     font-size: 1.3vw;
    color: #00316d;
    text-align: justify;
    font-weight: bold;
    width: 29vw;
    height: 28vw;
    margin-right: 9.2vw;
    margin-top: 2.8vw;
     line-height: 1.4vw;
}
#homeWelcomeScreenText .red {
	font-weight: strong;
}
.bbar{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4.5vw;
    z-index: 50;
	text-align: left;
}
.bbar img{
	width: 26vw;
}

.tbar{
	position: absolute;
    left: 0.5vw;
    top: 0.5vw;
    width: 5vw;
    height: 4.5vw;
    z-index: 50;
}
.tbar img{
	width: 100%;
}

.translator{
    position: absolute;
    bottom: 0;
    right: 9vw;
    width: 12vw;
    height: 1.6vw;
    font-size: 1vw;
    background-color: white;
    color: black;
    text-align: center;
    z-index: 100;
    line-height: 1.8vw;
    border-radius: 1vw 1vw 0vw 0vw;
}

#tickerText2 {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    z-index: 5;
    width: 86.9vw;
    height: 2.1vw;
    bottom: 0;
    left: 13vw;
    font-size: 1.3vw;
    line-height: 1.9vw;
    color: black;
    text-align: left;
    font-weight: bold;
    direction: rtl;
}
#tickerText2 > div {
    position: relative;
    left: -97%;
    animation-name: slide;
    animation-duration: 65s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes slide {
 0% {
left: -110%;
opacity: 1;
}
 90% {
opacity: 1;
}
 100% {
left: 280%;
opacity: 0;
}
}
.finalAns{
	position: absolute;
	top:13vw;
	left:2vw;
	text-align: center;	
}
.finalAnsInput{
	width:2vw;
	height:2vw;
	font-size:1.5vw;
	pointer-events: all;
	text-align: center;
	border: 0.1vw solid #000;
}

.finalAns .btn_send{
    left: 0.4vw;
    top: 3.1vw;
    width: 8.2vw;
    height: 3vw;
    padding-right: 4.2vw;
    line-height: 2.8vw;
    font-size: 1.1vw;
}