/* CSS Document */

.web{
	display: none;
}
.mob{
	display: block;
}

a img{border:none}
img
{  border-style: none;
}
textarea { resize:none; }
textarea:focus, input:focus{
    /*outline: 2px solid #000;*/
    outline: 0;
}
*:focus {
    outline: 0;
}
img.a{
	position:absolute;
	cursor: pointer;
	left:0px;
	top: 0px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ce142a;
   opacity:  0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ce142a;
   opacity:  0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ce142a;
   opacity:  0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ce142a;
   opacity:  0.5;
}

/* header menu */


#title{
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0px;
	top: 0px;
	font-weight: 900;
	font-size: 34px;
	line-height: 70px;
	text-align: center;
	direction: rtl;
	color: #fff;
	margin: 0;
	padding: 0;
	z-index: 2;
	text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);

}

#hamburger{
	position: absolute;
	width: 100px;
	height: 70px;
	right: 30px;
	top: 0px;
	z-index: 5;
	text-align: right;
	direction: rtl;
	font-size: 30px;
	line-height: 70px;
	font-weight: 500;
	color: #FFF;
}

#topLine{
	position:absolute;
	width: 640px;
	height: auto;
	left:0px;
	top:0px;
	z-index: 25;
	background-color: #ffcf25;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}


/* top menu */
.topMenu{
	position:absolute;
	width: 640px;
	height: auto;
	left:0px;
	top:-400px;
	z-index: 52;
	background-color: #ffcf25;
	display: none;
}

.menuHolder{
	position: relative;
	width: 580px;
	height: auto;
	float: right;
	margin: 0px 30px;
	padding: 30px 0px;
}
.topMenuLink{
	position: relative;
	width: 580px;
	height: 60px;
	float: right;
	text-decoration: none;
	font-family: 'Rubik',Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 60px;
	text-align: right;
	direction: rtl;
	color: #ce142a;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 2px solid #ce142a;
}

.menuItem{
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin: 15px 0px 15px 15px;
	background-color: #ef3349;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 5px 5px #d81f36;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
	text-align: center;
	
}

.menuIC{
	color: #FFF;
}


/* top menu end */
/* banner places */
.ad-container {
    width: 600px;
    min-height: 250px;
    max-height: 400px;
    margin: 130px auto 30px auto;
    background-color: #f0f0f0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.ad-container .adsbygoogle {
    width: 100% !important;
    height: auto !important;
    max-width: 580px;
    margin: 10px;
}

/* הסתרת overflow לפרסומות */
.ad-container iframe,
.footer-ad-container iframe {
    max-width: 100% !important;
    max-height: 100% !important;
}

.closeBanner{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 15px;
	top: 15px;
	z-index: 10;
	background-image: url("images/close_btn.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

#banner{
	position: absolute;
	width: 640px;
	height: 100px;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-image: url("images/banner.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	/*background-color: #ff0!important;*/
}
#debug{
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: center;
	line-height: 70px;
	font-weight: 400;
	direction: ltr;
	font-size: 14px;
	color: #fff;
	display: none;
	overflow-y: scroll;
	
}



/* base */

.page{
	position: relative;
	width: 100%;
	height: auto;
	margin: 70px 0px 0px 0px;
	float: right;
	display: none;
}

.wrapper{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	float: right;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}
.content{
	position: relative;
	width: 560px;
	height: auto;
	float: left;
	margin: 20px 40px 40px 40px;
	z-index: 8;
	/*border: 1px solid #f00;*/
}

/* hp */
#hp, #Winner{
	display: block;
	background-image: url("images/hp.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;

}

#logoHP{
	position: absolute;
	width: 396px;
	height: 250px;
	top: 115px;
	left: 122px;
	z-index: 8;
	background-image: url("images/main_logo.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	opacity: 0;
	display: none;
	
}

.logo{
	position: absolute;
	width: 396px;
	height: 250px;
	top: 50px;
	left: 122px;
	z-index: 8;
	background-image: url("images/main_logo.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	opacity: 0;
}

#logoSM{
	position: relative;
	width: 100%;
	height: 120px;
	float: left;
	margin: 20px 0px 0px 0px;
	z-index: 8;
	background-image: url("images/main_logo.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}


h1{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
	margin: 300px 0px 25px 0px;
	z-index:15;
	color: #fff;
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	direction: rtl;
}

.btn{
	position: relative;
	width: 426px;
	height: 124px;
	margin: 15px auto;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	display: block;
	text-align: center;
	line-height: 114px;
	font-weight: 600;
	direction: rtl;
	font-size: 36px;
	text-decoration: none;
	
}
.btn a{
	text-decoration: none;
}
.btn_red{
	background-image: url("images/btn_red.png");
	color: #fff;
}

.btn_yel{
	background-image: url("images/btn_yellow.png");
	color: #ce142a;
}
.btn.disabled {
    opacity: 0;;
}
.spacer{
	position: relative;
	width: 100%;
	height: 200px;
	margin: 0;
	float: right;
}

/* how to */
#howto{
	position: relative;
	width: 600px;
	height: 820px;
	float: left;
	margin: 80px 20px 40px 20px;
	padding: 25px 0px 0px 0px;
	z-index: 8;
	background-color: #fff;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	display: none;
}

#howto h2{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
	color: #ce142a;
	text-align: center;
	direction: rtl;
	margin: 0;
}
.howtoHolder{
	position: relative;
	width: 560px;
	height: 720px;
	float: left;
	margin: 40px 20px 0px 20px;
	overflow-x: hidden;
	overflow-y: auto;
}

#howto_bg{
	position: absolute;
	width: 600px;
	height: 225px;
	left: 0px;
	top: 780px;
	z-index: 8;
	background-image: url("images/red_bg1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.ulText{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 2;
	padding: 0;
	margin: 0;
	color: #ce142a;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 600;
	text-align: right;
	direction: rtl;
}

ul{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
}
li{
	position: relative;
	width: 480px;
	height: auto;
	float: right;
	z-index: 2;
	padding: 0px 0px 0px 20px;
	margin: 0;
	color: #ce142a;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400;
	text-align: right;
	direction: rtl;
	
}


/* users */
#users{
	/*background: rgba(255,255,255,0.5);*/
}


.regText{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	direction: rtl;
	margin: 10px 0px;
	text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);
}

.fieldsHolder{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	margin: 15px 0px;
}
#allCats{
	margin-bottom: 100px!important;
}
.inputName{
	position: relative;
	width: 100%;
	height: 60px;
	float: right;
	margin: 0px 0px 0px 10px;
	font-size: 30px;
	font-weight: 700;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #ce142a;
	text-align: right;
	text-indent: 25px;
	line-height: 60px;
	direction: rtl;
	outline: 0;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.vote{
	position: relative;
	width: 100%;
	height: 60px;
	float: right;
	margin: 0px 0px 0px 10px;
	font-size: 30px;
	font-weight: 700;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #ce142a;
	text-align: center;
	line-height: 60px;
	direction: rtl;
	outline: 0;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	z-index: 1;
}


.voted{
	background-color: #ce142a!important;
	color: #fff!important;
}


.boxItem{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	/*box-shadow: 0px 5px 5px #d81f36;*/
	color: #ce142a;
	font-size: 30px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index: 3;
	opacity: 0;
}
.boxItem a{
	text-decoration: none;
}
.boxOff{
	background-color: #fff;
	color: #ce142a;
	
}
.boxOn{
	background-color: #ce142a;
	color: #fff;
}
.svg-icon.red {
    width: 50px;
    height: 50px;
    filter: invert(15%) sepia(98%) saturate(6932%) hue-rotate(348deg) brightness(91%) contrast(101%);
}

.svg-icon.white {
    width: 50px;
    height: 50px;
    filter: brightness(0) invert(1);
}

#closeHT{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	/*box-shadow: 0px 5px 5px #d81f36;
	font-size: 34px;
	font-weight: 400;
	line-height: 64px;*/
	text-align: center;
	text-decoration: none;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index: 3;
}
#closeHT a{
	text-decoration: none;
}


.en{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}

/* categories */
.catItem{
	position: relative;
	width: 560px;
	height: 250px;
	float: left;
	margin: 15px 0px 40px 0px;
	padding: 0;
	z-index: 8;
	background-color: #fff;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
}

.catItemInner{
	position: relative;
	width: 536px;
	height: 226px;
	float: left;
	margin: 12px;
	padding: 0;
	z-index: 8;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
}
.catPic{
	position: relative;
	width: 100%;
	height: 170px;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	
}
.catName{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	font-size: 34px;
	line-height: 1;
	font-weight: 900;
	color: #FFF;
	text-align: center;
	direction: rtl;
	text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);
	
}

.catNew{
	position: absolute;
	width: 141px;
	height: 142px;
	right: -30px;
	top: -30px;
	background-image: url("images/new.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
}

.catNewText{
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
    left: 50%;
	font-size: 26px;
	line-height: 1;
	font-weight: 700;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
	transform:  translateX(-50%) translateY(-50%) rotate(-15deg);
}


.priceHolder{
	position: absolute;
	width: 128px;
	height: 125px;
	left: 0px;
	top: 0px;
	background-image: url("images/price.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
}

.priceText{
	position: absolute;
	width: 108px;
	height: auto;
	top: 50%;
    left: 50%;
	font-size: 22px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	text-align: center;
	direction: rtl;	
	transform:  translateX(-50%) translateY(-50%) rotate(15deg);
}

/* selected category */
.bgw{
	/*background-color: #FDF3EA;*/
	background-image: url("images/new_bg3.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;

}
.whiteBG{
	background-color: #FFF;
}

#catItemSelected{
	position: relative;
	width: 246px;
	height: 170px;
	float: left;
	margin: 0px 157px 40px 157px;
	padding: 0;
	z-index: 8;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
}
.userNameT{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	font-size: 100px;
	line-height: 1;
	font-weight: 900;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
}


.catDescription{
	position: relative;
	width: 540px;
	height: auto;
	float: left;
	font-size: 28px;
	line-height: 1.1;
	font-weight: 400;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
	margin: 15px 10px;
}

#TheQText{
	position: relative;
	width: 520px;
	height: 180px;
	float: left;
	font-size: 28px;
	line-height: 1.1;
	font-weight: 400;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
	margin: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	ertical-align: middle;
}

.catTip{
	position: relative;
	width: 560px;
	height: 220px;
	float: right;
	margin: 25px 0px;
	background-color: #fff5d1;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	box-shadow: 0px 5px 5px #ffc877;
	text-align: center;
}


#TheQHolder{
	margin-top: 50px!important;
}


.gRight{
	position: absolute;
	width: 52px;
	height: 48px;
	right: 10px;
	top: -24px;
	background-image: url("images/q_red.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.gleft{
	position: absolute;
	width: 52px;
	height: 48px;
	left: 10px;
	bottom: -24px;
	background-image: url("images/q_red.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.arrow{
	position: absolute;
	width: 22px;
	height: 91px;
	top: 174px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	z-index: 15;
}
.aLeft{
	background-image: url("images/arrow_left2.png");
	left: -35px;
}
	
.aRight{
	background-image: url("images/arrow_right2.png");
	right: -35px;
}
	

.gIcon{
	position: relative;
	width: 100%;
	height: 200px;
	float: left;
	margin: 20px 0px 20px 0px; 
	background-image: url("images/sm_q.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.tipLamp{
	position: absolute;
	width: 64px;
	height: 74px;
	right: -30px;
	top: -30px;
	background-image: url("images/tip_lamp.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

#catSelectFooter{
	position: relative;
	width: 640px;
	height: 466px;
	float: left;
	margin: 0;
	z-index: 8;
	background-image: url("images/red_bg1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.cbHolder{
	position: relative;
	width: 426px;
	height: auto;
	float: right;
	margin: 50px 67px 25px 67px;
	z-index: 3;
}


.chb{
	position: relative;
	width: 42px;
	height: 42px;
	float: right;
	margin: 0px 0px 0px 15px;
	z-index: 5;
}

.chbLabel{
	position: relative;
	width: 360px;
	height: auto;
	float: right;
	margin: 5px 0px 0px 0px;
	z-index: 1;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-align: right;
	direction: rtl;
	padding: 0;
}
.chbLabel span{
	font-size: 18px;
	font-weight: 400;
}

.linkText{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	margin: 0px 0px 15px 0px;
	z-index: 1;
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-align: center;
	direction: rtl;
	padding: 0;
	text-decoration: underline;
}

.linkText a{
	color: #fff;
	text-decoration: underline;
}

/* fate */
.gameTitle{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 28px;
	line-height: 1;
	font-weight: 600;
	color: #ce142b;
	text-align: center;
	direction: rtl;
	margin: 10px 0px;
	/*text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);*/
}

.smartIcon{
	position: relative;
	width: 300px;
	height: 300px;
	float: left;
	margin: 10px 130px;
	z-index: 8;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	opacity: 0;
}



#fateFooter{
	position: relative;
	width: 640px;
	height: 450px;
	float: left;
	margin: 0;
	z-index: 8;
	background-image: url("images/yellow_bg1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.footerDesc{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	font-size: 28px;
	line-height: 1.1;
	font-weight: 700;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
	margin: 90px 0px 0px 0px;
}

#backQ{
	margin-top: -10px!important;
}

.gamerName{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	font-size: 60px;
	line-height: 1;
	font-weight: 900;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
}

.yellowBG1{
	position: relative;
	width: 640px;
	height: 450px;
	float: left;
	margin: 0;
	z-index: 8;
	background-image: url("images/yellow_bg1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.yellowBG2{
	position: relative;
	width: 640px;
	height: 450px;
	float: left;
	margin: 0;
	z-index: 8;
	background-image: url("images/yellow_bg2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.redBG{
	position: relative;
	width: 640px;
	height: 450px;
	float: left;
	margin: 0;
	z-index: 8;
	background-image: url("images/red_bg1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.wordPlace{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	font-size: 44px;
	line-height: 1;
	font-weight: 900;
	color: #ce142b;
	text-align: center;
	direction: rtl;	
}

.StSh{
	/*text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);*/
	/*text-shadow: 0px 6px 9.6px rgba(255, 215, 46, 1);
	-webkit-text-fill-color: #ce142b;
	  -webkit-text-stroke-width: 3px;
	  -webkit-text-stroke-color: #ffd84c;*/
	
/*   text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
    0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092;
  color: #fccaff; */
  text-shadow: 0 0 10px #ffd72e, 0 0 15px #ffd72e, 0 0 20px #ffd72e, 0px 6px 9.6px rgba(0, 0, 0, 0.5);
    color: #ce142b;
  text-align: center;
	
}

.flipCard {
	position: relative;
	width: 560px;
	height: 220px;
	float: right;
	margin: 25px 0px;
  -webkit-perspective: 800;
  -ms-perspective: 800;
  -moz-perspective: 800;
  -o-perspective: 800;
}
.flipCard .card.flipped {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}
.flipCard .card {
	position: relative;
	width: 560px;
	height: 220px;
	float: right;
	margin: 0;
	background-color: #fff5d1;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	text-align: center;  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.4s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.4s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.4s;
  -o-transform-style: preserve-3d;
  -o-transition: 0.4s;
  transform-style: preserve-3d;
  transition: 0.4s;
}

.flipCard .card .side {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  backface-visibility: hidden;  /* W3C */
  -webkit-backface-visibility: hidden; /* Safari & Chrome */
  -moz-backface-visibility: hidden; /* Firefox */
  -ms-backface-visibility: hidden; /* Internet Explorer */
  -o-backface-visibility: hidden; /* Opera */
  /*box-shadow: 0 0 10px rgba(0,0,0,0.6);*/
	box-shadow: 0px 5px 5px #ffc877;
  overflow: auto;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
}
.flipCard .card .back {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}

.flipCard .card .front {

}
.flipCard .card .back {
}


.wordSpace{
	margin-top: 30px;
}
.wordSpace2{
	margin-top: 70px;
}
#WordDesc{
	margin-top: 125px;
}

.finalBox {
	position: relative;
	width: 100%;
	height: 220px;
	float: right;
	margin: 0px 0px 40px 0px;
	background-color: #fff;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
	border: 5px solid #ce142b;
}



/* form */


#FormHolder{
	position: relative;
	width: 640px;
	height: auto;
	float: left;
	z-index:5;
	background-color: #fff;
	margin-bottom: 100px;
}

#FormDiv{
	position: relative;
	width: 400px;
	height: auto;
	float: left;
	margin: 50px 120px;
	z-index:5;
}

#PreDiv{
	position: relative;
	width: 400px;
	height: auto;
	float: left;
	margin: 50px 120px;
	z-index:6;
	display: none;
}

#ThankYou{
	position: relative;
	width: 400px;
	height: auto;
	float: left;
	margin: 50px 120px;
	z-index:6;
	display: none;
}


#textToCopy{
	opacity: 0.01;
	font-size: 1;
	color: transparent;
}

#thanksTitle{
	position: absolute;
	width: 100%;
	height: auto;
	right: 0px;
	top: 250px;
	z-index: 1;
	font-size: 30px;
	line-height: 1;
	font-weight: 400;
	color: #401268;
	text-align: center;
	direction: rtl;
}


.inputText{
	position: relative;
	width: 100%;
	height: 66px;
	float: right;
	margin: 20px 0px 0px 0px;
	font-size: 32px;
	font-weight: 700;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	text-align: center;
	direction: rtl;
	outline: 0;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
}


/* Specific Safari fix for select element */
@supports (-webkit-touch-callout: none) {
    .inputSelect {
        padding-right: 20px; /* Instead of text-indent for RTL */
        text-indent: 0;
    }
}



.SendBut{
	position: relative;
	width: 272px;
	height: 70px;
	float: right;
	z-index: 3;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 70px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	direction: rtl;
	margin: 20px 64px 0px 64px;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	background-color: #254f36;
}
#SendBut a{
	text-decoration: none;
	color: #fff;
}

#ErrorDiv{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	z-index: 1;
	text-align: center;
	direction: rtl;
	font-size: 20px;
	line-height:1;
	font-weight: normal;
	font-variant: normal;
	margin: 20px 0px 0px 0px;
	color: #F00;
}
#copyStatus{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	z-index: 1;
	text-align: center;
	direction: rtl;
	font-size: 20px;
	line-height:1;
	font-weight: normal;
	font-variant: normal;
	margin: 20px 0px 0px 0px;
	color: #4CAF50;
	display: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.noText{
	color: transparent;
	overflow:hidden;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none;
}

#stiky{
	position: fixed;
	width: 640px;
	height: 100px;
	left: 0px;
	bottom: 0px;
	z-index: 50;
	background-color: #e35892;
}
#stikyBtn{
	position: relative;
	width: 640px;
	height: 100px;
	left: 0px;
	top: 0px;
	z-index: 3;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 100px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	direction: rtl;
	text-decoration: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #254f36;
	display: block;
}
#stikyHolder{
	position: absolute;
	width: 640px;
	height: 100px;
	left: 0px;
	top: 0px;
	z-index: 3;
}
.stikyText{
	position: absolute;
	width: 640px;
	height: 100px;
	left: 0px;
	top: 0px;
	/*text-indent: 100px;*/
	z-index: 50;
	font-size: 50px;
	line-height: 100px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	direction: rtl;
	text-decoration: none;
	display: block;
}
.stikyText a{
	color: #fff;
	text-decoration: none;
}

#winnerT{
	position: relative;
	width: 560px;
	height: 339px;
	float: left;
	margin: 350px 0px 25px 0px;
	z-index: 8;
	background-image: url("images/winner.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	opacity: 0;
}

#winTitle{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
	margin: 0px 0px 25px 0px;
	z-index:15;
	color: #fff;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	direction: rtl;
}
#WinnerName{
	margin-top: 210px!important;
}

/* Share Section */
#shareSection{
	position: relative;
	width: 100%;
	float: left;
	margin: 10px 0px 15px 0px;
	z-index: 8;
	text-align: center;
}
.shareTitle{
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 0px 0px 12px 0px;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.shareButtons{
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 18px;
}
.shareBtn{
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 26px;
	text-decoration: none;
	transition: transform 0.2s ease;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
}
.shareBtn:active{
	transform: scale(0.9);
}
.shareWhatsapp{
	background: #25D366;
}
.shareTelegram{
	background: #0088cc;
}
.shareFacebook{
	background: #1877f2;
}
.shareFollow{
	color: rgba(255,255,255,0.8);
	font-size: 16px;
	font-weight: 500;
	margin: 0px 0px 10px 0px;
}
.followButtons{
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-bottom: 5px;
}
.followBtn{
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: transform 0.2s ease;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.followBtn:active{
	transform: scale(0.95);
}
.followBtn i{
	font-size: 18px;
}
.followInstagram{
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
.followTiktok{
	background: #010101;
}

/* confeti */
#confetti-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

/* Individual confetti piece */
.confetti {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffcf25;
    opacity: 1;
}

/* Confetti shapes and colors */
.confetti.square {
    background: #ef3349;
}

.confetti.circle {
    border-radius: 50%;
    background: #4CAF50;
}

.confetti.triangle {
    width: 0;
    height: 0;
    background: transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #ffcf25;
}

.confetti.rectangle {
    width: 12px;
    height: 5px;
    background: #ce142a;
}

.confetti.star {
    background: #ffd84c;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

/* אפקט חזותי של תותחים - מוסתר */
.cannon {
    display: none;
}


/* מניעת selection על כל האלמנטים למניעת בעיות מגע */
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* אבל אפשר selection על input fields */
input, textarea, .inputName {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.Flaticon_License{
	opacity: 0;
	top: -1000px;
}


/* login */

.login{
	position: relative;
	width: 100%;
	height: 60px;
	float: right;
	font-size: 30px;
	font-weight: 700;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #ce142a;
	text-indent: 25px;
	line-height: 60px;
	outline: 0;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	z-index: 1;
	direction: ltr;
	text-align: left;
	margin: 0px 0px 25px 0px;
}

.login a{
	text-decoration: none;
	color: #000;
}
#userMN, #logoutm, #fname{
	display: none;
}
#userPic{
	position: relative;
	width: 40px;
	height: 40px;
	float: right;
	margin: 10px 0px 10px 10px;
	z-index: 1;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	border: 2px solid #ce142a;
}
.loginHolder{
	position: relative;
	width: 270px;
	height: 100px;
	float: right;
	margin: 0px 164px 0px 0px;
	z-index: 1;
}
.logIcon{
	position: relative;
	width: 100%;
	height: 100px;
	float: right;
	font-size: 30px;
	font-weight: 700;
    font-family: 'Rubik',Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	line-height: 100px;
	outline: 0;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border: none;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	z-index: 1;
	direction: ltr;
	text-align: center;
	margin: 0px 0px 25px 0px;	
	background-repeat: no-repeat;
	/*background-position: right center;*/
	background-position: right 25px center;
	background-size: auto 75%;
	text-decoration: none;
}
.logIcon a{
	text-decoration: none;
	color: #000;
}
.fb{
	/*margin: 10px 32px 10px 0px;*/
	background-image: url("images/fb.png");
}

.gg{
	/*margin: 10px 0px 10px 0px;*/
	background-image: url("images/gg.png");
}

.tt{
	background-image: url("images/tt.png");
}

.in{
	background-image: url("images/in.png");
}

.logIcon.gg {
    background-image: url("images/gg.png");
    cursor: pointer;
    transition: transform 0.2s ease;
}

.logIcon.gg:hover {
    transform: scale(1.05);
    opacity: 0.8;
}

.logIcon.gg:active {
    transform: scale(0.95);
}

/* הסתרת כפתורי Google אוטומטיים */
div[id^="credential_picker"] {
    display: none !important;
}

.g_id_signin {
    display: none !important;
}

.password-container {
    position: relative;
	width: 100%;
	height: 60px;
	float: right;
	margin: 0px 0px 25px 0px;
}

.password-toggle {
    position: absolute;
    right: 25px;
    top: 0px;
	height: 60px;
	line-height: 60px;
    cursor: pointer;
    color: #000;
    font-size: 24px;
    z-index: 10;
}

.password-toggle:hover {
    color: #000;
}

footer {
    position: fixed;
    width: 640px;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    background-color: #f5f5f5 !important;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.2);
	overflow: hidden;
	/*border: 1px solid #1BFB0A;*/
}

#footerHolder {
    position: absolute;
    width: 640px;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    left: 0px;
    top: 0px;
    z-index: 1;
	background-image: url("images/banner.jpg")!important;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	overflow: hidden;
}

.footer-ad-container {
    border-radius: 10px 10px 0 0;
    height: 100px !important;
    max-height: 100px !important;
    overflow: hidden;
    display: block;
    align-items: center;
    justify-content: center;
}

.footer-ad-container .adsbygoogle {
    max-width: 100% !important;
    max-height: 100px !important;
}

/* סגנון לקישורי התחתית */
.footer-links {
    text-align: center;
    padding: 12px;
    background-color: #ef3349;
}

.footer-links a {
    color: #fff !important;
    text-decoration: none;
    margin: 0 8px;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #ffcf25 !important;
    text-decoration: underline;
}

.footer-copyright {
    font-size: 11px;
    color: #ffcf25;
    margin-top: 5px;
    text-align: center;
}
@media (max-width: 640px) {
    footer {
        min-height: 100px;
    }
    
    .footer-links a {
        display: inline-block;
        margin: 2px 5px;
        font-size: 12px;
    }
    
    .footer-ad-container {
        min-height: 70px;
        padding: 8px;
    }
}

p, li{
	font-size: 24px;
	line-height: 1.1;
	font-weight: 400;
	direction: rtl;	
}
/* checkbox */
input[type="checkbox"] {
    width: 26px;
    height: 26px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFF;
    border: 2px solid #000;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin: 0;
    vertical-align: middle;
    transition: all 0.3s ease;
}

input[type="checkbox"]:hover {
    border-color: #000;
    box-shadow: 0 0 5px rgba(206, 20, 42, 0.3);
}

input[type="checkbox"]:checked {
    background-color: #ce142a;
    border-color: #ce142a;
}

input[type="checkbox"]:checked::before {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

label[for="ct1"] {
    display: inline-flex;
    align-items: center;
    font-size: 24px;
	line-height: 26px;
    font-weight: 400;
    color: #ce142a;
    cursor: pointer;
    /*gap: 10px;*/
    direction: rtl;
    text-align: right;
}

/* מרווח בין ה-checkbox לטקסט */
input[type="checkbox"] + label,
label input[type="checkbox"] {
    /*margin-right: 10px;*/
}

/* אם ה-checkbox בתוך ה-label */
label input[type="checkbox"] {
    margin-left: 10px;
    margin-right: 0;
}


/* education */
#whyUS{
	position: relative;
	float: left;
	width: 520px;
	padding: 20px; 
	background: #f9f9f9; 
	margin: 20px 0px 120px 0px; 
	border-radius: 15px;
	-webkit-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 6px 9.6px 0.4px rgba(0, 0, 0, 0.5);
}

h4{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
	color: #ce142a;
	text-align: center;
	direction: rtl;
	margin: 0px 0px 20px 0px;
}


.popupTitle{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
	color: #ce142a;
	text-align: center;
	direction: rtl;
	margin: 20px 0px;    
}

.popupText{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color: #000;
	text-align: center;
	direction: rtl;
	margin: 10px 0px;
	/*text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);*/
}

.popupSmall{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
	z-index: 1;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	color: #666;
	text-align: center;
	direction: rtl;
	margin: 10px 0px;
	/*text-shadow: 0px 6px 9.6px rgba(0, 0, 0, 0.5);*/
}