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


	.astoundAboutUs{
		margin-top: var(--astoundDefaultElementPadding);
		margin-bottom: var(--astoundDefaultElementPadding);
		
	}

	.astoundAboutUsMainImageContainer{
		background-color:#ccc;
		height:70vh;
		overflow: hidden;
		position: relative;
		margin-top: var(--astoundDefaultElementPadding);
		margin-bottom: var(--astoundDefaultElementPadding);
	}
	.astoundAboutUsMainImage{
		position: absolute;
		width:100%;
		height:100%;
		background-color:red;
		transform: scale(1.2);
		transition: 2.0s all;
		background-size: cover;
		background-position: center;
	}
	.astoundAboutUsMainImage:hover{
		transform: scale(1.0);
		
	}
	
	.astoundAboutUsDescStyle1{
		margin-top:var(--astoundDefaultElementPadding);
		margin-bottom:var(--astoundDefaultElementPadding);
		padding-right: var(--astoundDefaultSectionMarginSmaller);
	}
	.astoundAboutUsDescStyle1Headline{
		padding-left:var(--astoundDefaultSectionMarginSmaller);
		padding-bottom:var(--astoundDefaultSectionMarginSmallerHalf);
	}
	.astoundWorkDetailDesc1Divider{
		width:50%;
		border-bottom:1px solid var(--astoundBlack);
	}
	.astoundAboutUsDescStyle1Contents{
		padding-left:var(--astoundDefaultSectionMarginSmaller);
	}
	.astoundAboutUsDescStyle1ContentsDesc{
		padding-left:var(--astoundDefaultSectionMarginSmallerHalf);
		padding-top:var(--astoundDefaultSectionMarginSmallerHalf);
		padding-bottom:var(--astoundDefaultSectionMarginSmallerHalf);
		border-left:1px solid var(--astoundBlack);
		
	}
	
	
	
	
	.astoundAboutUsDescStyle2{
		display: flex;
		flex-direction: row;
		margin-top: var(--astoundDefaultElementPadding);
		margin-bottom: var(--astoundDefaultElementPadding);
		padding-right: var(--astoundDefaultSectionMarginSmaller);
	}

	.astoundAboutUsDescStyle2Col1{
		min-width: 550px
	}
	.astoundAboutUsDescStyle2Col1 h2{
		margin-bottom:var(--astoundDefaultSectionMarginSmallerHalf);
	}
	.astoundAboutUsDescStyle2Col2{
		flex-grow:1;
		border-left:solid 1px var(--astoundBlack);
		padding-left:var(--astoundDefaultSectionMarginSmallerHalf);
		padding-right:var(--astoundDefaultSectionMarginSmallerHalf);
		padding-bottom:var(--astoundDefaultSectionMarginSmallerHalf);
	}
	.astoundAboutUsDescStyle2Col1Text{
		padding-left:var(--astoundDefaultSectionMarginSmaller);
		padding-right:var(--astoundDefaultSectionMarginSmallerHalf);
		
	}
	.astoundAboutUsDescStyle2Col1Rule{
		border-bottom:solid 1px var(--astoundBlack);
		
	}
	.astoundAboutUsDescStyle2Map{
		text-align:center;
	}
	.astoundAboutUsDescStyle2Map img{
		max-height:90vh;
		margin-left:auto;
		margin-right:auto;
	}
	
@media (max-width: 1200px) {
	.astoundAboutUsDescStyle2Col1{
		min-width: 500px
	}
}

@media (max-width: 992px) {
	.astoundAboutUsDescStyle2Col1{
		min-width: 300px
	}
}
	

@media (max-width: 768px) {
	.astoundAboutUsDescStyle2{
		display: flex;
		flex-direction: column;
	}
	.astoundAboutUsDescStyle2Col2{
		margin-left:var(--astoundDefaultSectionMarginSmallerHalf);
		padding-top:var(--astoundDefaultSectionMarginSmallerHalf);
	}
}

@media (max-width: 576px) {
}
	

	
	.astoundAboutUsWorkWithContainer{
		padding-left:var(--astoundDefaultSectionMarginSmaller);
		padding-right:var(--astoundDefaultSectionMarginSmaller);
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: var(--astoundDefaultElementPadding);
		margin-bottom: var(--astoundDefaultElementPadding);
		
	}
	
@media (max-width: 992px) {
	.astoundAboutUsWorkWithContainer{
		flex-direction: column;
		
	}
}
	.astoundAboutUsWorkWithContainer h2{
		margin-bottom:22px;
	}
	
	.astoundAboutUsVideoContainer{
		background-color:#000;
		margin-top: var(--astoundDefaultElementPadding);
		margin-bottom: var(--astoundDefaultElementPadding);
		padding-bottom:56.25%;
	}
	
.astoundAboutUsPeople {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	margin-left:var(--astoundDefaultSectionMarginSmaller);
	margin-right:var(--astoundDefaultSectionMarginSmaller);
}

.div1 { 
	grid-area: 1 / 1 / 3 / 3; 
	background-color:blue;
	padding-bottom:140%;
	
	}
.div2 { 
	grid-area: 1 / 3 / 2 / 4; 
	background-color:red;
	}
.div3 { 
	grid-area: 1 / 4 / 2 / 5; 
	background-color:orange;
	}
.div4 {
	grid-area: 1 / 5 / 2 / 6; 
	background-color:yellow;
	}
.div5 { 
	grid-area: 2 / 3 / 3 / 4; 
	background-color:gray;
	}
.div6 { 
	grid-area: 2 / 4 / 4 / 6; 
	background-color:green;
	}
.div7 { 
	grid-area: 3 / 1 / 4 / 2; 
	background-color:saddlebrown;
	}
.div8 { 
	grid-area: 3 / 2 / 4 / 4; 
	background-color:burlywood;
	}
.div9 { 
	grid-area: 4 / 1 / 5 / 2; 
	background-color:aquamarine;
	}
.div10 { 
	grid-area: 4 / 2 / 6 / 4; 
	background-color:rosybrown;
	}
.div11 { 
	grid-area: 4 / 4 / 5 / 5; 
	background-color:navajowhite;
	}
.div12 { 
	grid-area: 4 / 5 / 5 / 6; 
	background-color:chartreuse;
	}
.div13 { 
	grid-area: 5 / 1 / 6 / 2; 
	background-color:palevioletred;
	}
.div14 { 
	grid-area: 5 / 4 / 6 / 6; 
	background-color:purple;
	}
	.astoundAboutUsPeopleImgContain{
		position: absolute;
		width:100%;
		height:100%;
		display: flex;
		flex-direction: column;
		background-size: cover;
		background-position: center;
		background-image: url("../images/demo/homepageTopBG.jpg");
		
	}
	.astoundAboutUsPeopleImg{
		flex-grow: 1;
		background-size: cover;
		background-position: center;
	}
	.astoundAboutUsPeopleName{
		width:100%;
		padding-top:var(--astoundDefaultSectionMarginSmallerHalf);
		padding-bottom:var(--astoundDefaultSectionMarginSmallerHalf);
		background-color:var(--astoundWhite);
	}
	.astoundAboutUsPeopleName p{
		color:var(--astoundBlack);
		margin-bottom:0px;
	}
	
	.astoundAboutUsPeopleElement{
		position: relative;
	}
	
@media (max-width: 1200px) {	

.astoundAboutUsPeople {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, 1fr);
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	margin-left:var(--astoundDefaultSectionMarginSmaller);
	margin-right:var(--astoundDefaultSectionMarginSmaller);
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3; }
.div5 { grid-area: 3 / 1 / 4 / 2; }
.div6 { grid-area: 3 / 2 / 4 / 3; }
.div7 { grid-area: 4 / 1 / 5 / 2; }
.div8 { grid-area: 5 / 1 / 6 / 3; }
.div9 { grid-area: 4 / 2 / 5 / 3; }
.div10 { grid-area: 6 / 1 / 7 / 2; }
.div11 { grid-area: 6 / 2 / 7 / 3; }
.div12 { grid-area: 7 / 1 / 8 / 2; }
.div13 { grid-area: 7 / 2 / 8 / 3; }
.div14 { grid-area: 8 / 1 / 9 / 3; }
	
}
@media (max-width: 768px) {


.astoundAboutUsPeople {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(14, 1fr);
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	margin-left:var(--astoundDefaultSectionMarginSmaller);
	margin-right:var(--astoundDefaultSectionMarginSmaller);
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 3 / 1 / 4 / 2; }
.div4 { grid-area: 4 / 1 / 5 / 2; }
.div5 { grid-area: 5 / 1 / 6 / 2; }
.div6 { grid-area: 6 / 1 / 7 / 2; }
.div7 { grid-area: 7 / 1 / 8 / 2; }
.div8 { grid-area: 8 / 1 / 9 / 2; }
.div9 { grid-area: 9 / 1 / 10 / 2; }
.div10 { grid-area: 10 / 1 / 11 / 2; }
.div11 { grid-area: 11 / 1 / 12 / 2; }
.div12 { grid-area: 12 / 1 / 13 / 2; }
.div13 { grid-area: 13 / 1 / 14 / 2; }
.div14 { grid-area: 14 / 1 / 15 / 2; }
}
	

.astoundContactUsLocations{
	background-color:#000;
	}
	.astoundContactUsLocations h1,.astoundContactUsLocations h2,.astoundContactUsLocations h3,.astoundContactUsLocations h4,.astoundContactUsLocations h5,.astoundContactUsLocations p{
	color:#fff;
	}