@charset "UTF-8";
/* CSS Document */



/* from index page */


#smooth-content {

}


body {
	font-family: NeueHelvBold, Helvetica, Arial, sans-serif;
		font-size: 2.7vw;
			letter-spacing: -0.03em;
			  text-align: left;


	color: #FFFFFF;
	margin: 0;
	background-color: #FFFFFF;
	overflow-x: hidden;
	
}



.container {
  position: relative;
  height: 100%;
}

.bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  opacity: 0;

}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.bg.one {
	background-position: center top;
  background-image: url(images/B+R-Architects_027_-1d.jpg);
}

.bg.two {
	background-position: center bottom;
  background-image: url(images/B+R-Architects_PDC-Norway_bigger.jpg);
}

.bg.three {
  background-image: none;
  
}






.text-wrap {
	
	
}

#cntnrTrggrLogoShrnkr {
	height: 50vh;
}
#anotherCntnrTrggrLogoShrnkr {
	height: auto;
}




.segmentText {
	display: inline-block;	
}
 

.text {
  display: block;
  position: relative;
  height: auto;
  color: #FFFF00;
	font-weight: 600;
	font-size: 5.5vw;
	line-height: 5.5vw;
	letter-spacing: -0.04em;
	width: 80vw;
	margin-right: 10vw;
	margin-left: 10vw;
	z-index: 1;
	padding-bottom: 10vh;
	padding-top: 20vh;
	opacity: 0;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
}
.text.one {
	padding-top: 15vw;
		 text-shadow: 2px 2px 12px rgba(0,0,0,0.35); 

}
.text.two {
	padding-bottom: 0vw;
	height: 100vh;
		 text-shadow: 2px 2px 12px rgba(0,0,0,0.35); 

}

.fake-text {
	display: block;
  position: relative;
  height: auto;
  color: #FFFF00;
  font-weight: 600;
	font-size: 5.5vw;
	letter-spacing: -0.04em;
	width: 100%;
	margin-right: 10vw;
	margin-left: 10vw;
	z-index: 1;
	padding-bottom: 10vh;
	padding-top: 20vh;
	line-height: 5vw;
	opacity: 0;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
}

.fake-text.three {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	
	
}

.smallMapText {
	display: inline-block;
	position: relative;
	float: left;
	column-count: 3;
	column-gap: 3vw;
	column-fill: balance;
	font-size: 1.7vw;
	line-height: 2vw;
	letter-spacing: -0.04em;
	padding-left: 0.3vw;
	padding-top: 0vw;
	padding-right: 0vw;
	margin-top: 5vw;
	
	
}

#map {
	height: 100vh;
	margin-bottom: -1px;
	
}
.mapR {
	  display: inline-block;
	  width: 55%;
	  text-align: right;
	  height: 100%;
	  -webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
	  
  }
  
  
.mapL {
	  display: inline-block;
	  width: 35%;
	  height: auto;
	  float: left;
	  margin-left: 10%;

	  
  }
.mappo {
	height: 100%;
}








#sector_section {
  height: 100vh;
  background-color: #FFFF00;
}

#selectedProjects {
	  color: #000000;

}


/* homepage sector selector */
.spsection {
	display: inline-block;
	float: right;
	position: relative;
	margin-right: 1vw;
	z-index: 999;
}
.sctr_slctr_hldr {
	display: inline-table;
	width: 100%;
	color: #000000;
	font-weight: 600;
	letter-spacing: -0.04em;
	font-size: 1.8vw;
	
}
.sctr {
	display: table-cell;
	height: 23vw;
	float: left;
	border-left: 1px solid #000000;
	padding-left: 1vw;
	margin-right: 1vw;
	-webkit-user-select: none; /* make un-selectable */
    -ms-user-select: none; /* make un-selectable */
    user-select: none; /* make un-selectable */
	
}
.sctr_img {
	display: block;
	overflow: hidden;
	margin-bottom: 1vw;
	width: 18vw;
	height: 18vw;
	
}
.sctr_img img {
	
	transition: transform 0.5s, filter 1s ease;
	transform: scale(1);
	
}
.sctr_img:hover img {
	transform: scale(1.1);
}
/* end homepage sector selector */

/* end from index page */

		
		
		
		
		
@font-face {
  font-family: NeueHelvLight;
  src: url(NeueHelvBQ/NeueHelveticaBQ-Light.otf);
  font-weight: 200;
}				
@font-face {
  font-family: NeueHelvRoman;
  src: url(NeueHelvBQ/NeueHelveticaBQ-Roman.otf);
  font-weight: 400;
}
@font-face {
  font-family: NeueHelvBold;
  src: url(NeueHelvBQ/NeueHelveticaBQ-Bold.otf);
  font-weight: 600;
}	
	





/* side nav */


.sidenav {
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 60;
  background-color: #000000;
  color: #666666;
  font: NeueHelvBold, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 4vw;
  letter-spacing: -0.03em;
  line-height: 4vw;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 8%;
  
  -webkit-user-select: none; /* make un-selectable */
  -ms-user-select: none; /* make un-selectable */
  user-select: none; /* make un-selectable */
  }

.sidenav a {
  z-index: 60;
  padding-left: 20%;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  transition: 0.2s;
}		

.sidenav a:hover {
  color: #CECCB5;
}

.sidenav .closebtn {
  position: absolute;
  top: 2%;
  right: 9%;
  font-size: 4vw;
}

.menuiconsBlock {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	position: fixed;
	cursor: pointer;
	right: 0%;
	top: 0%;
	z-index: 50;
	width: 4vw;
	height: 4vw;
	background-color: #CECCB5;

	-webkit-user-select: none; /* make un-selectable */
  -ms-user-select: none; /* make un-selectable */
  user-select: none; /* make un-selectable */
}

.greyed_out {
	display: inline-block;
	color: #333333;
	padding-left: 20%;
}


/* end side nav */





.logo {
  position: fixed;
  top:0;
  left:0;
  width: 5%;
  transform-origin: 0 0;
  z-index: 995;
  -webkit-user-select: none; /* make un-selectable */
  -ms-user-select: none; /* make un-selectable */
  user-select: none; /* make un-selectable */

}


	

.ftr {
	display: inline-block;
	position: relative;
	width: 100%;
	bottom: 0px;
	padding-bottom: 10%;
	background-color: #000000;
	color: #FFFFFF;
	font-family: NeueHelvRoman, Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 18px;
	line-height: 20px;
	z-index: 995;

}
.realFtr{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 10%;
	padding-top: 5%;
	
}
.ftrObj {
	padding-right: 1%;
	padding-top: 0.5%;
	width: auto;
	margin-right: 100px;
	margin-bottom: 11%;
}

.ftrObj a{
	text-decoration: none;
	color: #FFFFFF;
	}
	
.ftrObjRIBA {
	padding-right: 2%;
	padding-top: 0.2%;
	width: 120px;
	margin-right: 100px;
	margin-bottom: 12%;
}

	
	
	

@media screen and (min-width: 601px) and (max-width: 1100px) {
	
	
.bg.one {
  background-image: url(images/B+R-Architects_027_-1d_tablet.jpg);
}	
.bg.two {
  background-image: url(images/B+R-Architects_PDC-Norway_tablet.jpg);
}

.sidenav {
  font-size: 6vw;
  letter-spacing: -0.03em;
  line-height: 6vw;
  padding-top: 20%;
 }
  
.menuiconsBlock {
	width: 8vw;
	height: 8vw;
  }
  
.text-wrap {
	padding-top: 10vh;
	float: left;	
}

#map {
	height: auto;
	padding-top: 0vh;
	margin-top: 25vh;
}
.logo {
  width: 7vw;
}

.text {
  
	font-size: 9vw;
		line-height: 9vw;

	letter-spacing: -0.04em;
	width: 80vw;
	margin-right: 10vw;
	margin-left: 10vw;
	
	padding-bottom: 10vh;
	padding-top: 10vh;
}
.fake-text {
	
 
  font-weight: 600;
	font-size: 9vw;
	letter-spacing: -0.04em;
	width: 80vw;
	margin-right: 10vw;
	margin-left: 10vw;
	
	padding-bottom: 10vh;
	padding-top: 7vh;
	line-height: 9vw;
}


	
.mapR {
	  width: 90%;
	  height: auto;
	  float: right;
	  
  }
  
  
  .mapL {
	  width: 100%;
	  padding-bottom: 5vw;
  }
  .mappo {
	width: 95%;
}	
	
	
	

#sector_section {
  padding-top: 0vh;
}
.spsection {
	margin-right: 1vw;
}

.sctr_slctr_hldr {
	width: 70%;
	float: right;
		font-size: 2.5vw;

}

.sctr {
	height: 45%;
	padding-left: 1.5vw;
	margin-right: 5vw;
	margin-bottom: 6vw;
}
.sctr_img {
	margin-bottom: 1vw;
	width: 24vw;
	height: 24vw;	
}
}


@media screen and (min-width: 0px) and (max-width: 600px) {


.sidenav {
  font-size: 8vw;
  line-height: 9vw;
  letter-spacing: -0.03em;
  padding-top: 30%;
  }
  
.sidenav .closebtn {
  top: 2%;
  right: 9%;
  font-size: 10vw;
}

.menuiconsBlock {
	width: 13vw;
	height: 13vw;
  }
	
.logo {
  width: 14vw;
}

.ftr {
	font-size: 4vw;
	line-height: 4.5vw;
	

}

.realFtr {
	padding-top: 10%;
}

.ftrObj {
	padding-right: 1%;
	padding-top: 0.5%;
	margin-bottom: 20vw;
	
	
}
.ftrObjRIBA {
	padding-right: 2%;
	padding-top: 0.2%;
	margin-bottom: 20vw;

}
.text {
	font-size: 11vw;
	letter-spacing: -0.04em;
	width: 80vw;
	margin-right: 5vw;
	margin-left: 15vw;
	padding-bottom: 10vh;
	padding-top: 10vh;
	line-height: 11vw;
}
.text.one {
	padding-top: 45vw;
}
.text.two {
	padding-top: 45vw;
}
.fake-text {
	font-size: 11vw;
	line-height: 11vw;
	width: 80vw;
	
}
#map {
	height: auto;
	padding-bottom: 0vh;
	padding-top: 2vh;
	margin-top: 0vh;
		
}
.fake-text.three {
	margin-right: 5vw;
	margin-left: 15vw;
	padding-top: 7vh;
	
}
.fake-text.four {
	margin-right: 5vw;
	margin-left: 15vw;
	padding-top: 7vh;
	
}
.smallMapText {
	
	font-size: 4vw;
	line-height: 4.2vw;
	padding-top: 2vh;
	padding-right: 6vw;
	column-gap: 3vw;
	margin-top: 4vw;
	
}
	
	

  .mapR {
	  width: 100%;
	  height: auto;
  }
  
  
  .mapL {
	  width: 100%;
	  padding-bottom: 5vh;
	  float: left;
	  margin-left: 0%; 
  }
  .mappo {
	width: 95%;
}	
	
	
	
	
	
#sector_section {
  padding-top: 0vh;
}




.sctr_slctr_hldr {
	letter-spacing: -0.04em;
	margin-left: 14vw;
		font-size: 3.5vw;

	
}
.sctr {
	
	height: 40vw;
	float: left;
	padding-left: 1.5vw;
	margin-right: 4vw;
	margin-bottom: 4vw;
	border-left: none;

	
}
.sctr_img {
	
	margin-bottom: 1vw;
	width: 33vw;
	height: 33vw;
	
}
}





.indxmegacntnr {
	display: block;
	position: relative;
	width: 50%;
	padding-left: 5%;
	background-color: #FFFFFF;
	float: right;
	z-index: 955;
	top: 0;
	right: 0;

}



.txtblockHome {
	display: inline-block;
	position: relative;
	text-align: left;
	font-weight: 300;
	letter-spacing: -0.01em;
	font-size: 4vw;
	width: 70%;
	margin-top: 25vh;
	margin-right: 15%;
	margin-bottom: 0%;
	padding-left: 13%;
	height: auto;
	z-index: 1;
    opacity: 1;
}



.txtblock{
	display: inline-block;
	position: relative;
	text-align: left;
	font-weight: 300;
	letter-spacing: -0.02em;
	font-size: 4vw;
	width: 70%;
	margin-top: 15vh;
	margin-right: 15%;
	margin-bottom: 0%;
	padding-left: 15%;
	height: auto;
	z-index: 1;
    opacity: 1;
        }




.subtitle_home {
	font-weight: 300;
	font-size: 1.5vw;
	letter-spacing: 0em;
	margin-top: 2%;
	padding-left: 0.3%;
}
.txtblockMenu{
	display: inline-block;
	position: relative;
	text-align: left;
	width: 70%;
	margin-top: 20%;
	margin-left: 0%;
	margin-right: 15%;
	margin-bottom: 0%;
	height: auto;
	z-index: 993;
}




















body { animation: fade 1s;
  opacity: 1;


}

@keyframes fade {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }