b {
  font-weight: 500; 
}    
strong {
  font-weight: 500; 
}    
::selection {
  color: white;
  background: rgba(0, 0, 0, 0.65);
}
body {
  font-family: Rubik;
  text-align:left;
  margin:0 auto;  
  direction:ltr;
  color: #000;    
}

.img {
  border-radius: 10px;
}
div{
    direction:ltr;	   
    line-height: 1.2;  /* fix bug on some chrome browers on some OS*/     
}	

.page
{	
  max-width:1548px;
  width:81%;	
  text-align:left;
  direction:ltr;  
  margin:20px auto;    

  /* for footer */
  min-height: calc(100vh - 180px);  
}	
.pageContainer {
  width:90%; margin:auto;
  padding-top:2vw; padding-bottom:2vw; 
}


@media screen and (max-width: 1250px) 
{
  .page{
	width:95%;	
   /* for footer */
   min-height: calc(100vh - 150px);     
  }
}
@media screen and (min-width: 400px) and (max-width: 540px) 
{
  .page{
	width:97%;	
	padding-left:5px;
   /* for footer */
   min-height: calc(100vh - 120px);     
  } 
}
@media screen and (max-width: 400px) 
{
  .page{
	width:98%;	
	left:1px;
    min-height: calc(100vh - 110px);     
  } 
}



a:link{
  color: #000; 
  text-decoration: none;    
  color: rgba(0, 0, 0, 0.65);
}
a:visited{
  color: rgba(0, 0, 0, 0.50);
}
a:hover{
  color: #006DFF; 
}
a:active{
  color: #000; 
}
a.selected{
  color: #000; 
}

#header a{
  color: #000; 
  color: rgba(0, 0, 0, 0.65);
}
#header a:link{
  text-decoration: none;    
  padding-left:20px;  
  color: #000; 
  color: rgba(0, 0, 0, 0.65);
}
#header a:hover{
  color: #006DFF; 
}
#header a:active{
  color: #000; 
}
#header a.selected{
  color: #000; 
}
.btnSimple
{
  font-family:Rubik;
  font-size:14px;
  height:32px;
  font-weight:500;
  color: rgba(0, 0, 0, 0.6);
  border: 2px solid #EAEAEA; 
  border-radius: 6px; 
  padding:5px 20px 5px;  
  box-shadow: 0px 1px #EAEAEA;
  text-align:center; 
}
.btn
{
  cursor:pointer;
  height:32px;
  font-family:Rubik;
  font-size:16px;
  font-weight:500;
  color: rgba(0, 0, 0, 0.6);
  border: 2px solid #EAEAEA; 
  border-radius: 6px; 
  padding:5px 20px 5px;  
  box-shadow: 0px 1px #EAEAEA;
  text-align:center;
}
.btn:hover
{
  border: 2px solid #006DFF; 
  border-radius: 6px; 
  padding:5px 20px 5px; 
  box-shadow: 0px 1px #0248E5;
  text-align:center;
  color: rgba(0, 0, 0, 0.6);
}
.btn:active {
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}


.btn2 {
  padding: 1.1vw calc(0.9vw + 4px) 1.1vw calc(0.9vw + 4px);   
  background-color:rgba(0, 151, 255, 100);
  font-family:Rubik;
  font-weight:400;
  color:white !important;
  vertical-align:middle; 		  
  text-align:center;
  border-radius: 6px;
  cursor:pointer;  
  border:0;   
}
.btnText {
  font-size:calc(0.2vw + 11px);
}
.btn2:link {
  color:white !important;
}
.btn2:hover
{
  background-color:rgba(0, 151, 255, 0.8);
}
.btn2:active {
  transform: translateY(4px);
  color:rgba(0, 151, 255, 0.8);  
}
.btn2:focus{
  outline: none !important;
  border:1px solid white;	
}


#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
  cursor: pointer;
}

.hidden {	
 display:none;	
}


@media screen and not ((min-width: 500px) and (min-height: 500px))	 
{
 #footer {display:none !important;}  
 #partners {display:none !important;}   
}

#footer{
  background-color: #0A85FF;	
  font-size: calc(0.3vw + 10.5px); 
  width: 100%;
  margin: auto;
  text-align: center;
  font-weight:400;
  color:white;
 }	

#header{
   width:100%; 
   text-align:center;
   font-weight:400;    
   font-size:calc(0.5vw + 11px);  
   margin: auto;
   height:21px;  /* for responsive menu */
}
.headerLogo
{
  font-family: 'Luckiest Guy';font-weight: 400;font-style: normal;
  margin-left:7%;	  
}
.menuLinks
{	
  top:0.15vw;
  position:relative;
  vertical-align:middle; 
}
#headerJoinBtn
{
  position:relative;
  float:left; margin-left:7%;
}
.headerBox {
  margin-top:0.7vw; 
}
#headeHR
{
  width: 100%;
  height: 1px;
  background-color: #FAF9F6;
  box-shadow: 0  1px 1px 0px #e1e1e1;  
}
#header .headerLogo a{
 color:#0097FF;	
}
#header .headerLogo a{
 font-size:calc(1.0vw + 18px); 
}

.imgStrip 
{
  width:379px;		
  height:32px;		
}
#footer a:link{
  text-decoration: none;    
  color:  #FFFF66  ; /* Fallback for older browsers */
}
#footer a:visited{
  color: #FFFF66; 
}
#footer a:hover{
  color: #FFFFCC;
}
#footerHR
{
  position:relative;
  bottom:2px;
  width: 100%;
  height: 2px;
  background-color: #FAF9F6;
  box-shadow: 0  0px 1px 0px #e1e1e1;  
}

.link:link {
  color:#006DFF;	
}
.link:hover {
  color:rgba(0, 151, 255, 0.8);
}
.link:visited{
  color:#006DFF; 
}
.link:active{
  color:rgba(0, 151, 255, 0.8);
}

.tHeaderB
{
  font-size:calc(0.5vw + 16px);
  color: rgba(0, 0, 0, 0.70);
  font-weight:500;
}
.tHeaderMain
{
  font-size:30px;	
  font-weight:bold;
  color:#006DFF;	
}
.tHeader
{
  font-size:14px;	
  font-weight:500;
  color:black;	
}
.tHeaderBig
{
  font-size: min(max(20px, 1.7vw), 24px);
  font-weight:500;
  color:black;	
}
.tHeaderMed
{
  font-size: min(max(17px, 5vw), 17px);
  font-weight:500;
  color:black;	
}
.tHeaderSub
{
  font-size: min(max(16px, 10vw), 16px);
  color:black;	
}
.text
{
  font-size: min(max(17px, 20vw), 17px);
  color:black;	  
}
.text2 {
  padding-top:1vw; 
  font-size: min(max(15px, 1.8vw), 17px);
  color: rgba(0, 0, 0, 0.70);
}
.text3 {
  font-size: min(max(15px, 1.8vw), 17px);
  color: rgba(0, 0, 0, 0.50);
}
.tDate {
  font-size:14px;	
  color: black; /* Fallback for older browsers */
  color: rgba(0, 0, 0, 0.70);
}

.input-field {
  width: 100%;
  outline: none;
  font-size: calc(0.3vw + 11px);   
}

input,textarea, select {
  font-family: 'Rubik';
  font-size: calc(0.3vw + 11px);   
  padding: 0.8vw;
  height:25px;
  margin: 4px 0; 
  border-radius: 6px;
  box-sizing: border-box;  
  border: 2px solid #e1e1e1;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  resize: none;
}
/* width מוחל רק על מי שלא שייך ל-tomSelect */
select:not([class^="tomSelect"]) {
  width: 100%;
}
select {
  height:calc(0.625vw + 22px);
  padding:0;
  padding-left:0.8vw;
}


input:focus {
  border-color:#0248E5;
}
textarea:focus {
  border-color:#0248E5;
}
input:focus{
  border: 1px solid #006DFF;
}
select:focus{
  border: 1px solid #006DFF;
}
input::placeholder {
  opacity: 0.6;
}
textarea::placeholder {
  opacity: 0.6;
}
select::placeholder {
  opacity: 0.6;
}

.errInput{
  border: 1px solid red;
}
.input-container {
  padding-top:0.2vw;
}

.errorBox
{
  margin:auto;
  text-align:center;
  border-radius:10px;
  margin-bottom:1vw;
  padding:10px 10px 10px 10px;
  border-color:#FF5050; 
  border-style:outset;
}

.successBox
{
  margin:auto;
  background-color:#FFFFFF;
  border: 2px solid #13EC23; 
  border-radius: 10px; 
  padding:10px 10px 10px 10px; 
  box-shadow: 0px 1px #DADCDA;
  text-align:center;
}
.rowSpacer {
   padding-bottom:2vw;	
}