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




body{
				background-color:white;
			}
			
			div#_idContainer004{
				height:4.5vw;
				width:12vw;
				z-index:101;
			}
			div#_idContainer001 {
  			width:100vw;
			height:40vw;
  			color: transparent;
				display:none;
			
}	
			.DisplayOrder div{
				display:block;
				
			}
			
			
			
			
			
			div#_idContainer004{
				height:9vw;
				width:25vw;
				z-index:101;
			}
			.GRGlogo{
				position: fixed;
				top: 0.5vw;
				right: 3vw;
				z-index:11;
			}		
			.BlueBoxTop{
				position:fixed;
				display:block;
				z-index: 10;
				width:100vw;
				height:10vw;
				background-color:#265cab;
			}
			
			.TopNavBar{
				position:absolute;
				display:none;
				right:2%;
			}
			
			.TopNavBar button{	
				  display: inline-block;
					width:7vw;
				height:5vw;
				  border: none;
					top:1vw;
					right:200px;
				  font-size: 1.2vw;
				  font-family: 'Franklin Gothic Book', arial;
				  text-align: center;
				  text-decoration: none;
				  background: #265cab;
				  color: white;
					z-index:100;
				cursor:pointer;
			}
			
			.TopNavBar button.HomeButton:hover span.HomeTop{
				color:#ffc511;
			}
			.TopNavBar button.AboutUsButton:hover span.AboutUsTop{
				color:#ffc511;
			}
			.TopNavBar button.OurTeamButton:hover span.OurTeamTop{
				color:#ffc511;
			}
			.TopNavBar button.ProjectsButton:hover span.ProjectsTop{
				color:#ffc511;
			}
			.TopNavBar button.ContactUsButton:hover span.ContactUsTop{
				color:#ffc511;
			}
			
			
			
			
			
			.MiddleImage{
				top:5vw;
				z-index: -4;
				
			}
			.YellowSquareTitle{
				position: absolute;
				top: 20vw;
				height:17vw;
				width:45vw;
				opacity: .8;
				background-color:transparent;
				background-image: linear-gradient(to right, #ffc511, #ffc511, transparent);
				z-index:0;
				
			}
			span.ContactUsTitle{
				position: absolute;
				top: 24vw;
				
				font-size: 6vw;
				color: #265cab;
				left: 3.5vw;
				font-family: 'Franklin Gothic Book', arial;
			}
			
			
			
			
			
			
			
			
			
			.HomeTop:hover span.HomeTop{
				color: black;
			}
			.AboutUsTop:hover span.AboutUsTop{
				color: black;
			}
			.OurTeamTop:hover span.OurTeamTop{
				color: black;
			}
			.StrategyTop:hover span.StrategyTop{
				color: black;
			}
			.ContactUsTop:hover span.ContactUsTop{
				color: black;
			}
			.ProjectsTop:hover span.ProjectsTop{
			color: black;
}
			
			div#YellowBarBottom{
				position:absolute;
				width:100vw;
				height:16vw;
				z-index:100;
				background-color:#ffc511;
				
				
			}
			
			span.SitemapText{
				position: absolute;
				top: 0vw;
				left: 7vw;
				font-size: 3vw;
				color: black;
				  font-family: 'Franklin Gothic Medium', arial;
				font-variant: small-caps;
			}
			span.HomeBottom{
				position: absolute;
				top: 3vw;
				left: 7vw;
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.AboutUsBottom{
				position: absolute;
				top: 6vw;
				left: 7vw;
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.OurTeamBottom{
				position: absolute;
				top:9vw;
				left: 7vw;
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.ProjectsBottom{
				position: absolute;
				top: 3vw;
				left: 20vw;
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.ContactUsBottom{
				position: absolute;
				top: 6vw;
				left: 20vw;
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			
			
			
		
			
			.ContactBottomBar{
				position: absolute;
				top:0px;
				right:8%;
				background-color:transparent;
				height:14vw;
				width:50vw;
				
			}
			
			
			span.ContactText{
				position: absolute;
				top: 0vw;
				
				
				font-size:3vw;
				color: black;
				font-family: 'Franklin Gothic Medium', arial;
				font-variant: small-caps;
			}
			span.Address{
				position: absolute;
				top: 3vw;
				
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.City{
				position: absolute;
				top: 6vw;
				
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;			
			}
			span.PostalCode{
				position: absolute;
				top: 9vw;
				
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.Country{
				position: absolute;
				top: 12vw;
				
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.PhoneNumber{
				position: absolute;
				top:3vw;
				left: 25vw;
				font-size: 2.5vw;
				color: black;
				font-family: 'Franklin Gothic Book', arial;
			}
			span.Email{
				position: absolute;
				top: 6vw;
				left: 25vw;
				font-size: 2.5vw;
				color: black;
			 	font-family: 'Franklin Gothic Book', arial;
			}
			
	
			
			
			.HomeBottom:hover span.HomeBottom{
				color: black;
				text-decoration: underline;
			}
			.AboutUsBottom:hover span.AboutUsBottom{
				color: black;
				text-decoration: underline;
			}
			.OurTeamBottom:hover span.OurTeamBottom{
				color: black;
				text-decoration: underline;
			}
			.StrategyBottom:hover span.StrategyBottom{
				color: black;
				text-decoration: underline;
			}
			.ContactUsBottom:hover span.ContactUsBottom{
				color: black;
				text-decoration: underline;
			}
			.ProjectsBottom:hover span.ProjectsBottom{
				color: black;
				text-decoration: underline;
			}
			
		
			
			
			
			
			
			span.DetailsTitle{
				position:absolute;
				
				font-size:6vw;
				top:0vw;
				left: 2vw;
				font-family: 'Franklin Gothic Book', arial;
				color:#265cab;
			}
			
			.Underline1{
				position:absolute;
				top:6vw;
				width:43vw;
				left: 0vw;
				height:0.4vw;
				background-color:#ffc511;
			}
			span.CanadianOffice{
				position:absolute;
				font-size:4.5vw;
				top:8vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:#265cab;
				z-index:-3;
			}
			span.CanadianOfficeDetails1{
				position:absolute;
				font-size:3vw;
				top:13vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.CanadianOfficeDetails2{
				position:absolute;
				font-size:3vw;
				top:13vw;
				left: 18vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.CanadianOfficeDetails3{
				position:absolute;
				font-size:3vw;
				top:16vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.CanadianOfficeDetails4{
				position:absolute;
				font-size:3vw;
				top:16vw;
				left: 15vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.CanadianOfficeDetails5{
				position:absolute;
				font-size:3vw;
				top:19vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.CanadianOfficeDetails6{
				position:absolute;
				font-size:3vw;
				top:19vw;
				left: 14vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.PeruvianOffice{
				position:absolute;
				font-size:4.5vw;
				top:27vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:#265cab;
				z-index:-3;
			}
			span.PeruvianOfficeDetails1{
				position:absolute;
				font-size:3vw;
				top:32vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.PeruvianOfficeDetails2{
				position:absolute;
				font-size:3vw;
				top:32vw;
				left:30vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.PeruvianOfficeDetails3{
				position:absolute;
				font-size:3vw;
				top:35vw;
				left: 5vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			span.PeruvianOfficeDetails4{
				position:absolute;
				font-size:3vw;
				top:35vw;
				left: 15vw;
				font-family: 'Franklin Gothic Book', arial;
				color:black;
				z-index:-3;
			}
			
			
			
			
			div#AllContent{
				height:90vw;
				width:100vw;
				background-color:white;
				z-index:1;
			}
			.ContentPosition{
				position:absolute;
				z-index:2;
				height:40vw;
				width:100vw;
			}




			.ThreeLines{
				position:absolute;
				left:1vw;
				top:0.1vw;
				height:9vw;
				width:9vw;
				cursor:pointer;
}
			.ThreeLinesClose{
					position:absolute;
					left:1vw;
					top:0.1vw;
					height:9vw;
					width:9vw;
					cursor:pointer;
					z-index:1000;
					
			}
			.SideBarPopUp{
			display: none;
			position: fixed;
			z-index:1000;
			}
			.SquareFirst{
				position:absolute;
				left:0vw;
				top:10vw;
				height:100vh;
				width: 20vw;
			
				background-color: #373737;
				z-index:9;
			}
			.SquareSecond{
				position:absolute;
				left:5vw;
				top:10vw;
				height:99vh;
				width: 50vw;
				
				background-color: #c9c9c9;
				z-index:10;
			}
			.BackgroundSquareClose{
				position:absolute;
				diplay: none;
				left:0vw;
				top:10vw;
				height:190vw;
				width: 100vw;
				padding: 1vw;
				background-color: black;
				opacity:0.5;
				z-index:-100;
				
				
				
}
			.SideNavBar{
				position:fixed;
				diplay: none;
				left:5vw;
				top:10vw;
				height:99vh;
				width: 20vw;
				padding: 1vw;
				background-color: #c9c9c9;
				z-index:10;
				
}
			.SideNavBar button{
			display: block;
			width:48vw;
			height:10vw;
			font-size: 3vw;
			border: 0.2vw solid #7A7A7A;
			font-family: 'Franklin Gothic Book', arial;
			text-align: center;
			
			background: #265cab;
			color: white;
			z-index:100;
			cursor:pointer;
			}



			.MiddleImageMobile{
			padding-top:10vw;
			}
			div#_idContainer0010{
					width:100vw;
					height:60vw;
		}