@font-face {
    /*font-family: 'FbDinamika';
    src: url('../font/FbDinamika-Regular.otf');*/
	font-family: 'FbHadasaNew Regular';
	src: url('../font/FbHadasaNew-Regular.otf');
	font-style: normal;
}
html, body{
	width: 100%;
	height: 95%;
	background-color: #000000;
	overflow-y: overlay;
	overflow-x: hidden;
	/*font-family: 'FbDinamika';	*/
	font-family: 'FbHadasaNew Regular';
	color: white;
}
:lang(en){
	/*font-family: 'Titillium Web', 'FbDinamika' !important;*/
	font-family: 'FbHadasaNew Regular' !important;
	direction: ltr;	
}


.btn-support{
	position: fixed;
	color: white;
	left: 3.5%;
	top: 1%;
	background-color: #00C666;
	padding: 2 4 2 4;
	z-index: 3;	
}
.btn-support > a{
	color: inherit;
	text-decoration: inherit;	
}

.user-identifier{
	display: block;
	position: fixed;
	color: white;
	left: 0.5%;
	top: 5%;
	z-index: 10;
}
.h-centred{	
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);	
}

.v-centred{	
	top: 50%;	
	transform: translate(0, -50%);
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.login-menu{
	width: 25vw;
    height: 50vh;
    position: fixed;
    top: 20%;
    background-color: #242930;
    border-radius: 5px;
}
.login-menu-header{
	width: 100%;
	height: 40%;		
	position: relative;	
}
.img-logo-login{
	position: absolute;
    top: -40%;
    z-index: 2;
    width: 35%;
}
.login-menu-title{	
	font-weight: bold;
	top: 30%;
	font-size: 2vw;	
	position: absolute;	
	color: #00C0C0;
	letter-spacing: 0.44px;
}

.lang-control{
	top: 70%;
    font-size: 1.1vw;
    height: 15%;
    width: 50%;
    position: absolute;             	
}

.s-lang{
	position: absolute;
	width: 50%;		
	margin-right: auto;
}
.s-lang:hover{
	cursor: pointer;	
}
.lang-us{
	display: inline-block;		
	direction: ltr;
	text-align:center;
}

.lang-he{
	display: inline-block;		
	direction: rtl;
	right: 0px;
	text-align:center;
}

.i-lang{
	position: absolute;		
	width: 1.2vw;	
}
.img-lang-usa{
	left: -2%
}
.img-lang-hebrew{
	right: 7%;
}


.d-login-form{
	width: 100%;
	height: 75%;
	position: absolute;
}
.f-login{
	position: absolute;
	width: 100%;
	height: 100%;
}
.i-form{
	font-family: 'FbHadasaNew Regular';
	font-size: 1.1vw;
	padding-right: 10px;
	padding-left: 10px;	
	color: #FFFFFF;
	direction: rtl;
	position: relative;
	display: block;	
	width: 70%;
	height: 5vh;	
	border-radius: 50px;
	border-width: 0px;
	border-style: solid;
	text-align:center;
}
.i-form:lang(en){
	font-size: 0.8vw;
	direction: ltr;
}
.i-user, .i-password{
	margin-bottom: 2vh;
	color: #696A6B;
	opacity: 0.8;
}


.i-submit{
	background-color: #5ABDBF;
	color: white;
	border-style: none;
	padding-right: 0px;	
	height: 5vh;
}

.i-submit:hover{
	cursor: pointer;
	background-color: #242930;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}
.d-login-bottom{
	top: 60%;    
    height: 6.5%;
    width: 75%;
    position: absolute;
	display: flex;
}

.d-remember{	
	position: relative;
    display: inline-block;
    width: 50%;
    direction: rtl;
    height: 50%;
    padding: 0 20 0 20;
}
.i-remember{	
	position: absolute;
	display:inline-block;		
	width: 1vw;
	height: 100%;
}
.l-remember{	
	position: absolute;
    display: inline-block;
    font-size: 0.8vw;
    text-align: right;   
    height: 100%;
    padding: 0 22 0 0;
}

.i-forgot{	
	display:inline-block;	
	font-size: 0.8vw;
	width: 50%;
}

.i-forgot:hover{	
	color: white;	
}

.d-i-form-msg{
	position: absolute;
	top: 70%;
	text-align: center;
	color: red;
	font-size: 1.4vw;	
}
.d-logo, .d-wedding-logo{
	position: fixed;
	top: 5px;
	right: 5.5vw;
	width: 7.5vw;
	z-index: 2;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.d-wedding-logo{
	display: none;
	left: 5.5vw;
}
.i-logo{	
	width: 100%;	
}

.slide-up{
	max-height: 0;
}

.slide-right{
	right: -13%;
}

.fade-out{
	opacity: 0;
	display: none;
}

.dim{
	opacity: 0.2;
}

.show-div{
	display: block;
}	

.show-div-inline{
	display: inline-block;
}	

.show-div-visibility{
	visibility: visible;
}	

.allow-overflow{
	overflow-y: overlay;
}