* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#page-wrap {max-width:1220px !important}
.cd-header {text-align:center; margin:10px 0}
footer {text-align:center;padding: 30px 0;}
.rtl { direction:rtl; text-align:right;font-size:1rem;font-family:arial;}
 
.he .forms {font-size:1.2rem;font-family:arial !important;}
 
.forms {
	font-size:1rem;
	 
    font-size:1rem;
	margin: 10px auto 0;
	max-width: 500px;
	overflow: hidden;
	position: relative;
	padding: 0;
	box-shadow: 1px 1px 6px 5px #0000001c;
	padding:10px 20px;
}
h1 {
	padding: 0 0 20px 0;
	font-size: 26px;
	color: #666;
	font-weight: lighter;
	text-align: center;
}
.intro {text-align: center; margin:0 auto 10px; max-width:500px}
.forms form { padding:5px; }
#register, #forgot_password,#resend_verification, #subNV { display: none; }
.forms .tab-group {
	list-style: none;
	padding: 0;
	margin: 0;
}
.forms .tab-group:after {
	content: "";
	display: table;
	clear: both;
}
.forms .tab-group li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	background: #e5e6e7;
	color: #888;
	text-transform: uppercase;
	float: left;
	width: 50%;
	text-align: center;
	
	border-top: 2px solid transparent;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.forms .tab-group li a:hover {
	background: #dedfdf;
	color: #666;
}
.forms .tab-group .active a {background: #f5484a;color: #fff;} 
.forms .tab-group .active a:hover {	background: var(--colorRedHover);	color: #fff;}

.message {margin:10px auto; text-align:center; background-color:#4dac18; color:#fff; padding:20px ; max-width: 500px; }
.message.user_error {background:#c00}
.forms p {margin:20px 0; text-align:center;font-size: .9rem;font-family:arial !important}
.forms p a { text-decoration:none; border-bottom:1px #f5484a solid; padding-bottom:5px;font-family:arial !important;font-size: .9rem;}
.forms input {
	 
	display: block;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #ddd;
	color: #666;
	border-radius: 0;
	margin-bottom: 10px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.forms input:focus {
	outline: 0;
	border-color: #2e5ed7;
}
.forms label {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-bottom: 5px;
	display: none;
}
.forms .button {
	border: 0;
	outline: none;
	border-radius: 0;
	padding: 10px 0;
	font-size: 1.2rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #73cf41;
	color: #fff;
	cursor: pointer;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.forms .button:hover, .button:focus { background: #56ae26; }
 
.social {text-align:center; margin:10px auto 30px; display:grid;grid-template-columns: repeat(3, 1fr); gap:10px 20px;   }
.social h4 {grid-column: -1 /1; margin-bottom:20px}
.social a { padding: 20px 10px; text-decoration: none; font-size: 18px;  font-weight: bold;  text-align: left;  text-indent: 40px;}
.social a:hover { border: 1px #000 solid; background-color:#fafafa}
.forms h4.sep {text-align:center; margin-bottom:20px}
.social .linkG {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyBJREFUWEftlVtIFGEUx//nm9lVK2LXiLSSpKKgpDK1spS2iCjroQtFCFJ0Qai0J6uHcie6QL51fwmiCCKWgoK0RDftguaaSUW9dCW0wjCl1NptvhNDara0szMa2IPz+p3z///m/505QxjkhwbZH0MAQwnYTuD98tTRelBZI4D5AJIkk5OJWwSjURCVJlYGAnYG2zLA26wstxrz/SAY20BwRjJhSfegUNH4ige1VkAsATQtSU+FTtcgkGRRNCSJto6vqLsQrT4qwIel6Sm6TncBuKKJ9Zwz5BvB0jPW/+httB5TgHeZmXEiLtQIoil9hSTkM4JSAqBGkP5NsjqJIHMJ2CghmxTdsSixqvZNNHPj3BTgQ25Kof4x7lhfIQYdGRc/oZh8Pj3coGlR+gLFIZoTyuteWzE3BWAGdZYqLzurxzYH6xMyugfv1LjKwE6r4lbqIibQdVPNZsYdQyT4bviTDt9kRQpndtKtmlYrwlZrIgJ0ljoKQHy8V0jS6WErQjvChT1a2xkCTzYzFERnK72uy3+rMQFQj4Kwu7eJqGDYstDJcJHFWmsDQKlmAAwuua3F77EHcEMtgUDRvwAAcMKvuQvtAYRdAet8ZvhKfXt/EgDxPr83/rAtgL5D2CEdjze3e8QndcTCmvW+qEO4WGu7BPCG3+lxrt8bf8kWQM9n+Fx3Nxe0ZWWESDH2/8n6vCsFZvft0T4nC/BzgGKNOgbrDDWhShv5yRaAUbzrclbh/eCYPxYRER0KvEjxQtNkuGD24ZZER0gtAzCz50yCyqo0V04kaNNN6Dm3KfaL0t5IJKb+uQ3xVBCOyh96jYjhIELOiSw4Bzqti2vJb3V8TUv7Vc8MiHS/5mroF4DRNPfiumlS6veYyG1luTCz7uyYVx37cYuHILx+zX3IrC/q39Bonn1+7QxBuA7CBCsQxsWrXTP21+YXHwGIBwxgCMw6t8rlcCgHmJEPICaSKANPAd77MO/qDSuwlhLoKzTn/OpRrIg1zJwJpuTun1QLJD8jUsoDr6bf/duA9nsGrLzFQGpsJzAQM9t74F+bDQH8lwn8BAR5IDCH5b6DAAAAAElFTkSuQmCC) no-repeat 10px center; color:#4285f4; border: 1px #4285f4 solid;}
.social .linkF {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA9JJREFUWEfFlm2IVGUUx//n3GXcFLFs8csa9I75IUhJd2ZEogz6kmW48xJa0s6LBoJBb36IxojKgqQkdOaOBNY2d3ahBZMoCtF0Znb6IKwfbH0jqLZFKNJk2nXZeY7c6856d3Zm7p3Zsvk0M8//f87vnvPc8zyE//lDc8m/vLvPs9Az0V7s3fR3q3HcAyQS3HV6qZc0eYqUWgfhTjCWTCUeE1GjLDwkLIc8JIePZuJ/uIFyASDkDR7YSKTeAeheN0EhUCDp1drkteOfx0cbeRoCrO3W75rUxABolavEVSIRKRFjZz4T21vPXxegK5D2M+RLW5lbYbA8Ahy4XF704un+wER1kJoAvkB6LVh9B5Cn5axVRlIYyC0f2YhEQtmXZgF0hfbdyaqt+G88+Wx4ejtvRN5oACDkC+mDrnsuchEsX4vwzwSZIKBDQC/Xr5oIiNblM9EjFc2MCvhDelAAw03ZBfil7PGs+PHg839W9Kuf3X+fprSzDv6T+WUjD1dacQMgkWDvcOdZAu5xBSCyo5CNfWTXugQAkQRzmVif6Z0GsHY9ywk3yU2NUvL4YF/se/O7N6yHSdEuULkd4DucYoiorwrZ+PoZAN6w/j4JXnEyV9YZquuEES9aAIHUh8T0kluviIyXPO0dpz57rjRdAV8weRLEDzkFUZAhBn/TBv7kB+OFX039mnD6SSXwK2AxQ6JOMazZoOSJQl/s2xsAId2c3bc7mRVIHzQisVq6ZtpIRNFcJpK2AMxT7Vbt0jhAjmdDI4Bm3iISejOXjbxlJVzZnVw0T+NLTk8/tT5ChJ8U1PZCJj5s/ucL6tuI8YyIdAL0gLs4tDtvRF63t6AEYL47M2DfhP6gvkcIO9x6rT0w9RpPA3iDyQtEfLfbIHMHoEAhG+m3vQWpARA9fbMAqMzLcv09Z2wtSG0B6NObAiAYzmej1l6ZBngknOy4KjxKQJsbiLm0gAjv5TLRnTMAzB/+YGq/EMX/Y4Cxsob7i73R32YB+DbvWyKT2nkSWugE0XoFZt4JZg0eXzi1HUIfOwEIyRUomrR0hPkEzHPyQDBMY7wqd6jnSkVb+0oW0pMAao5bxyR1BCL4S2nl1cUvtp6zS2oCmKP5NrpsCGNDqwntPjM5WDYUMrFj1fEazH7revYqgHfdnBF1QYXOCZfXV8Z2EwDXpb6w/igEHwBY0WQ1/gFhD5V4t73nTQNcNwj5Q+mAAJsAPAbglnowQuoMgwcgvDdn9PzuBO14/FYHeHDzwQULro6vYaalEOpUpNohuMiMUUxqQ+Z4dUrquAmbCTBX7TVPRpUwqLI5QgAAAABJRU5ErkJggg==) no-repeat 10px center; color:#2b3990; border: 1px #2b3990 solid;}
.social .linkY {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACzUlEQVR4AbVXA5AlMRCdsn95PXu2bdu2bdu2bdu2bRTP9t3a+ydJX/cpy8FmrqveZ6ffCyZ50ewGqxjkg2jLKurrjUpB9/FzCKukMwTQZ8R9+o9yKFdzK5AsP2IjFo0gMjvA3CjEZqOiXlCF2GNUDJqP73GyuDNg2wQUshDhcUqeG4fzsSymBuNXraCcNudaL4mNviPAZXyn2pY9tyBXF4Ec6c65rWGvHAysVRngMwcD37YM+MHNwI9uT47pA80W6OM014SBi8WSvHU5EDfPgzC8YBYowrQOLe6UvS+ISDAl71UfRFQ4JA3BGIjIMBARiMRE+wLwyULkTyJA32xKXisXiNdPJfG3T8BnDQXWuAj+lxMI/NwhewKkiI0ahbdSkA8OSZRpg/HdkVUAhYiPBdalRqocfnq/IwG0sRkVA32o922tkvn+DbL318/I/6wFWK2F9rj49I1WieLiUVn84GY3BawnAQ8tR+DEbjkCl465KeA+7XwhlgJWTJMCvn+mRemKADpFNVuJbSuASIiTBNuXqwmQYCSA2UnGXU+OAufAty4FVjWLqgCgHTDMVnK1rMDPSBIhBIhHt4C1KquyBkI0cjd21VKP+d51IJghhXz9CKxevowvQgNtlKMTrWEhEOEhkmzrUuXHsL0TAfziMdn7dy+BVc+uIEBvSwJ8EPb83qQ+ckv2eoENbK6wFetRCJ+/p+FGywZNioEI+SpJDm9VPQs2p3C+Juazcibgl0/Iof/0FliDAhkQIM2qdMzySJ6f7rzPGf5v6EFwYGO6qG5EC7WU4a0U7CH3muajt22ptFurZpAtS1mQ/IEtS4a9Jw5POr5Qz238R1P6p3ZOC2esl5Yi3CWn2jYvJnpOOR2KkMOeW3MSXpwnFLLQ0qxam09c3M6uZmk5ZrpoRjm4nEbQ3oLIqymHHBEf8o90BUc8/HM9BwSjz0iWoev5T4bJhCybiQ8HAAAAAElFTkSuQmCC) no-repeat 10px center; color:#fc3f1d; border: 1px #fc3f1d solid;}

form {box-sizing: border-box}

/* Add padding to containers */
form .container {
  padding: 5px;
  max-width:400px; margin:0 auto
}

/* Full-width input fields */
form input[type=text], form input[type=password] {
  width: 100%;
  padding: 15px 10px;
  margin: 5px 0 10px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
  font-size:1rem;
  
  
}
#top.he form input[type=text]::placeholder, #top.he form input[type=password]::placeholder {text-indent: 60px;}
.rtl ::-webkit-input-placeholder  { direction:rtl}

form input[type=text] {background: #f1f1f1 url(/users/mail.svg) no-repeat 97% 8px;}
form #name, form #lastname {background: #f1f1f1 url(/users/sign-up.svg) no-repeat 97% 8px;}
form input[type=password] {background: #f1f1f1 url(/users/password.png) no-repeat 97% 8px;}

form input[type=text]:focus, form input[type=password]:focus,
form input[type=text]:valid, form input[type=password]:valid {
  background-color: #ddd;
  direction:ltr;
  outline: none;
 
}
#login .tab.active {background:none}
 
/* Overwrite default styles of hr */
form hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for the submit/register button */
form .registerbtn {
  background-color: #486ff5;
  color: white;
  padding: 10px 0;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
    font-size: 1.1rem;
    text-transform: uppercase;
}

form .registerbtn:hover {
  opacity:1;
}

.botLang {margin:10px auto; }
.botLang a { margin:0 10px; font-size:.8rem}


 a {
  color: #f5484a;
}
.forms p a:hover  {color: var(--colorRedHover); border-bottom-color:  var(--colorRedHover);}
.prob a {color:#000 ; border-bottom-color:#000 !important}
.prob a:hover {color:var(--colorRedHover); border-bottom-color:var(--colorRedHover)  !important} 
/* Set a grey background color and center the text of the "sign in" section */
form .signin {
  background-color: #f1f1f1;
  text-align: center;
}

.rtl { direction:rtl; text-align:right}
 
.cd-header {text-align:center; margin:20px 0}
.cd-header a, .cd-header  { font-size:2rem}
footer {text-align:center;}
body { 
    font-size: 100%;
    font-family: Arial,sans-serif;
    color: #030d18;
    background: #fff;
    line-height: 1;
}
 
.forms2 {
	font-size:1rem;
	 text-align: center;
	margin: 10px auto 0;
	max-width: 500px;
	overflow: hidden;
	padding: 0;
}
.forms2 span {display:block; margin:0 auto 10px}
.forms2 p { text-align:center; font-size:1rem; margin:20px auto}
.forms2 a { text-align:center; font-size:1rem; display:block; margin:0 auto; color:#f5484a }

#top.english #login,
#top.english .tab-group,
#top.english h4.sep,
#top.english .social h4,
#top.english .cd-header,
#top.english #newHeader .today { display:none}
 
 @media only screen and (max-width:480px) {
	form input[type=text], form input[type=password] {  margin: 5px 0 15px 0;}
	.forms {box-shadow:none}
	.cd-header a, .cd-header  { font-size:1.25rem}
	.social {  border: 1px #9e9e9e solid;    padding: 20px 0;    border-left: 0;     border-right: 0; }
    .social a { padding: 45px 10px 15px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    background-position: center 10px !important;}
	.social {gap:10px;place-items: center;}
	.swipe_gesture {display:none}
}