/*
Theme Name: RSVP Theme

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

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,800&subset=hebrew');

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-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
   ========================================================================== */
html{
	font-size: 10px;
	
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Assistant', sans-serif;
	color: #39393a;
	font-size: 1.8rem;

}
.wbga {
	background-color: #fff;
}
ul,li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.home #breadcrumbs{
	display: none;
}

.topArea{
	position: relative;
}
.single-post .topArea,
.home .topArea{
	position: fixed;
	top:0;
	right: 0;
	width: 100%;
}
.home .topArea,.home .topArea ul,.home .topArea li{
	height: 100vh;
	width: 100%;
	
}
.home .topArea li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.home .topArea li{
	display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
.desCon{
	position: absolute;
	bottom: 0;
	width: 100%;
	right: 0;
}
.wbg{
	position: relative;
	z-index: 999;
	background-color: #fff;
	margin-top: 100vh;
}

.desFrame{
	max-width: 103rem;
	height: 8.9rem;
	background-color: #fff;
	margin: auto;
	position: relative;

}

.slick-next,.slick-prev{
	border: none;
	background-color: transparent;
	font-size: 4rem;
	
	display: inline-block;
	vertical-align: middle;
	height: 1.6rem;
	width: 1rem;
	background-position: center;
	background-repeat: no-repeat;
}
.slick-prev{
	background-image: url(img/right_arr.svg);
	margin-left: 2.4rem;
}
.slick-next{
	background-image:url(img/left_arrow.svg);
	margin-right: 2.4rem;
}
.galleryPagination{
	display: table;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	padding-left: 5rem;
}
.galleryNUmbers,.galleryPaginationArrs{
	display:table-cell;
	vertical-align: middle;
	height: 100%;
}
.galleryNUmbers{
	font-size: 1.3rem;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
  font-style: italic;
	padding-left: 3.6rem;
	
}
.currentImgIndex{
	color: #39393a;
}
.totlaImgIndex{
	color: #9b9b9b;
}
.nSep{
	display: inline-block;
	height: 2rem;
	width: 1px;
	background-color: #4a4a4a;
	vertical-align: middle;
}
.topTextAreaCon{
	position: absolute;
	top:0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	
	justify-content: center;
	align-content: center;
}
.topTextArea{
	 align-self:center;
	text-align: center;
}

.topTextArea h1{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-weight: 300;
	letter-spacing: .24rem;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	font-size: 2.5rem;
	font-style: italic;
	padding: 0 10rem;
}
.topTextArea .line {
	margin: 3rem auto;
  width: 62.5rem;
	
  height: 1px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
background-color: #ffffff;
}

.mouseIcon{
	width: 2.8rem;
	height: 4.1rem;
	background-size: 2.8rem 4.1rem;
	background-image: url(img/mouse.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
}
.mouseArrow{
	background-image:url(img/down_arrow.svg);
	width: 1.1rem;
	height: .8rem;
	background-position: center;
	margin: auto;
	position: relative;
	top:.5rem;
	animation: mArrow 2s infinite;
	background-repeat: no-repeat;
}
.maxWidth{
	max-width: 113rem;
	margin: auto;
	position: relative;
}
#topLoader{
	position: absolute;
	width: 100%;
	top:20rem;
}
.whoWeAre{
padding-top: 9.8rem;
	padding-bottom: 6.6rem;
}
.whoWeAre h2{
	margin: 0 0 5.1rem 0;
	text-align: center;
	font-weight: 800; 
}
.whoWeAre p{
	text-align: center;
	max-width: 78rem;
	margin: 0 auto;
	white-space: pre-wrap;
	line-height: 1.67;
	  letter-spacing: 1.5px;
}
.rsvpSep{
	width: 1.4rem;
  height: 1.4rem;
  background-color: #d9222a;
	border-radius: 50%;
	position: relative;
	margin: auto;
}
.rsvpSepLoader{
	position: relative;
	display: inline-block;
}
.rc{
	width: 1.4rem;
  height: 1.4rem;
  background-color: #d9222a;
	border-radius: 50%;
	position: relative;
	margin: auto;
}
.rsvpSep:before,.rsvpSepLoader:before{
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 1.4rem;
  height: 1.4rem;
  background-color: #286aa6;
	left: -2.5rem;
	
}
.rsvpSepLoaderCon{
	text-align: center;
	opacity: 0;
	transition: .2s all;
}
.showB{
opacity: 1;
}
.rsvpSep:after,.rsvpSepLoader:after{
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	width: 1.4rem;
  height: 1.4rem;
  background-color: #0a8b42;
	right: -2.5rem;
	top:0;
}
.rsvpSepLoader:before{
animation: jumpCirc 1.5s;
	animation-iteration-count: infinite;
}

.rc{
animation: jumpCirc 1.5s;
	animation-delay: .5s;
	animation-iteration-count: infinite;
}

.rsvpSepLoader:after{
animation: jumpCirc 1.5s;	
	animation-delay: 1s;
	animation-iteration-count: infinite;
}
@keyframes jumpCirc{
	0%{top:0;}
	25%{top:-1rem;}
	50%{top:0;}
	100%{top:0;}
}
@keyframes mArrow{
	
	0%{top:.5rem;}
	20%{top:1.5rem;}
	40%{top:.5rem;}
}
.mouseIconCon{
	position: absolute;
	right: 0;
	top:0;
	height: 100%;
	display: table;
	padding-right: 5rem;
}
.mouseIconCell{
	display: table-cell;
	vertical-align: middle;
}
.desFrame .title{
	text-align: center;
	line-height: 8.9rem;
	letter-spacing: 2px;
	font-size: 1.8rem;
	
}
.bullets{
	margin-top: 26.3rem;
	background-color:rgba(230, 230, 230, 0.3);

	
}
.bullets ul{
	font-size: 0;
	text-align: center;
}

.bullets ul li{
	display: inline-flex;
	text-align: right;
	
}
.bullets ul li.first .textCon{
	background-color: #008c46;
	position: relative;
	top:-18.3rem;
}
.bullets ul li.middle .textCon{
	background-color: #1372aa;
}
.bullets ul li.last .textCon{
	background-color: #e21526;
}
.bullets ul li.middle{
	flex-direction: row-reverse;
}
.bullets .imgCon{
	width: 51.5rem;
	height: 41rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
}
.bullets  .textCon{
	
	width: 51.5rem;
	height: 41rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 7rem;
	box-sizing: border-box;
	position: relative;
	
}
.bullets h2{
	font-size: 2rem;
	 letter-spacing: 0.8px;
	color: #fff;
	margin: 0;
	padding-right: 2rem;
}
.headerCon{
	display: flex;
	justify-content: center;
	align-items: center;
}
.headerCon .line{
	flex-grow: 1;
	height: 1px;
	background-color: #fff;
}
.bullets p{
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.67;
  letter-spacing: 1.5px;
	white-space: pre-wrap;
}


.pCats li{
	display: inline-block !important;
}
.pDetails{
	flex: 0 0 45%;
	width: 45%;
	padding: 0 6rem;
	text-align: center;
	color:#fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}

.pDetails h3{
	text-transform: uppercase;
	font-weight: 700;
	margin: .5rem 0;
	font-size: 2rem;
}
.fImage{
	width: 55%;
	flex:0 0 55%;
	text-align: center;
	vertical-align: bottom;
	align-self: flex-end;
}
.fImage img{
	max-width:100%;	
	-webkit-filter: drop-shadow(0px .2rem 2rem rgba(0,0,0,.15));
filter: drop-shadow(0px .2rem 2rem rgba(0,0,0,.15));
}
.pItem{
	display: flex;
	overflow: hidden;
	height:34.6rem;
margin-bottom: 3rem;
}
.home .pItem:last-child{
	margin-bottom: 0;
}
.pSummary{
	margin: 2.2rem auto;
	font-size: 1.7rem;
	letter-spacing: 1.5px;
	max-width: 40rem;
	
}
.pCats{
	margin-top: 3.3rem;
	margin-bottom: 3.3rem;
}
.pYear{
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
}
.pLine{
	  width: 12.51rem;
  height: 1px;
  background-color:  #ffffff;
	margin: 0 auto;
}
.pLink{
	display: inline-block;
	margin: 0 auto;
	line-height: 4rem;
	color: #fff;
	text-decoration: none;
	padding: 0 5rem;
	border:1px solid #fff;
	font-size: 1.6rem;
	font-weight: 700;
	transition: .3s all;
	letter-spacing: 1px;
}

.lil:hover .pLink{
	background-color: #fff;
	border-color: #fff !important;
}

.featuredProjects{
	padding-top: 8rem;
	position: relative;
}
.featuredProjects  h2{
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 4rem;
	margin-top: 0;
	letter-spacing: 1px;
}

.aboutLink{
	font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.63;
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	background-image: url(img/arrow.svg);
	background-position: left 7rem center;
	background-repeat: no-repeat;
	padding-left: 11rem;
	position: absolute;
    left: 0;
    bottom: 4rem;
	transition: .3s all;
	letter-spacing: 1px;
}
.aboutLink:hover{
	background-position: left 6rem center;
}
.linkCon{
	text-align: center;
	padding-top: 6.3rem;
	padding-bottom: 2rem;
	
}

.home .linkCon{
	padding-bottom: 6.3rem;
}
.sp{
	padding-bottom: 11rem;
}
.toAllProjects{
	display: inline-block;
	font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 1.9px;
	line-height: 7rem;
	padding: 0 4rem;
	  color: #39393a;
	text-decoration: none;
	border:1px solid #000000;
	transition: .2s all;
	position: relative;
	overflow: hidden;

}
.toAllProjects:hover{
	color: #fff;
}
.toAllProjects span{
	position: relative;
	z-index: 999;
}
.toAllProjects:before{
	content: '';
	position: absolute;
	z-index: 99;
	top:100%;
	left:0;
	background-color: #39393a;
	height: 100%;
	width: 100%;
	transition: .2s all;
}
.toAllProjects:hover:before{
	top:0;
	
}
.socialN a{
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

footer{
	
	padding-top: 7rem;
}
footer .flexi{
	
	display: flex;
	flex-direction: row;
	
}
.fPart{
	flex-grow: 1;
}
footer h2{
	font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  border-bottom: solid 1px #4a4a4a;
  color:  #4a4a4a;
	margin: 0;
	padding-bottom: 2rem;
}
.fLine{
	 border-bottom: solid 1px #4a4a4a;
	padding-top: 4.1rem;
}
.f2{
	text-align: center;
}
.f3flex{
	display: flex;
	flex-direction: row;
	
}

.f3flex p{
	font-size: 1.6rem;
	
  letter-spacing: 0.8px;
	margin: 0;
}
.cAdress{
	padding-right: 8.5rem;
	box-sizing: border-box;
	white-space: pre-wrap;
}
.f3a,.f3b,.socialN{
	padding-top: 1.5rem;
}
.inline-block{
	display: inline-block;

}
.cprgt{
	text-align: left;
	font-size: 1.3rem;
	color: #4a4a4a;
}
.imgText{
	position: relative;
    z-index: 99999;
     letter-spacing: 2.4px;

    color: #fff;
	font-size: 2.5rem;
	 font-family: Lato;
  font-style: italic;
	top:8rem;
  font-weight: 300;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}


.headerS {
	display: flex;
	padding-right: 5rem;
	padding-top: 3rem;
	box-sizing: border-box;
	align-items: center;
	
}
header{
	height: 14rem;
	
}
.preHover{
	position: absolute;
	right:0;
	top:0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	cursor: pointer;
	transition: .2s all;
	visibility: visible;
	opacity: 1;
	filter: blur(0);
	
}
.preHover img{
	
	 filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}
.gridDisplay .pItem:hover .hover{
	filter: blur(0);
}
.homelc{
	display: flex;
	align-items: center;
	width: 92.5rem;
	margin: auto;
}
.gridDisplay .pItem:hover .preHover{
	/*animation: fadeOut .2s;
	animation-fill-mode: forwards;*/
		visibility: hidden;
	opacity: 0;
	filter: blur(2px);
}

@keyframes fadeOut{
	0%{visibility: visible;
	opacity: 1;}
	100%{visibility: hidden;
	opacity: 0;}
}

.pCats{
	font-size: 1.8rem;
}


.gridDisplay .pItem .hover{
	transition: .2s all;
	filter: blur(2px);
	width: 100%;
}

.listDisplay .preHover{
	display: none;
}
.home header{
	height: auto;
}
.breadCrumbs{
	font-size: 1.2rem;
	
	padding-right: 3rem;
}
.breadCrumbs,.breadCrumbs a{
	font-size: 1.2rem;
	letter-spacing: 0.9px;
	  color: #39393a;
	text-decoration: none;
}
.headerFixed{
	position: fixed;
	z-index: 999999;
	top:0;
	left:0;
	width: 100%;
	
}
.menuBtnCon{
	z-index: 1;
position: absolute;
	top:3.8rem;
left: 0;
	display: flex;
	
	align-items: center;
	width: 10%;
	transition: .3s all;
}
.mKav{
	flex-grow: 1;
	height: 1px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.3);
	

	
}
.mDots{
	padding-left: 1rem;
	
}
.mDots svg{
	width: 4.53rem;
	height: 1.1rem;
}
.mDots,.mKav,.mText{
	display: inline-block;
	vertical-align: middle;
}

.mText{
	text-shadow: 0px 2px 2px  rgba(0,0,0,0.2);
	color: #fff;
	font-weight: 700;
	padding-left: 1rem;
	font-size: 1.6rem;
	transition: .3s all;
letter-spacing: .8px;
}
.st1{
		transition: .3s all;
	
	}
.st0{filter:url(#a);}
	.st1{fill:#FFFFFF;}
	.st2{filter:url(#c);}
	.st3{filter:url(#e);}

.menuContentCon{
	background-color: rgba(0,0,0,.9);
		position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-content: center;
	
	opacity: 0;
		visibility: hidden;

	
}
/* alwaysblack */
.alwaysblack .mText,.blog .mText,.page-template-team .mText{
	color: #232323;
}
.alwaysblack .st1,.blog .st1,.page-template-team .st1{
	fill:  #232323;
}
.alwaysblack .mKav,.blog .mKav,.page-template-team .mKav{
	background-color:  #232323;
}
/* alwaysblack */
.black .mText,.blog .mText,.page-template-team .mText{
	color: #232323;
}
.black .st1,.blog .st1,.page-template-team .st1{
	fill:  #232323;
}
.black .mKav,.blog .mKav,.page-template-team .mKav{
	background-color:  #232323;
}
.cDet h3,.cDet p{
	opacity: 0;
	position: relative;
	letter-spacing: 1px;
}
.dkc{
	
	display: flex;
	justify-content: center;
	align-content: center;
	transition: .3s all;
	
}

.dkcie{
	position: absolute;
	left:100%;
	top:-1.2rem;
}
.menuContentConCon{
	align-self: center;
	font-size: 0;
	width: 100%
}

.home .bullets  .textCon, .home .bullets  .imgCon, .home  .pItem  ,  .page-template-about  .bullets  .textCon, .page-template-about  .bullets  .imgCon, .page-template-about   .pItem{
	position: relative;
	top:0;
	opacity: 0;
}
.mainNav{
	padding-right: 15%;
	width: 62%;
	align-self: center;
	box-sizing: border-box;
	display: inline-block;
	
}
.cDet{
	width: 38%;
	color: #fff;
	
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 5px;

}
.cDet a{
	color: #fff;
	text-decoration: none;
	font-size: 1.8rem;
}
.cDet p{
	font-size: 1.8rem;
	margin: 0;
}
.cDet h3{
	font-size: 1.8rem;
	font-weight: 800;
	margin-top: 8.3rem;
	
}
.mainNav a{
  font-size: 3.5rem;
  letter-spacing: .2rem;
  
  color: #ffffff;
	text-decoration: none;
	transition: .3s all;
	font-weight: 300;
}
.current-menu-item a{
	opacity: 1 !important;
}
.mainNav a:hover{
	opacity: .7;
}
.mainNav li{
	padding-top: 3.5rem;
}
.current-menu-item a{
	font-weight: 700;
}
.menuOpened .menuBtnCon{
	width: 38%;
	
}

.menuOpened  .dkc{
	opacity: 0;
	top:-2rem;
	pointer-events: none;
}
.x{
	 width: 1.6rem;
  height: 1.6rem;
	background-image: url(img/x.svg);
	background-size: 1.6rem 1.6rem;
	position: absolute;
	margin-left: 4rem;
	left: 100%;
	background-position: right center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: .3s all;
	
	cursor: pointer;
	pointer-events: none;
}

.menuOpened .x{
	opacity: 1;
	pointer-events: auto;
	
}
.menuOpened .mKav{
	background-color: #fff;
}
.menuOpened .menuContentCon{
	visibility: visible;
}
#dMenuOpen{
	cursor: pointer;
	background-color: rgba(255,255,255,0);
}

.mainNav li{
	position: relative;
	opacity: 0;
}
.headerLogo img{
	
	max-width: 9rem;
	height: auto;
}
.bSep{
	width: 2.7rem;
	height: .8rem;
	background-image: url(img/bsc.svg);
	background-size: 2.7rem .8rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 2rem;
}
.single .bSep,.page-template-about .bSep{
	background-image: url(img/bsca.svg);
	
}
.blog h1{
	font-size: 3.5rem;
	font-weight: 300;
	margin:0;
	padding: 0;
	line-height: 3.5rem;
}
.pageHeader {
	padding: 0 12.5rem;
	box-sizing: border-box;
	
	
}
.tap{
	 line-height: 1.67;
  letter-spacing: 1.5px;
	white-space: pre-wrap;
	text-align: center;
	margin-top: 5.4rem;
	margin-bottom: 4rem;
}
.pageHeaderFlex{
	display: flex;
	align-items:center; 
}
.phLine{
	height: 1px;
	flex-grow: 1;
	background-color: #4a4a4a;
	margin-right: 3rem;
	margin-left: 3rem;
	position: relative;
}


.projectListCon{
	position: relative;
	overflow: hidden;
	background-color: #fff;
	
}
.projectListCon:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	position: absolute;
	top:15rem;
	right: 0;
}
.fpg{
	position: relative;
}
.fpg:before{
	content: '';
	display: block;
	width: 100%;
	height: calc(100% - 10rem);
	background-color: #f7f7f7;
	position: absolute;
	top:10rem;
	right: 0;
	
}
.home .linkCon{
	background-color: #f7f7f7;
}
.topImageCon{
	width: 100%;
	height: 100vh;
	
	
}
.tic img{
-webkit-filter: drop-shadow(0px .2rem 2rem rgba(0,0,0,.15));
    filter: drop-shadow(0px .2rem 2rem rgba(0,0,0,.15));
max-height: 50rem;
	width: auto;

}

.tic{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	/*position: absolute;
	/*bottom:8.9rem;*/
	/*top:6.5rem;
	right: 0;*/
	text-align: center;
}
.single header,.page-template-about header{
	position: absolute;
	width: 100%;
	z-index: 99999;
	top:0;
	right: 0;
}
.wwdList{
	
}
.page-template-about .bullets ul li .textCon{
	background-color: #1c1c1c;
}
.page-template-about .bullets
{
	
	padding-top: 0;
	margin-top: 25.3rem;
	background-color: rgba(230, 230, 230, 0.3);
	margin-bottom: 16rem;
}
.page-template-about .bullets ul li.first .textCon{
	margin-top: 0;
	position: relative;
	top:-18.3rem;
}

.platforms .desktop{
	width: 4rem;
  height: 3rem;
	background-size: 4rem 3rem;
	background-image: url(img/desktop-icon.svg);
	margin-left: 1rem;
	background-position: center;
	background-repeat: no-repeat;
}

.platforms .mobile{
	 width: 2rem;
  height: 3rem;
	background-size: 2rem 3rem;
	background-image: url(img/mobile-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.titleCon{
	width: 55.9rem;
	margin: auto;
	display: flex;
	align-items: center;
	height: 100%;
}
.platforms{
	align-items: center;
	display: flex;
}
.visitLinkCon{
	flex-grow: 1;
	text-align: left;
}
.visitLinkCon a{
	font-size: 1.4rem;
	text-decoration: none;
  color: #898989;
	background-image: url(img/visit.svg);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 3rem;
}
.titleCon h1{
	font-size:1.8rem;
	font-weight: 300;
}
.restPage{
	background-color: #fff;
	
}
.headerLogo svg{
	width: 9rem;
	/*height: auto;*/
}

.page-template-about .breadCrumbs,.page-template-about .breadCrumbs a{
	color: #fff;
}
.restPageHeader{
	max-width: 103rem;
	margin: auto;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
}
.backToProjects{
	
	text-align: left;
	background-image: url(img/b_arrow.svg);
	background-position: left 2.5rem center;
	transition: .2s all;
	text-decoration: none;
	 font-size: 1.6rem;
  letter-spacing: 1px;
 
  color: #39393a;
	padding-left: 7.5rem;
	background-repeat: no-repeat;
}
.backToProjects:hover{
	opacity: .8;
	background-position: left 1.5rem center;
}

.restPageHeader .phLine{
	margin: 0 4rem;
}

.articleTopP{
	font-size: 1.8rem;
max-width: 78rem;
	
  line-height: 1.67;
  letter-spacing: 1.5px;
  text-align: center;
  color: #39393a;
	
	margin:0 auto 5rem auto;
	white-space: pre-wrap;
}
.restPageHeader h1{
	font-weight: 300;
	padding-right: 2rem;
}
.mainArticle{
	/* background-color: #f7f7f7; */
	margin:5rem  auto 0 auto;
	text-align: center;
	
}
.mainArticle img{
	display: block;
	margin: auto;
	margin-bottom: 3rem;
	position: relative;
	top:5rem;
	opacity: 0;
}
.mainArticle p{
	max-width: 73rem;
	margin: 4rem auto 5rem auto;
	text-align: right;
	line-height: 1.88;
  letter-spacing: 1px;
}
.teamMembers{
	max-width: 103rem;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	
	
}
.fbLink{
	background-image: url(img/face.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.2rem auto;
	transition:.2s all;
}
.insLink{
	background-image:url(img/inst.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.2rem auto;
	transition:.2s all;
	
}
.fbLink:hover,.insLink:hover{
	opacity: .7;
}
.teamMembers li.teamM{
	padding: .25rem;
	box-sizing: border-box;
	width: 33%;
	position: relative;
	cursor: pointer;
	opacity: 0;
}
.memberDetails{
	position: absolute;
	top:0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 2.5rem;
	color:#fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.memberDetails h2{
	font-size: 2rem;
	margin: 0;
	letter-spacing: 1px;
}
.memberImage{
	overflow: hidden;
	background-color: #ccc;
	position: relative;
}

.memberImage:after{
	content: '';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
.memberImage img{
	transition: .3s all;
	filter: blur(0);
}

.teamMembers li:hover .memberImage img{
	
	filter: blur(5px) grayscale(100%);
	
	
	
}
.des{
	white-space: pre-wrap;
	flex-grow: 1;
}
.insLink,.fbLink{
	width: 2.2rem;
	height: 2.2rem;
	background-color: #fff;
	border-radius: 50%;
display: block;
}
.follow{
	display: flex;
	align-self: flex-end;
	width: 100%;
	align-items: center;
}
.whiteLine{
	height: 1px;
	background-color: #fff;
	flex-grow: 1;
	margin: 0 1.5rem 0 .5rem;
}
.follow ul{
	display: flex;
	justify-content: space-between;
}
.follow li{
	margin-right: 1rem;
}
.hSep {
	margin: 1.5rem 0;
  width: 5.5rem;
  height: .4rem;
 background-color: #fff;
	display: block;
}
.job{
	margin: 0;
}
.des{
	
}
.des,.follow{
	font-size: 1.6rem;
	position: relative;
	top:3rem;
	opacity: 0;
	
}
.des{
transition: .3s all;
}
.follow{
	transition: .3s all;
	transition-delay: .1s;
}


.teamMembers li:hover .des,.teamMembers li:hover .follow{
opacity: 1;
	top:0;
}
.teamArea{
	position: relative;
	margin-top: 9rem;
	overflow: hidden;
	padding-bottom: 17rem;

}

.teamArea:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    position: absolute;
    top: 18rem;
    right: 0;
}
.mainContent{
	 background-color: #f7f7f7;
	padding-top: 4rem;
	
}
.mcw{
	width: 103rem;
	display: flex;
	margin: auto;
}
.rightArea{
	background-color: #fff;
}
.leftArea{
	background-color: #1c1c1c;
	align-self: center;
}

.rightArea,.leftArea{
	width: 50%;
}
.mainContent .rsvpSep{
	
	margin-bottom: 4rem;
	
}
.chCon h2.map{
	margin: 0;
	font-size: 2rem;
	letter-spacing: 1px;
}
.chCon{
	display: flex;
	padding: 4rem;
	align-items: center;
}
.chCon .phLine{
	margin-right: 9rem;
	margin-left: 0;
}
.theForm{
	width: 35.8rem;
	margin: auto;
	box-sizing: border-box;
	text-align: center;
}
.leftArea  .bottomP p{
	text-align: center;
	display: block;
	margin: 0;
	line-height: 3rem;
	

}
.bottomP{
	padding-top: 10rem;
}
.theForm label{
	letter-spacing: 0.7px;
	text-align: right;
	display: block;
}
.city{
	display: block;
}
footer .phoneD{
display: block;
}
.theForm input{
	margin-top: 1.9rem;
 width: 100%;
  height: 3.5rem;
	line-height: 3.5rem;
  background-color: rgba(216, 216, 216, 0.3);
	border:none;
	border-bottom: 2px solid #1d1d1d;
	
}

.theForm textarea{
	margin-top: 1.9rem;
 width: 100%;
  height: 16.4rem;

  background-color: rgba(216, 216, 216, 0.3);
	border:none;
	border-bottom: 2px solid #1d1d1d;
	
}
.theForm input[type="submit"]{
	display: inline-block;
	background-color: #000000;
	color: #fff;
	font-weight: 800;
	line-height: 5.5rem;
	height: 5.5rem;
	border-bottom:none;
	width: auto;
	padding: 0 6rem;
}
.wpcf7-form-control-wrap{
	display: block;
	
}
span.wpcf7-not-valid-tip{
	position: absolute;
	left:1rem;
	bottom: .5rem;
	font-size: 1.2rem;
}
.leftArea {
	color: #fff;
}
.leftArea .chCon .phLine{
	background-color: #fff;
	margin-right: 16rem;
}
.leftArea p{
	display: flex;
	
	padding: 0 5.3rem;
}
.hs{
	flex-grow: 1;
	text-align: center;
}
.lil{
	display: flex;
	width: 100%;
	text-decoration: none;
}

.loader{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	transition: .5s all;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-content: center;
}
.loader.hide{
	opacity: 0;
	visibility: hidden;
}
#lottie{
	width: 50rem;
}
.galleryNumbersMobile{
	display: none
}
/* ==========================================================================
   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) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.pArchiveFilter,.pDisplayFilter{
	display: flex;
	font-size: 1.6rem;
	color: #39393a;
	align-items: center;
}

.pArchiveFilter li,.pDisplayFilter li{
height: 3.2rem;
	line-height: 3.2rem;
	cursor: pointer;
	
}

.pArchiveFilter li span,.pDisplayFilter li span{
	transition:.2s all;
	font-weight: 800;
	
	color: #a1a1a2;
}
.pArchiveFilter li.active span,.pDisplayFilter li.active span{
	color: #39393a;
}
.pArchiveFilter li:first-child,.pDisplayFilter li:first-child{
	padding-left: 3rem;
}

.pafCon,.pdfCon{
	position: relative;
}
.pah,.paha{
	position: absolute;
	top:0;
	
	height: 2px;
	width: 11rem;
	background-color: #4a4a4a;
	transition: .2s all;
}
.pArchiveFilter li:last-child:before,.pDisplayFilter li:last-child:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 3.2rem;
	width: 1px;
	background-color: #4a4a4a;
	transform: rotate(30deg);
	margin-left: 3rem;
	
}
.pDisplayFilter li svg{
	vertical-align: middle;
	padding-left: 1rem;
}

.pDisplayFilter li svg path{
	fill:#a1a1a2;
	transition: .2s all;
}
.pDisplayFilter li.active svg path{
	fill:#39393a;
	
}
.pdfCon{
	float: left;
}
.clearer{
	clear: both;
}
.projectslist{
	padding-top: 3.1rem;
}

.projectslist {
	transition: .3s all;
	max-width: 500000000px;
	height: auto;
}
.projectslist li{
	
	
	
}
.listDisplay li .hover{
	display: flex;
	height: 100%;
	width: 100%;
	
}

.projectslist li.pItem {
	width: 100%;
	font-size: 0;
	position: relative;
	opacity:0;
	
}

#loadMore{
	background-color: transparent;
}
.listDisplay li .pDetails , .listDisplay li .fImage{
	
}
.listDisplay li .pDetails{
	vertical-align: middle;
}
.listDisplay li .fImage{
	vertical-align: bottom;
}
.gridDisplay li.pItem{
	width: 49%;
	height: 34.6rem;
	display: block;
}
.gridDisplay{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.gridDisplay .fImage{
	display: none;
}

.gridDisplay li .pDetails{
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 34.6rem;
}
.homelc{
	transition: .3s all;
}
.homelc.inActive{
	opacity: .3;
	pointer-events: none;
}
.map{
	margin-top: 5rem;
}
.map img{
	width: 100%;
	height: auto;
}
.iuf{
	margin-top: 4rem;
}
.iuf img{
	width: 100%;
	height: auto;
}

.f2 img{
	width: 16rem;
	height: auto;
}
.topArea.wwd{
	position: fixed;
	height: 60vh;
	background-size: cover;
	top:0;
	right: 0;
	width: 100%;
	z-index: 0;
}

.page-template-about .wbg{
	margin-top: 60vh;
}

.vidCon video {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
   object-fit: cover;
    background-size: cover;
}
/* ==========================================================================
   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;
    }
}