/*
Theme Name: Eran Shraga




/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */



@font-face {
  font-family: almoni-dl;
  font-weight: 300;
  font-style: normal;
  src: url(fonts/almoni-neue-aaa-300.eot);
  src: url(fonts/almoni-neue-aaa-300.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-neue-aaa-300.ttf) format('truetype'), url(fonts/almoni-neue-aaa-300.woff) format('woff')
}

@font-face {
  font-family: almoni-dl;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/almoni-neue-aaa-400.eot);
  src: url(fonts/almoni-neue-aaa-400.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-neue-aaa-400.ttf) format('truetype'), url(fonts/aalmoni-neue-aaa-400.woff) format('woff')
}

@font-face {
  font-family: almoni-dl;
  font-weight: 500;
  font-style: normal;
  src: url(fonts/almoni-neue-aaa-500.eot);
  src: url(fonts/almoni-neue-aaa-500.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-neue-aaa-500.ttf) format('truetype'), url(fonts/aalmoni-neue-aaa-500.woff) format('woff')
}


@font-face {
  font-family: almoni-dl;
  font-weight: 600;
  font-style: normal;
  src: url(fonts/almoni-neue-aaa-600.eot);
  src: url(fonts/almoni-neue-aaa-600.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-neue-aaa-600.ttf) format('truetype'), url(fonts/aalmoni-neue-aaa-600.woff) format('woff')
}

@font-face {
  font-family: almoni-dl;
  font-weight: 700;
  font-style: normal;
  src: url(fonts/almoni-neue-aaa-700.eot);
  src: url(fonts/almoni-neue-aaa-700?#iefix) format('embedded-opentype'), url(fonts/almoni-neue-aaa-700.ttf) format('truetype'), url(fonts/almoni-neue-aaa-700.woff) format('woff')
}

@font-face {
  font-family: almoni-dl;
  font-weight: 900;
  font-style: normal;
  src: url(fonts/almoni-dl-aaa-900.eot);
  src: url(fonts/almoni-dl-aaa-900.eot?#iefix) format('embedded-opentype'), url(fonts/almoni-dl-aaa-900.ttf) format('truetype'), url(fonts/almoni-dl-aaa-900.woff) format('woff')
}



html {
    color: #222;
   font-size: 10px;
    line-height: 1.4;
}

.mobileBg{
	display: none;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body{
	font-family: almoni-dl,sans-serif;
	font-weight: 400;
	color: rgba(10,16,39,1);
}
body,p,h1,h2,h3{
	color: rgba(10,16,39,1);
	
}
.topGrid{
	width: 100%;
	height: 100vh;
	max-height: calc(100vw/1.7);
	background-color: #010e5c;
	border: 2rem solid #fff;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	
	
}
.topGrid ,.topGrid *{
	transform: translate3d(0,0,0);
}
.rh2,.rh1,.rh3{
	position: absolute;
	top:0;
	box-sizing: border-box;
}
.bgImages{
	transform: translate3d(0,0,0);
	position: relative;
}
.blueRubua{
	background-color:rgba(10,16,39,.4);
}
.ribsCon{
	background-color:rgba(10,16,39,.8);
}
.firstRight .blueRubua{
	background-color: rgba(10,16,39,.9);
}

.gridContainer{
	font-size: 0;
	z-index: 1;
	width: 105%;
	height: 100vh;
	
	
	position: absolute;
	
	
	
	/*display: grid;
	 grid-template-columns: repeat(10, 10vw [col-start]);
  grid-template-rows: repeat(5, 10vw [col-start]);*/
}

.contentContainer{
	font-size: 0;
	position: absolute;
	z-index: 999;
	
		width: 105%;
	height: 100vh;
	
	
	
}
.ribsCon{
	position: absolute;
}
.basicRibua{
	/*width: 8.33vw;
	height: 8.33vw;*/
	
	float: right;
	box-sizing: border-box;
	display: inline-block;
	
}
.gridContainer .basicRibua{
	border-bottom:1px solid rgba(255,255,255,.07);
	border-left:1px solid rgba(255,255,255,.07);
}

.contentContainer  .basicRibua{
	border-bottom:1px solid rgba(255,255,255,0);
	border-left:1px solid rgba(255,255,255,0);
	
}
.firstMalben{
	position: absolute;
	
	
	
	float: right;
	box-sizing: border-box;
	
	border-bottom:1px solid rgba(255,255,255,0);
	border-left:1px solid rgba(255,255,255,0);
	margin-right: 74.97vw;
	margin-top: 8.33vw;
	
	transform: translate3d(0,0,0);
	
	
}
.secondMalben{
	position: absolute;
	width: 8.33vw;
	height: 8.33vw;
	
	
	float: right;
	box-sizing: border-box;
	
	margin-right: 58.31vw;
	margin-top: 24.99vw;
	transform: translate3d(0,0,0);
	
}
.thirdMalben{
	position: absolute;
	width: 16.66vw;
	height: 16.66vw;
	
	
	float: right;
	box-sizing: border-box;
	transform: translate3d(0,0,0);
	margin-right: 66.64vw;
	margin-top: 24.99vw;
	
}
.fourthMalben{
	position: absolute;
	width: 16.66vw;
	height: 16.66vw;
	
	background-color:  rgba(10,16,39,1);;
	float: right;
	box-sizing: border-box;
	transform: translate3d(0,0,0);
	margin-right: 41.65vw;
	margin-top: 33.32vw;
	
}


.fifthMalben{
	position: absolute;
	width: 8.33vw;
	height: 16.66vw;
	
	float: right;
	box-sizing: border-box;
	
	margin-right: 58.31vw;
	margin-top: 33.32vw;
	transform: translate3d(0,0,0);
	
}
.slick-vertical .slick-slide{
	border: none !important;
}
.imgCon{
	transform: translate3d(0,0,0);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.malbenInner{
	transform: translate3d(0,0,0);
	position: absolute !important;
}
.slick-list,.slick-track{
	height: 100% !important;
}
.slick-vertical .slick-slide{
	height: 100% !important;
}
.imgCon img{
	transform: translate3d(0,0,0);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: relative;
}

.bgImages:after{
	/*position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color: rgba(10,16,39,.6);*/
}
.textsCon {
	z-index: 99999999999;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
  
	
	height: 100vh;
	
}
.textsCon  .basicRibua{
	float: none;
	    border-bottom: 1px solid rgba(255,255,255,0);
    border-left: 1px solid rgba(255,255,255,0);






}
.textsCon,.contentContainer,.gridContainer{
	top:-5%;
}

.initialMenu,.headTop,.textConRibua{
	
	height: 0;
	 border-bottom: 1px solid rgba(255,255,255,0);
    border-left: 1px solid rgba(255,255,255,0);
}
.initialMenu #menu-main-menu-1{
	color: #fff;
	display: flex;
	padding-left: 2rem;
}

.initialMenu #menu-main-menu-1 a{
	color: #fff;
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 1px;
}
.initialMenu #menu-main-menu-1 a:after{
	content: '|';
	display: inline-block;
	padding: 0 2rem;
}
.initialMenu #menu-main-menu-1 li:last-child a:after{
	display: none;
}
.headTop h1,.h1{
	color: #fff;
	font-weight: 300;
	line-height: 1;
	margin: 0;
	
}
.h1{
	color: rgba(10,16,39,1);
}

.logoCon img{
	width: 100%;
	height: auto;
	position: relative;
	right:-1.7rem;
	
	right:0;
	bottom:0;
}
.gridContainer {
	z-index: 999999;
}
.logoCon{
	position: absolute;
	top:0;
	padding-right: 2rem;
	width: 100%;
	height: 100%;
}

.topMenuConCon{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	
	
		
}
.topMenuConCon  ul{
	display: inline-flex;
	position: absolute;
	margin-top: 2rem;
	
}
.topMenuConCon a{
	font-size: 1.8rem;
	color: #fff;
	text-decoration: none;
}
.headTop{
	padding-right: 6rem;
	
	height: 24.99vw;
	
}
.topMenuCon{
	
	height: 8.33vw;
	
		
}
.ribHeight{
	height: 8.33vw;
}

.tRest{
	padding-right: 6rem;
	padding-top: 9vw;
}
.menu-main-menu-container{
	flex-grow: 1;
}

.topMenuConCon  .menu-main-menu-container{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left: 4rem;
	box-sizing: border-box;
}
.textConInner{
	display: flex;
	flex-direction: column;
}
.headTop h1 .big{
	font-size: 4.3rem;
	display:block;
}

.headTop h1 .small{
	font-size: 2.4rem;
	display: block;
}

.textsCon p{
	width: 100%;
	font-size: 2rem;
	color: #fff;
	margin: 0;
	font-weight: 300;
	padding-left: 4rem;
	letter-spacing: .5px;
	box-sizing: border-box;
	
}
.aText{
	font-weight: 300;
}
.textsCon p.mb2{
	margin-bottom: 1.5rem;
}
.catsList a{
	color: #fff;
	text-decoration: none;
	font-size:1.7rem;
		letter-spacing: 0.5px;
	line-height: 3.7rem;
	display: flex;
	border: 1px solid #fff;
	position: relative;
	overflow: hidden;
	margin-left: 2.5rem;
}
.catsList .icon {
	height: 3.7rem;
	width: 3.7rem;
	border-left: 1px solid #fff;
	
	
}

.catsList .icon .svgCon{
	height: 3.7rem;
	width: 3.7rem;
	border-left: 1px solid #fff;
	display: flex;
	align-items: flex-end;
	
}
.aText{
	display: inline-block;
	padding: 0 1.5rem;
}
.icon {
	display: block;
}
.theMap{
	height: calc(100vh - 12.3rem);
	
	flex:  0 0 40%;
	background-color: #ccc;
}
.bigC .overCirc{
	transform: scale(8);
}
.projectsListCon .catsList a{
	border-color: rgba(1,12,48,1);
	color: rgba(1,12,48,1);
}

.projectsListCon .catsList path{
	
	fill:rgba(1,12,48,1);
	
}

.projectsList a{
	display: flex;
	flex-direction: column;
	padding: 2.35rem;
	box-sizing: border-box;
	transition: .3s all;
	height: 100%;
}

.projectsList a:hover{
	background-color: #E5E5E5;
}
.blog .catsList{
	
	align-items: center;
	flex-grow: 1;
	
}
.projectsTop{
	border-bottom: 1px solid #ccc;
	margin-top: 6.4rem;
	
	height: 6rem;
	padding: 0 4rem;
	box-sizing: border-box;
}
.projectsTop{
	font-size: 4.6rem;
	line-height: 6rem;
	padding-left: 2rem;
}
.projectsTop{
	width: 100%;
}
.blog .catsList .svgCon{
	border-left:1px solid #0a1045;
}
.blog .catsList a{
	color: #0a1045;
	border-color: #0a1045;
}
.blog .catsList a.active{
	color: #fff;
}
.blog .catsList a.active path{
transition: .3s all;
}
.blog .catsList a.active path{
	fill:#fff;
}
.home .catsList path{
	fill:#fff;
}
.projectsListCon{
	flex-grow: 1;display: flex;
	flex-direction: column;
	height: calc(100vh - 12.3rem);
	position: relative;
}
.loaderSign{
	height: 0;
	background-color: #000;
	transition: .3s all;
	
}
.loaderSign.active{
	height: 100px;
	
}
.projectsListCon .catsList{
	margin-top: 6.4rem;
	height: 7.6rem;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding-right: 4rem;
	box-sizing: border-box;
	
}
.projectsListCon .catsList .icon .svgCon{
	border-left: solid 1px rgba(1,12,48,1);
}
.icon svg{
	width: 100%;
	height: 100%;
	display: block;
}

.home header{
	top:-6.5rem;
	transition: .3s all;
}

.home header.down{
	top:0;
}
.liIcCon{
	display: inline-block;
	margin-left: .5rem;
	background-color: rgba(10,16,39,1);
	width: 2.7rem;
	height: 2.7rem;
}
.liIcCon svg{
	width: 100%;
	height: 100%;
	display: block;
}
.liIcCon path{
	fill: #fff;
}
.projectsList li{
	flex: 0 0 33.3333333%;
	width: 33.3333333%;
	
	box-sizing: border-box;
	
}
.projectsList li {
	text-decoration: none;
	color: #0a1045;
	display: flex;
	flex-direction: column;
	
}.projectsList li a{
	text-decoration: none;
	color: #0a1045;
	
	
}
.projectsList li h2{
	font-size: 2.3rem;
	font-weight: 600;
	color: #0a1045;
	margin-bottom: 0;
	line-height: 1;
	
}

.projectAddress{
	font-size: 1.8rem;
	margin: 1rem 0 2rem 0;
	line-height: 1.6rem;
	background-image: url(img/blue_marker.svg);
	background-position: right 1px top;
	padding-right: 2rem;
	background-repeat: no-repeat;
	min-height: 1.8rem;
	
}
.des{
	flex-grow: 1;
}
.des p{
	font-size: 1.6rem;
	line-height: 1.44;
	color: #0f0f0f;
	/*margin-top: 2.4rem;*/
	margin-top:1rem;
	margin-bottom: 0;
	flex-grow: 1;
}
.tpProj{
	display: inline-block;
	line-height: 4.2rem;
	border: 1px solid rgba(1,12,48,1);
	letter-spacing: 1.7px;
	font-size: 1.7rem;
	white-space: nowrap;
	padding: 0 1.5rem;
	margin-top: 2.4rem;
	align-self: flex-start;
	position: relative;
	overflow: hidden;
}
.tpProj:before{
	position: absolute;
	right:-100%;
	top:0;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background-color:  rgba(1,12,48,1);
	transition: .3s all;
}

.projectsList li a:hover .tpProj:before{
	right:0;
}
.projectsList li a:hover .tpProj:after{
	opacity:1;
}
.tpProj:after{
	position: absolute;
	right:0;
	top:0;
	width: 100%;
	height: 100%;
	content: 'אל הפרוייקט >';
	display: block;
	background-color:  rgba(1,12,48,1);
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: .3s all;
}

.projectsList li a:hover .tpProj:before{
	
}
.projectsList {
	padding:0 1.65rem 0 1.65rem;
	box-sizing: border-box;
	overflow: auto;
	flex-grow: 1;
	position: relative;
	/*padding-bottom: 1000px;*/
}
.blog,.category {
	overflow: hidden;
}
.thumbCon{
	width: 100%;
	height: 21rem;
	background-color: #ccc;
	
}
.thumbCon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.center{
	width: 1.6rem;
	height: 1.6rem;
	padding: 0;
	background-image: url(img/center.svg);
	background-size: 1.6rem;
	background-position: center;
	background-color: transparent;
	border:none;
	
	margin-right: 1rem;
}

.projectsListCon .catsList a{
	transition: .3s all;
	position: relative;
	overflow: hidden;
}

.projectsListCon .catsList a .aText,.projectsListCon .catsList path{
	transition: .5s all;
}

.projectsListCon .catsList a.active .aText{
	color: #fff;
}
.projectsListCon .catsList a.active path{
	fill:#fff;
}
.icon,.aText{
	position: relative;
}
/*.overCirc{
	width: 3rem;
	height: 3rem;
	background-color: #b2afaf;
	border-radius: 50%;
	opacity: 0;
	transition: 1s opacity , 1s background-color, 1s border-radius, 1s width, 1s height, 1s transform;
	position: absolute;
	 transform: scale(1);
}*/
.projectsListCon .catsList a:hover .overCirc{
	opacity: 1;
}

.circClick{
	
	background-color:  rgba(1,12,48,1);
	 transform: scale(3);
	
}

/*  Ripple */

.overCirc {
 width: 5rem;
	height: 5rem;
  border-radius: 50%;
  background-color: rgba(178, 175, 175,.3);
  transform: scale(1);
  position: absolute;
  opacity: 0;
transition: .5s transform,.5s background-color;
	
}

.active .overCirc {
		background-color:  rgba(1,12,48,1);
	    opacity:  1 !important;
}
.home .active .overCirc {
	
		background-color:  rgba(178, 175, 175,.3);
}
.projectsTop h1{
	font-size: 4.6rem;
	margin: 0;
	line-height: 5.9rem;
	padding-left: 8rem;
	font-weight: 500;
}
/*.projectsListCon .catsList a:before{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
}*/
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}
.loadMoreArea{
	height: 1px;
	
}
.loaderSign{
	background-color: rgba(255,255,255,.9);
position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	z-index: 999;
	background-image: url(img/ldng.svg);
	background-position: center;
	background-repeat: no-repeat;
	transition: .3s all;
}
.loaderSign.active.fullActive{
	height: 100%;
}
.rh1{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.rh2,.rh3{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-right: 2rem;
	
}
.h1spacer{
	flex-grow: 1;
}

.single #main{
	direction: ltr;
	 position: relative;
	
	
}
.bgImgTeam{
	height: calc(2*(100vw / 11) ) ;
	
	background-repeat: repeat-x;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	background-position: bottom;
	background-size: 51.2rem 28rem;
	    background-color: rgba(204, 204, 204,.5);
	overflow: hidden;
}
.bgImgTeam2{
	height: calc(2*(100vw / 11) ) ;
	background-image: url(img/teamBg2.svg);
	background-repeat: repeat-x;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	background-position: bottom;
	background-size: 51.2rem 28rem;
	z-index: 1;
	background-size: 51.2rem 28rem;
	   
}

.bgImgTeam1{
	height: calc(2*(100vw / 11) ) ;
	background-image: url(img/teamBg.svg);
	background-repeat: repeat-x;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	background-position: bottom;
	background-size: 51.2rem 28rem;
	z-index: 2;
		background-size: 51.2rem 28rem;
	    
}
.single .projectGris{pointer-events: none;
	background-size: calc((100vw / 11) ) calc((100vw / 11) );
    background-image: linear-gradient(to top ,rgba(0,0,20,.2)
 0, transparent 1px), linear-gradient(to left, rgba(0,0,20,.2)
 0, transparent 1px), linear-gradient(to bottom, #000
 0, transparent 0), linear-gradient(to right, #000
 0, transparent 0);
	min-height: 100vh;
	top: 0;
	background-position: left  top;
	position: absolute;
	right:0;
	height: 100%;
	width: 100%;

	transform: scaleX(-1);
	z-index: 999999;
}



.gridContainer{
	pointer-events: none;
	background-size: calc((100vw / 12) ) calc((100vw / 12) );
    background-image: linear-gradient(to top ,rgba(255,255,255,1)
 0, transparent 1px), linear-gradient(to left, rgba(255,255,255,1)
 0, transparent 1px), linear-gradient(to bottom, #000
 0, transparent 0), linear-gradient(to right, #000
 0, transparent 0);
	min-height: 100vh;
	
	background-position: right top;
	position: absolute;
	
	height: 105%;
	width: 100%;

	
	z-index: 999999;
}




.page .projectGris{pointer-events: none;
	background-size: calc((100vw / 11) ) calc((100vw / 11) );
    background-image: linear-gradient(to top ,rgba(0,0,20,.15)
 0, transparent 1px), linear-gradient(to left, rgba(0,0,20,.15)
 0, transparent 1px), linear-gradient(to bottom, #000
 0, transparent 0), linear-gradient(to right, #000
 0, transparent 0);
	min-height: 100vh;
	top: 0;
	background-position: left  top;
	position: absolute;
	right:0;
	height: 100%;
	width: 100%;

	transform: scaleX(-1);
	z-index: 999999;
}
.imageOne svg path{
	fill:#fff;
}
.imageOne .svgCon{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	opacity: .1;
}
.imageOne .svgCon svg{
	width: auto;
	height: 100%;
}
.thumbs  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.thumbs {
	overflow: hidden;
}
.imageOne img{
	
}
.imageOne{
	width:calc(((100vw / 11)*3) );
	height: calc(((100vw / 11)*2) );
	
top:0;
	right: 0;
	background-color: rgba(0,0,0,.2);
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	
}
.imageTwo{
	width:calc(((100vw / 11)*3) );
	height: calc(((100vw / 11)*2) );
	
top:0;
	right: calc(((100vw / 11)*8) );
	
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}

.imageThree{
	width:calc(((100vw / 11)*5) );
	height: calc(((100vw / 11)*3) );
	

	right: calc(((100vw / 11)*3) );
	top:calc(((100vw / 11)*2));
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}
.imageFour{
	width:calc(((100vw / 11)*2) );
	height: calc(((100vw / 11)*2) );
	
top:calc(((100vw / 11)*4) + 2px);
	right: calc(((100vw / 11)*6) );
	
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}
.i1Spacer,.i4Spacer{
	
	height: calc(((100vw / 11)*2) );
}

.i3Spacer{
	
	height: calc(((100vw / 11)*3) );
}
.imgComp {
	/*height: calc(((100vw / 11)*7) - 4px);*/
	position: relative;
	margin-top:  calc((((100vw / 11)*-1) ));
}
.imgComp0{
	margin-top: 0 !important;
}
.imageDec{
	background-size: cover;
	background-position: center;
}
.imageDec:before{
	content: '';
	display: block;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(10,16,39,.5);
	width: 100%;
	height: 100%;
}
.imageOne{
	background-color: rgba(10,16,39,1);
}

.single h1{
	color: #fff;
	font-size: 4.5rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1.5rem;
	line-height: .8;
}
.projTextCon{
	direction: rtl;
	padding: 3.7rem 5.5rem 3.7rem 5.5rem;
	box-sizing: border-box;
}
.projTextCon p{
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.38;
	white-space: pre-wrap;
}
.theTable ul{
	width: 100%;
	
	
	box-sizing: border-box;
	direction: rtl;
}
.theTable{
	background-color: rgba(255,255,255,.5);
	z-index: 999999;
	padding: 4rem;
	box-sizing: border-box;
}
.greyOne,.greyTwo{
background-color: rgba(204, 204, 204,.5);

}
.theTable ul li{
	display: flex;
	
}
.attr{
	border-left: 1px solid rgba(10,16,39,1);
	font-weight: 300;
}
.theTable ul li span{
	width: 50%;
	flex: 0 0 50%;
	text-align: right;
	font-size: 2rem;
	line-height: 1.2;
	padding-top: .5rem;
	padding-bottom: .5rem;
	box-sizing: border-box;
}
.value{
	padding-right: 4.7rem;
}

.bigGallery{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 99999999;
	transition: .5s all;
	
}
.bigGallery {
	opacity: 0;
	visibility: hidden;
}
.bigGallery.vis{
	opacity: 1;
	visibility: visible;
}
.bigGallery ul{
	width: 80vw;
	max-height: 80vh;
	
	
}
.toHome{
	text-decoration: none;
}
.home h1{
	font-size: 10px;
}
.home h1 img,.h1 svgCon{
	width: 7em;
	height: 5.4em;
}
.h1 svg{
	height: 100%;
	width: auto;
}
.home h1 span ,.h1 span{
	display: block;
}
.es{
	display: block;
	font-weight: 500;

	letter-spacing: .18em;
	padding-right: .3em;
	position: relative;
	top:-.2em;
}

.es span{
		font-size: 3.9em;
}
.np span{
	font-size: 2em;
}
.np{
	letter-spacing: .1em;
	padding-right: .7em;
	position: relative;
	top:-.2em;
}
.home h1 {
	height: 8.1em;
	display: flex;
}
.h1{
	
	display: flex;
	font-size: 8px;
}
	header .toHome .svgCon{
		height: 5.3em;
	}
.h1 .np{
	font-weight: 400;
}
text{
	direction: rtl;
}
.single .slick-track{
	display: flex !important;
	align-items: center  !important;
}
.bigImgCon{
	height: 100%;
	width: 100%;
}
.bigGallery li img{
	min-width: 100px;
	min-height: 500px;
	
	max-height: 80vh;
	object-fit: cover;
	object-position: center;
	border: 1rem solid transparent;
	box-sizing: border-box;
	
	transition: 1s all;
	
}
.bigGallery li.loaded img{
	border: 1rem solid #fff;
}
.bigGallery li.loaded h2,.bigGallery li.loaded p{
opacity: 1;}
.bigGallery li h2{
color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 0;
		padding: 0 1rem;
	transition: 1s all;
	opacity: 0;
	
}.bigGallery li p{
color: #fff;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0;
	padding: 0 1rem;
	transition: 1s all;
	opacity: 0;
}
.slick-arrow{
	width: 1.2rem;
	height: 2rem;
	background-size: 1.2rem 2rem;
	border: none;
	background-color: transparent;
	position: absolute;
	top:calc(50% - .6rem);
	transition: .3s all;
}
.slick-arrow:hover{
	opacity: .7;
}
.btnCon{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.slick-next{
	background-image: url(img/next_arrow.svg);
	right: -3rem;
}
.slick-prev{
	background-image: url(img/prev_arrow.svg);
	left: -3rem;
}
.prevP,.nextP{
	width: 12rem;
	flex: 0 0 12rem;
}
.prevP{
	text-align: left;
}
.thFirst p{
	background-color: transparent !important;
	padding: 0 !important;
}
#clsPopUp{
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top:2rem;
	right:2rem; 
	background-color: transparent;
	border:none;
	background-image: url(img/close.svg);
	transition: .3s all;
	transform: rotate(0);
}


#clsPopUp:hover{
	transform: rotate(90deg);
}
.thumbs button{
	border:none;
	background-color: transparent;
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.wpcf7-mail-sent-ok,div.wpcf7-mail-sent-ng{
	border: none !important;
	margin-right: 0;
	padding-right: 0;
	font-size: 2rem;
}
div.wpcf7-mail-sent-ng{
color:#9f1c34;
}
footer{
	background-color: rgba(10,16,39,1);
	position: relative;
}

header{
	height: 6.4rem;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	z-index: 999999;
	padding: 0 3rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .toHome{
	
	display: block;
	
}
.page-template-team #primary{
	padding-top: 6.4rem;
}

.page-template-team h1{
	font-size: 8rem;
	line-height: .7;
	text-align: center;
	font-weight: 300;
	margin: 4.5rem 0 6rem 0;
}
.teamWrapper{
	width: calc(7 * (100vw / 11));
	margin: auto;
	position: relative;
	z-index: 99999999;
}
header .toHome img{
	
  image-rendering: pixelated;
	
}
.kav{
	height: 2px;
	width: 28px;
	background-color: rgba(10,16,39,1);
	transform: rotate(0);
	position: relative;
	transition: .3s all;
}

.kav1{
	top:-6px;
}
.kav3{
	bottom:-6px;
}
.menuOpened .kav1{
	transform: rotate(45deg);
	top:2px;
	background-color: #fff !important;
}
.menuOpened .kav3{
	transform: rotate(-45deg);
	bottom: 2px;
	background-color: #fff !important;

}

.menuOpened .kav2{
	opacity: 0;
}

#menuBtn{
	height: 6.4rem;
	width: 2.8rem;
	background-color: transparent;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 99999999;
	padding: 0;
		
}

header{
	z-index: 9999999;
}
.content-area{
	position: relative;z-index: 0;
}
.mainNav{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color: rgba(10,16,39,1);
	z-index: 9999999;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	
	display: none;
	opacity: 0;
}

.mainNav #menu-main-menu{
	display: flex;
	justify-content: center;
	
}

.mainNav #menu-main-menu a{
	color: #fff;
	text-decoration: none;
	font-size: 5rem;
	font-weight: 300;
	position: relative;
	display: inline-block;
	
	
	bottom: -2rem;
	opacity: 0;
	
}
.single #primary{
	margin-top: 6.4rem;
}
.anB{
	transition: .3s bottom;
}
.mainNav #menu-main-menu a:after{
	position: absolute;
	display: block;
	content: '';
	bottom: 0;
	height: 1px;
	background-color: #fff;
	width: 0;
	transition: .3s all;
	right:50%;
}
.mainNav #menu-main-menu a:hover:after,.mainNav .current-menu-item a:after,.mainNav li.current_page_parent a:after{
	position: absolute;
	display: block;
	content: '';
	bottom: 0;
	height: 2px !important;
	background-color: #fff;
	width: 100% !important;
	right:0 !important;
}
.mainNav li{
	position: relative;
	transition: .3s all;
	bottom: 0;
	margin: 1.2rem 0;
}
.mainNav #menu-main-menu li:hover,.mainNav li.current-menu-item,.mainNav li.current_page_parent{
	bottom: 1rem;
}
.mainNav #menu-main-menu li:after{
	content:"";
	color: rgba(255,255,255,.3);
	display: inline-block;
	padding: 0 5rem;
	font-size: 5rem;
	font-weight: 300;
}
.mainNav #menu-main-menu li:last-child:after{
	content: '';
	padding: 0;
}
.eranImageCon{
	width: 41.4rem;
	height: 40rem;
	flex:  0 0 41.4rem;
}
.eranImageCon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.eran{
	display: flex;
	width: 100%;
	flex: 0 0 100%;
	padding: 4rem;
	
	box-sizing: border-box;
	
	position: relative;
	
	background-color: rgba(204, 204, 204,.3)
;
	margin-bottom: 15rem !important;
	
}
.eran:before{
	/*content: ''*/
	width: 10rem;
	height: 2px;
	background-color: rgba(10,16,39,1);
	position: absolute;
	left:0;
	right: 0;
	display: block;
	margin: 0 auto;
	top:0;
}
.eranDetails{
	flex-grow: 1;
	padding-right: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
.eranDetails h2{
	font-size: 4rem;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0;
}
.teamMembers{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 999999999;
	padding-bottom: 20rem;
	
	
}
.eranDetails h3{
	font-size: 2.2rem;
	font-weight: 400;
	margin-top: 1rem;
}
.teamMemebr {
	padding: 14rem 4.5rem 0 4.5rem;
	box-sizing: border-box;
	width: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	text-align: center;
}
.eranDetails p{
	font-size: 1.7rem;
	font-weight: 400;
	margin-bottom: 0;
	  line-height: 1.5;

}
.memTempImg{
	width: 3.9rem;
	height: 3.9rem;
	border: 1px solid rgba(10,16,39,1);
	margin: auto;
	background-size: 3.9rem;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 2rem;
}
.male .memTempImg{
	background-image: url(img/male.svg);
}
.female .memTempImg{
	background-image: url(img/female.svg);
}
.teamMemebr  h2{
	font-size: 3rem;
	font-weight: 400;
	margin: 0;
	
}
.teamMemebr  h3{
	font-size: 2.2rem;
	font-weight: 400;
	margin: 0;
}
.teamMemebr  p{
	font-size: 1.6rem;
	font-weight: 400;
	margin-top:1rem;
	
}
.servicesArea{
	width: 120rem;
	margin: auto;
	padding-bottom: 15rem;
}

.servicesArea ul{
	display: flex;
	justify-content: space-between;
}
.servicesArea ul li{
	flex: 0 0 33.3333%;
	text-align: center;
	padding: 0 2.3rem;
	box-sizing: border-box;
}
.mainParagraph{
	width: 80rem;
	margin: 10rem auto;
	font-size: 2rem;
	  line-height: 1.5;
	white-space: pre-wrap;
	text-align:center;
	

}
.servicesArea ul li p{
	font-size: 1.7rem;
	  line-height: 1.5;
	text-align: center;
	white-space: pre-wrap;
}
.servicesArea h2{
	font-size: 3.9rem;
	text-align: center;
	font-weight: 400;
	margin-bottom: 10rem;
}
.servicesArea ul li h3{
	font-size: 2.4rem;
	font-weight: 300;
	color: #9f1c34;
}
.topBanner ul{
	width: 100%;
	height: 67.6rem;
	overflow: hidden;
	position: relative;
}
.topBanner ul:after{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(10,16,39,.8);
}
.topBanner ul li{
	width: 100%;
	height: 100%;
}
.page-template-about  h1{
	color: #fff;
	font-size: 12rem;
	font-weight: 300;
	margin: 0;
	
}

footer{
	background-color: rgba(10,16,39,1);
	padding: 3rem;
	box-sizing: border-box;
}

footer nav ul{
	display: flex;
	justify-content: flex-end;
}
footer nav ul li:after{
	content: '|';
	display: inline-block;
	padding: 0 2rem;
	color: #fff;
	font-size: 1.7rem
}
footer nav ul li:last-child:after{
	content: '';
	padding: 0;
}
footer nav ul a{
	color: #fff;
	font-size: 1.7rem;
	text-decoration: none;
}
header .navHome{
	display: none;
}
.cr,.cr a{
color: rgba(255, 255, 255, 0.45);
font-size: 1.5rem;
	font-weight: 300;
	text-decoration: none;
}
.cr{
	padding-top: 5rem;
}
.credit{
	flex-grow: 1;
}
.page-template-contact h1{
	padding-top: 10rem;
	text-align: center;
	font-weight: 300;
	margin-top: 0;
	font-size: 8.1rem;
}
.page-template-contact #map{
	height: 41.1rem;
}

.conatctCon{
	width: 120rem;
	margin: auto;
	display: flex;
	margin-top: 7rem;
	padding-bottom: 20rem;
}
.cir{
	width: 1.8rem;
	height: 1.8rem;
	background-image: url(img/marker.svg);
	background-size: 1.8rem;
	margin-bottom: 1.5rem;
}
.tofesCon{
	flex-grow: 1;
}
.addressCon{
	padding-left: 16rem;
}
.addressCon span{
	display: block;
	font-size: 2.2rem;
	font-weight: 400;
	
}
.hideOnHeader{
	display: none;
}
footer .hideOnHeader{
	display: list-item;
}
.tofesCon h2{
	font-size: 2.2rem;
}

.tofesCon input,.tofesCon textarea{
	width: 100%;
	box-sizing: border-box;
	margin-top: 3rem;
}
.tofesCon input{
	line-height: 4.4rem;
	border:none;
	border-bottom: 1px solid rgba(10,16,39,1);
	font-size: 2.2rem;
	font-weight: 300;
	padding: 0 1rem;
	margin-bottom: 1.5rem;
}
.wpcf7-form-control-wrap{
	display: block;
}
.tofesCon textarea{
	
	border:none;
	border-bottom: 1px solid rgba(10,16,39,1);
	border-right: 1px solid rgba(10,16,39,1);
	border-left: 1px solid rgba(10,16,39,1);
	font-size: 2.2rem;
	font-weight: 300;
	padding: 0 1rem;
	height: 8rem;
}
.addressCon a{
	color: rgba(10,16,39,1);
}
.fg1{
	flex-grow: 1;
}
.tofesCon input[type="submit"]{
	display: inline-block;
	width: auto;
	
	padding: 0 4rem;
	background-color: transparent;
	border-bottom:none;
	margin: 0;
	transition: .3s all;
}
.tofesCon input[type="submit"]:hover{
	background-color: rgba(10,16,39,1);
	color: #fff;
}
.fl{
	border: 1px solid rgba(10,16,39,1);
	margin-top: 2rem;
	float: left;
}
.ajax-loader{
	position: absolute;
	top:0;
	left: 0;
	width: 100% !important;
	height: 100%  !important;
	background-color: rgba(255,255,255,.8);
	background-image: url(img/loader.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 !important;
	
}
span.wpcf7-not-valid-tip{
	font-size: 1.3rem;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	font-size: 1.3rem;
	border:  none !important;
	margin: 0;
	padding: 0;
}

#menu-main-menu-1 .homeLink{
	display: none;
}
footer .homeLink{
	display: list-item !important;
}
.aboutSummary{
	width: 120rem;
	margin: auto;
	display: flex;
	align-items: flex-start;
	padding: 15rem 0;
	
}
.aboutSummaryCon{
	margin-top: 100vh;
	background-color: #fff;
	z-index: 999999;
	position: relative;
}
.aboutSummary h2{
	font-size: 7.6rem;
	flex: 0 0 40%;
	line-height: .8;
	margin: 0;
}
.aboutSummary p{
	font-size: 1.9rem;
	line-height: 1.4;
	white-space: pre-wrap;
	font-weight: 400;
margin: 0;
}
.aboutSummary h2 span{
	display: block;
}
.redWords{
	font-weight: 500;
	color: #9f1c34;
}
.blueWords{
	font-weight: 300;
	
}

.topAreaAnim{
	position: fixed;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
}
.aboutTop,.bgImgTeam{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
}
.wbg{
	background-color: #fff;
	position: relative;
	z-index: 99;
}
.servicesArea{
	padding-top: 8rem;
	margin-top: 67.6rem;
	
	background-color: #fff;
}
.arrCon{
	height: 10rem;
	z-index: 999999999999;
	
}
.servicesArea img{
	width: 18.9rem;
	height: 18.9rem;
}
.scrollDown{
	background-color: rgba(10,16,39,1);
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	border:none;
	padding: 0;
	animation: arrD 2s infinite ;
	position: relative;
	animation-timing-function: ease-out; 
	background-image: url(img/darr.svg);
	background-size: 1.7rem;
	background-position: center;
	background-repeat: no-repeat;
}
.mi{
	display: inline-block;
	color: rgba(10,16,39,1);
	text-decoration: none;
	font-size: 1.9rem;
    line-height:2.5;
   
    font-weight: 400;
    margin: 0;
	padding: 0 4rem;
	border: 1px solid rgba(10,16,39,1);
	margin-top: 3rem;
	transition: .3s all;

}
.mi:hover{
	color: #fff;
	background-color:  rgba(10,16,39,1);
}

.eran{
	width: 120rem;
	margin: auto;
}
@keyframes arrD{
	0%{top:0;}
	25%{top:1rem;}
	50%{top:0;}
	100%{top:0;}
}

footer .menu-main-menu-container,.mainNav .menu-main-menu-container{
	width: auto !important;
	margin: 0 !important;
}

.accessMenu {
    background-color: #9f1c34;
    padding: 1.5rem;
    position: fixed;
    bottom: 14rem;
    right:-23rem;
    width: 20rem;
    color: #fff;
    transition: .3s all;
 z-index: 99999;
	visibility: hidden;
	
}
.opened .accessMenu {
	right: 0;
	visibility: visible;
}
.accessMenu h2{
	font-size: 1.8rem;
	color: #fff;
	margin-top: 0;
}

.accessMenu button{
	
	display: block;
	border: 1px solid #fff;
	width: 100%;
	height: 3rem;
	text-align: right;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	background-color: rgba(10,16,39,1);
	padding: 0 1.5rem;
	position: relative;
	
}
#openAccess {
    position: fixed;
    right: 0;
    bottom: 14rem;
    background-color: #9f1c34;
   
    border: none;
    width: 4rem;
    height: 4rem;
    transition: .3s all;
    z-index: 999999999;
}
#openAccess.opened{
	right: -4rem;
	visibility: hidden;
}
.kv{
	margin-top: 2rem;
}
#openAccess:after{
	 font-family: 'FontAwesome';
	  content: "\f29b";
	
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	
	left:0;
	
	vertical-align: middle;
	
}
#highlightLinks:after{
	 font-family: 'FontAwesome';
	  content: "\f0c1";
	
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	vertical-align: middle;
	padding-left: 1rem;
}

#highContrast:after{
	 font-family: 'FontAwesome';
	  content: "\f042";
	
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	vertical-align: middle;
	padding-left: 1rem;
}

#stopAnimation:after{
	 font-family: 'FontAwesome';
	  content: "\f28d";
	
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	vertical-align: middle;
	padding-left: 1rem;
}

#reset:after{
	 font-family: 'FontAwesome';
	  content: "\f01e";
	
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	vertical-align: middle;
	padding-left: 1rem;
}
#closeAccess{
	width: auto;
	padding: 0;
	background-color: transparent;
	border:none;
	position: absolute;
	left:0;
	top:1rem;
}
#closeAccess:after{
	 font-family: 'FontAwesome';
	  content: "\f057";
	
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	
	left:0;
	
	vertical-align: middle;
	padding-left: 1rem;
}

.rPageWrapper{
	max-width: 100rem;
	margin: 10rem auto;
	font-size: 2rem;
}
.rPageWrapper a{
	color: rgba(10,16,39,1);
}
.loaderCon{
	z-index: 999999999999;
	display: none;
	
}
.home  .loaderCon{
display: block;
	
}
.loader{
	background-color: rgba(10,16,39,1);
}
.esl{
	background-image: url(img/logo_white.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20rem;
}
.home header,.home footer,.home #primary{
	opacity: 0;
}
.home #openAccess{
	visibility: hidden;
	right:-4rem;
}
.ltp{
	background-color: transparent;
	z-index: 999999999;
	border: none !important;
}
.fBody{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}
.pnc{
	height: 6.3rem;
}
.projNav{
	border-top: 1px solid #ccc;
	height: 6.3rem;
	background-color: #fff;
	justify-content: space-between;
	padding: 0 3rem;
	box-sizing: border-box;
	
	bottom: 0;
	width: 100%;
}
.projNav.fixed{
	position: fixed;
}
.backToProj a{
	background-image: url(img/map.svg);
	background-size: 4.3rem;
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	padding-right: 5rem;
	
}

.projNav a{
	line-height: 6.3rem;
	font-size: 1.5rem;
	text-decoration: none;
	color: rgba(10,16,39,1);
	transition: .3s all;
	
}
.projNav a:hover{
	color:#9f1c34;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}