* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: 'Open Sans Hebrew', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-family: 'Open Sans Hebrew', sans-serif;
    margin: 0;
    font-size: 18px;
    color: #404041;
    direction:rtl;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
p {display:block; margin:1em 0 0.5em 0; }
p.text_block {display:block; margin:1em 1.5em 0.5em 1em; text-align:right; }
div.div_block { margin:1em 1.5em 0.5em 1em; text-align:right; }
.pica_red {color: #e52530 !important;}
.black { color:#404040;}
.redText { color: #c81723; }
a, a:visited { color:inherit; text-decoration:inherit; }
a.link, a.link:visited { color: #e52530; font-weight:bold; text-decoration:underline; }
a.link2, a.link2:visited { color:inherit; text-decoration:underline; }
a.white, a.white:visited { color: White; text-decoration:underline; font-size:0.7em; }
a.black { color:#404040; text-decoration:underline;}
b, strong, .bold { font-weight: 700; }
.center, p.center {text-align:center;}
.line { white-space:nowrap; }
.line_space { margin-top:1em; }
div.separator { border-bottom: solid 1px #888; margin: 15px 4%; }
.sup { vertical-align:super; font-size:smaller !important; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b0b0b0;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b0b0b0;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b0b0b0;
}
/*  from responsive_landing_page   */
a.contact, a.contact:visited { color: #e52530; font-weight:bold; text-decoration:underline; }
p.page_title, h1.page_title {font-size:1.6em; margin-top:50px; text-align:center; padding: 0 15px;}
p.sub_title, h2.sub_title { color: #e52530; font-size:1.2em; font-weight:bold; margin:10px 0 35px 0; text-align:center; padding: 0 15px;}
ul.text_block { }
div.col-center { width:100%; display:inline-block; text-align:right; padding:0 15px; }

/*-----------------*/
.mandatory::after {
    content: " * ";
    color: #e52530;
    font-weight:bold;
    float:left;
}
.heart::before {
    content: "\f004";
    color: #e52530;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size:90%;
}
h1 { margin: .67em 0 0 0; font-size: 1.6em; text-align:center; }
h2 { margin: .25em 0 0 0; font-size: 1.3em; text-align:center; font-weight:normal; }
h3 { margin: .15em 0 0 0; font-size: 1.2em; text-align:center; font-weight:normal; }

small { font-size: 80%; }
bigger { font-size: 125%; }
.small { font-size: 80%; }
.bigger { font-size: 125%; }

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup { top: -.5em }
sub { bottom: -.25em }

strike { text-decoration:line-through; }

img { border: 0 }

table {
    border-spacing: 0;
    border-collapse: collapse
}

td, th { padding: 0 }

.row { width:100%; }

.col-2 { width:49%; display:inline-block; }
.col-3 { width:32%; display:inline-block; }

.flex {
    display:-webkit-flex;
    display:flex;
}

/* parent should be "display:flex"  */
.col-1-12 { width:8.33%; display:inline-block; }
.col-2-12 { width:16.67%; display:inline-block; }
.col-3-12 { width:25%; display:inline-block; }
.col-4-12 { width:33.33%; display:inline-block; }
.col-5-12 { width:41.67%; display:inline-block; }
.col-6-12 { width:50%; display:inline-block; }
.col-7-12 { width:58.33%; display:inline-block; }
.col-8-12 { width:66.67%; display:inline-block; }
.col-9-12 { width:75%; display:inline-block; }
.col-10-12 { width:83.33%; display:inline-block; }
.col-11-12 { width:91.67%; display:inline-block; }
.col-12-12 { width:100%; display:inline-block; }

@media only screen and (min-width: 640px) {
 /* For desktop: */
 body { font-size:initial; }
 .row {
	width:640px;
	margin:auto;
    }
}
.row::after {
    content: "";
    clear: both;
    display: block;
}

.circle {
    background: url('../images_mobile/circle_white.png') center no-repeat;
    background-size: contain;
    padding:0.4em;
    display: inline-block;
    text-align: center;
	/*min-width:120%;*/
}
.rounded {
	border: 1px #a0a0a0 solid;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	padding:5px 10px 5px 10px;
	margin:5px 0;
}

.home_item, .home_sub_item { padding:0 8px 8px 8px; }
.home_item:first-child { padding-top:8px; }
.home_item img, .home_sub_item img { width:100%; }

.full_width { width:100%; }

#header {
    width:100%;
    background-color:#404041;
    text-align:center;
    position:relative;
    z-index:10002;
	display:inline-block;
}
#header > div {
    max-width:640px;
    margin:auto;
	position:relative;
}
.nav_logo {max-width:31.4%; display:inline-block; }
.nav_logo > a > img {width:100%; image-rendering: -webkit-optimize-contrast; transform: translateY(32%); -webkit-transform: translateY(32%);}
/*.nav_btn { position:absolute; right:30px; top:50%; transform: translateY(-50%); max-width:6.25%;}*/
.nav_btn { float:left; max-width:13.3%; cursor:pointer; position:relative;}
.nav_btn > img.back {width:100%; }
.nav_btn > img.btn {
	width:76.5%;
	position: absolute;
    right: 0;
    top: 25%;
    image-rendering: -webkit-optimize-contrast;
/*	transform: translateY(50%);
	display:none;*/
}
.nav_user_login { float:right; max-width:14.2%; cursor:pointer;}
.nav_user_login > a > img {
    width:63%; 
    -webkit-transform: translateX(-17%) translateY(60%);
    transform: translateX(-17%) translateY(60%);
    image-rendering: -webkit-optimize-contrast;
}
.nav_user_menu { 
    /*position:absolute; 
    right:5%; top:50%;
    -webkit-transform: translateY(-50%);  
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
    float:right;
    font-size:1em; 
    font-weight:bold; 
    cursor:pointer;
    position:relative;
    max-width:13.3%;
}
.nav_user_menu > img.back {width:100%; }
.nav_user_menu > span {
	width:76.5%;
	position: absolute;
    left: 0;
    top: 25%;
}

#footer {
    width:100%;
    background-color:#404041;
    text-align:center;
    color:White;
    padding:20px 0 0 0;
    font-size:1.3em;
}
#footer > div { max-width:640px; margin:auto; }
#footer > p {  margin:1em 0 0.5em 0; text-align:center; }

#top_menu, #top_user_menu {
    width:100%;
    position:absolute;
    right:0;
    top:3em;
    z-index:10001;
    height:18.5em;
    background: White;
    opacity:0.96;
    filter:alpha(opacity=96);
    color:#404041;
    font-size:1.4em;
    line-height:2em;
    overflow:hidden;
    -webkit-transition: height 0.8s, margin 0.8s; /* Safari */
    transition: height 0.8s, margin 0.8s;
	text-align:left;
    display:block;
    border-top:3px solid #e52530;
    margin-top:0;
}
#top_user_menu { text-align:right; height:13em; }

#top_menu_canvas {
    font-size:0.8em;
    height:5.2em;
    line-height:1.8em;
    padding-left: 2em;
    -webkit-transition: height 0.8s; /* Safari */
    transition: height 0.8s;
    display:block;
    overflow:hidden;
}

#top_menu.long {height:23em;}
#top_menu.nine_lines {height: 20.5em;}
#top_menu.nine_lines.long {height: 25em;}

#top_menu > div, #top_user_menu > div  { 
    padding:20px; 
    max-width: 640px;
    margin: auto;
}
#top_menu .highlight, #top_user_menu .highlight { color:white; }
#top_menu .highlight::before, #top_user_menu .highlight::before {
    content: "";
    position: absolute;
    right:0;
    width:100%;
    height:2em;
    background: #e52530;
    z-index:-1;
}
#top_back { 
    content: "";
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background: #404041;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:10000;
}
.hide_important { display:none !important;}
.hide { display:none;}
#top_menu.hide, #top_user_menu.hide, #top_menu_canvas.hide { height:0; margin-top:-3px; }

/*--------------*/
.projectBlock {
	margin-top:10px;
	border-bottom: 1px solid #e0e0e0;
	text-align:right;
	padding:1em;
	background-color:#f3f3f3;
	position:relative;
    height:10em;
}
.projectBlock > i { margin-left: 10px; }
.projectImage { min-height:8em; position:absolute; left: 1em; top:1em; z-index:2;}
.projectImage img { max-width:220px; height:145px; }
.projectBlock_content {
    z-index:1;
    position:relative;
    display:inline-block;
    width:100%; height:100%;
}
.projectBlock_content p.share { margin-bottom:0; bottom:0;}

.projectInfo {
    background-color:#e0e0e0;
	border-bottom: 1px solid #a0a0a0;
	padding:15px;
	text-align:right;
    clear:both;
    display:none;
}
/*--------------*/
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
    opacity:1;
    background:white;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
.swiper-pagination-bullet-active { background: #e52530; }
.swiper-slide > img, .swiper-slide > a > img { width:100%; }
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 6px; }
.swiper-container-horizontal > .swiper-pagination { bottom: 15px; }
/*--------------*/
.inputBlock {
    background-color:#f3f3f3;
	text-align:right;
}
.inputBlock .row { padding:0.5em 1em;}
/*--------------*/
p.share { font-size:1.4em; position:absolute; bottom:10px; }
p.share a {
    padding:7px;
	margin-left:20px;
    display:inline-block;
    width:40px; height:40px;
    color:White;
	background-color:#e52530;
    text-align:center;
    text-decoration:none;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius:50px;
	float: right;
	cursor: pointer;
 }
p.share a.edit {background-color:#e52530;}
p.share a.disabled {background-color:#d0d0d0;}
p.share .status {font-size:medium; color:#e52530;padding-top:0.6em;display:inline-block;float:right;}
p.share.comment {font-size:medium;}
p.share a.whatsapp  { background-color:Green; float:none;}
p.share a.facebook  { background-color:#365899; float:none;}
/*--------------*/
.vCenter {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 600px) {
	/* medium size */
    .col-m-1-12 { width:8.33%; display:inline-block; }
    .col-m-2-12 { width:16.67%; display:inline-block; }
    .col-m-3-12 { width:25%; display:inline-block; }
    .col-m-4-12 { width:33.33%; display:inline-block; }
    .col-m-5-12 { width:41.67%; display:inline-block; }
    .col-m-6-12 { width:50%; display:inline-block; }
    .col-m-7-12 { width:58.33%; display:inline-block; }
    .col-m-8-12 { width:66.67%; display:inline-block; }
    .col-m-9-12 { width:75%; display:inline-block; }
    .col-m-10-12 { width:83.33%; display:inline-block; }
    .col-m-11-12 { width:91.67%; display:inline-block; }
    .col-m-12-12 { width:100%; display:inline-block; }
}

@media only screen and (max-width: 400px) {
	/* For small or protrait: */
	body { font-size:0.9em;}
	/*.circle { padding: 7px; }*/
	p.share a { width:30px; height:30px; padding:5px; }
	.projectImage img { max-width:165px; height:109px;}

    .col-s-1-12 { width:8.33%; display:inline-block; }
    .col-s-2-12 { width:16.67%; display:inline-block; }
    .col-s-3-12 { width:25%; display:inline-block; }
    .col-s-4-12 { width:33.33%; display:inline-block; }
    .col-s-5-12 { width:41.67%; display:inline-block; }
    .col-s-6-12 { width:50%; display:inline-block; }
    .col-s-7-12 { width:58.33%; display:inline-block; }
    .col-s-8-12 { width:66.67%; display:inline-block; }
    .col-s-9-12 { width:75%; display:inline-block; }
    .col-s-10-12 { width:83.33%; display:inline-block; }
    .col-s-11-12 { width:91.67%; display:inline-block; }
    .col-s-12-12 { width:100%; display:inline-block; }
}
@media only screen and (max-width: 320px) {
	.projectImage img { max-width:150px; height:99px;}
}