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

@media (min-width: 300px) and (max-width: 3600px) and (orientation: landscape){
body {
    clear: none;
    float: left;
    width: 100%;
    /*background-color: white;*/
    margin: 0%;
    padding: 0%;
    /*	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";*/
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
}

a { clear: none; color: inherit; text-decoration: none;}
	a:hover { clear: none; color: inherit; text-decoration: none;}
	a:visited { clear: none; color: inherit; text-decoration: none;}

   #links {
    	color:red;
    	font-style: normal;
    	font-weight:900;
    }
#background-video {
   clear: none;
	float: none;
	width: 100vw;
  height: 100vh;
  object-fit:cover;
  position: fixed;
  left: 0;
  right: 0;
  top: -240px;
  bottom: 0;
  z-index: -1;
}  
#background-video-mobile {
  width: 1px;
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
	visibility: hidden;
}
	img{
		margin: 0%;
		padding: 0%;
		display: block;
		
	}

/*=====================================*/
 
#photo{
	clear: none;
	float: left;
	width: 18%;
	margin: 1%;
	border: inherit thin solid;
}

.gallery {
	clear: none;
	float: left;
    gap: 10px;
}

.gallery img {
	clear: none;
	float:left;
    width: 90%;
    cursor: pointer;
    transition: transform 0.2s;
}

.gallery img:hover {
    transform: scale(1.1);
}

.expanded-image {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.expanded-image img {
    max-width: 90%;
    max-height: 90%;
}

.expanded-image span {
    position: absolute;
    top: 20px;
    right: 30%;
    font-size: 40px;
    color: white;
    cursor: pointer;
}

/*=====================================*/
	
	
	
	
	*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
}
	
.container {
	clear: none;
	float: left;
	margin: 0%3%3%20%;
	width: 60%;
	background-color: white;
}


/* Useful Classes */
.xy-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.transition {
	transition: all 350ms ease-in-out;
}

.r-3-2 {
	width: 100%;
	padding-bottom: 66.667%;
	background-color: #ddd;
}

.image-holder {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Main Styles */
.gallery-wrapper {
	position: relative;
	overflow: hidden;
}

.gallery {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.item-wrapper {
	cursor: pointer;
	width: 23%; /* arbitrary value */
	display: inline-block;
	background-color: white;
}

.gallery-item { opacity: 0.5; }
.gallery-item.active { opacity: 1; }

.controls {
	font-size: 0;
	border-top: none;
	margin: 0%0%6%0%;
}
.move-btn {
	display: inline-block;
	width: 50%;
	border: none;
  color: #59F7FF;
	background-color: #51646A;
	padding: 0.2em 1.5em;
}
.move-btn:first-child {border-right: none;}
.move-btn.left  { cursor: w-resize; }
.move-btn.right { cursor: e-resize; }	
	
	
	
	
	
	
	#mobile-container{
		visibility: hidden;
		width: 1px;
	}	
	
	
	
	
	
	
	
	
/*=====================================*/	

	
	#header{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: #000000;
		position: fixed;
		color: aliceblue;
		
	}
	#header-portfolio{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: #000000;
	
		color: aliceblue;
		
	}
	#header-temp{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: center;
		font-size: 300%;
	}
	#main-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%0%0%;
		padding: 0%;
		
	}
	#main-content-contact-us{
		clear: none;
		float: left;
		width: 100%;
		margin: 6%0%0%0%;
		padding: 0%;
		
	}
	#main-content-portfolio{
		clear: none;
		float: left;
		width: 100%;
		margin: 6%0%0%0%;
		padding: 3%0%;
		background-color: rgba(31,31,31,1.00);
		
	}
	#footer{
		clear: none;
		float: left;
		width: 100%;
		background-color: #1F1F1F;
	}
	#site-map{
		clear: none;
		float: left;
		width: 81%;
		margin: 1%9.5%;
		padding: 1.5% 0%;
		color: antiquewhite;
		border-bottom: #FDF4E8 thin solid;
		
	}
	#site-map-logo{
		clear: none;
		float: left;
		width: 18%;
		margin: 0%41%;
		padding: 0%;
		text-align: center;
	}
	#certificates-box{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: center;
	}
	#certificate-swam{
		clear: none;
		float: left;
		width: 30%;
		margin: 4% 0.5% 0% 9%;
		padding: 0%;
		text-align: center;
	}
	#celebrating10years{
		clear: none;
		float: left;
		width: 21%;
		margin: 0% 0% 0% 0%;
		padding: 0%;
		text-align: center;
	}
	#certificate-aci{
		clear: none;
		float: left;
		width: 30%;
		margin: 2%0%0%0.5%;
		padding: 0%0%0%7.5%;
		text-align: center;
		background-color: white;
	}
	#block1{
		clear: none;
		float: left;
		width: 30%;
	}
	#block2{
		clear: none;
		float: left;
		width: 30%;
	}
	#block3{
		clear: none;
		float: left;
		width: 30%;
	}
	
	#copyrights{
		clear: none;
		float: left;
		width: 100%;
		margin: 1%0%;
		padding: 0%;
		text-align: center;
		color: #7B0002
	}
	#copyrights-logo{
		clear: none;
		float: left;
		width: 6.6%;
		margin: 1%46.7%;
		padding: 0%;
		text-align: center;
	}
	
	
	
	
	#logo{
		clear: none;
		float: left;
		width: 24%;
		margin: 0%30%0%6%;
		padding: 0%;
		text-align: center;
	}
	#menu{
		clear: none;
		float: left;
		width: 36%;
		margin: 2%0%1%3%;
		padding: 0%;
		
	}
	
	#boton-home{
		clear: none;
		float: left;
		margin: 1%3%1%0%;
		padding: 1%1%;
		background-color: inherit;
		color:azure;
		text-align: center;
		font-size: 200%;
		
		border:black thin solid;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#boton-home:hover{
		clear: none;
		float: left;
		margin: 1%3%1%0%;
		padding: 1%1%;
		color:black;
		text-align: center;
		font-size: 200%;
		background-color: azure;
		
		border:#014464 thin solid;
		box-shadow: -1px 1px 15px #92C8D8;
		transition: ease-in-out 0.5s;
	}
	#boton-home-mobile{
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
		background-color:black;
		color:black;
		font-size: 1px;
		visibility: hidden;
	}
	#boton-home-mobile-current{
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
		background-color:black;
		color:black;
		font-size: 1px;
		visibility: hidden;
	}
	
	#boton-contact{
		clear: none;
		float: left;
		margin: 1%3%1%3%;
		padding: 1%1%;
		background-color: inherit;
		color: azure;
		text-align: center;
		font-size: 200%;
		
		
		border:black thin solid;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#boton-contact:hover{
		clear: none;
		float: left;
		margin: 1%3%1%3%;
		padding: 1%1%;
		background-color: azure;
		color: black;
		text-align: center;
		font-size: 200%;
		
		border:#014464 thin solid;
		box-shadow: -1px 1px 15px #92C8D8;
		transition: ease-in-out 0.5s;
	}
	#boton-contact-mobile{
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
		background-color:black;
		color:black;
		font-size: 1px;
		visibility: hidden;
	}
	#boton-contact-mobile-current{
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
		background-color:black;
		color:black;
		font-size: 1px;
		visibility: hidden;
	}
	#boton-portfolio{
		clear: none;
		float: left;
		margin: 1%3%1%3%;
		padding: 1%1%;
		background-color: inherit;
		color: azure;
		text-align: center;
		font-size: 200%;
		
		border: black thin solid;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#boton-portfolio:hover{
		clear: none;
		float: left;
		margin: 1%3%1%3%;
		padding: 1%1%;
		background-color: azure;
		color: black;
		text-align: center;
		font-size: 200%;
		
		border:#014464 thin solid;
		box-shadow: -1px 1px 15px #92C8D8;
		transition: ease-in-out 0.5s;
	}
	#boton-portfolio-mobile{
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
		background-color:black;
		color:black;
		font-size: 1px;
		visibility: hidden;
	}
	#boton-portfolio-mobile-current{
		clear: none;
		float: left;
		margin: 0;
		padding: 0;
		background-color:black;
		color:black;
		font-size: 1px;
		visibility: hidden;
	}
	
	#page-message{
		clear: none;
		float: left;
		width: 100%;
		height: 360px;
		margin: 0%;
		padding: 0%0%6%0%;
		text-align: center;
		font-size: 300%;
	}
	#page-message-image{
		clear: none;
		float: left;
		width: 18%;
		margin: 0%0%0%38%;
		padding: 3%;
	}
	#page-message-content{
		clear: none;
		float: left;
		width: 72%;
		margin: 3%12%;
		padding: 1%1%;
		color: aliceblue;
		text-align: center;
		font-size: 150%;
		border-left: aliceblue thin solid;
		border-right: aliceblue thin solid;
	}
	
	#page-title{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%0%3%0%;
		padding: 1%0%1%0%;
		text-align: center;
		font-size: 300%;
	}
	#page-title-contact-us{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%0%3%0%;
		padding: 3%0%0%0%;
		text-align: center;
		font-size: 300%;
	}
	#page-title-gallery{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%0%3%0%;
		padding: 1%0%1%0%;
		text-align: center;
		font-size: 300%;
		color:aliceblue;
	}
	

	
	
	
	
	#experience{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: black;
		
	}
	#experience-image{
		clear: none;
		float: left;
		width: 60%;
		margin: 0%;
		padding: 0%;
		background-color: whitesmoke;
	}
	#experience-content{
		clear: none;
		float: left;
		width: 30%;
		margin: 0%;
		padding: 3%;
		background-color: black;
		color: #E7F2FF;
		font-size: 150%;
		
	}
	
	
	
	
	
	#trust-points{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background: #272B2E;
	}
	#trust-points-title{
		clear: none;
		float: left;
		width: 91%;
		margin: 3%;
		text-align: center;
		font-size: 300%;
		color: white;
		
	}
	#safety{
		clear: none;
		float: left;
		width:21%;
		margin: 2%2%2%15%;
		padding: 0%;
		color: white;
		
	}
	#safety-title{
		clear: none;
		float: left;
		width:90%;
		margin: 2%;
		padding: 0%;
		color: white;
		text-align:center;
		font-size:200%;
	}
	#safety-icon{
		clear: none;
		float: left;
		width:60%;
		margin: 2%18%;
		padding: 1%;
		border: white thin solid;
		color: white;
		text-align:center;
		font-size:600%;
	}
	#quality{
		clear: none;
		float: left;
		width:21%;
		margin: 2%;
		padding: 0%;
		color: white;
	}
	#quality-title{
		clear: none;
		float: left;
		width:90%;
		margin: 2%;
		padding: 0%;
		color: white;
		text-align:center;
		font-size:200%;
	}
	#quality-icon{
		clear: none;
		float: left;
		width:60%;
		margin: 2%18%;
		padding: 1%;
		border: white thin solid;
		color: white;
		text-align:center;
		font-size:600%;
	}
	#professionalism{
		clear: none;
		float: left;
		width:21%;
		margin: 2%;
		padding: 0%;
		color: white;
	}
	#professionalism-title{
		clear: none;
		float: left;
		width:90%;
		margin: 2%;
		padding: 0%;
		color: white;
		text-align:center;
		font-size:200%;
	}
	#professionalism-icon{
		clear: none;
		float: left;
		width:60%;
		margin: 2%18%;
		padding: 1%;
		border: white thin solid;
		color: white;
		text-align:center;
		font-size:600%;
	}
	
	
	
	#end-home-image{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
	}
	
	
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	/*==================CONTACT US====================*/
	
	
	
	#page-name-contact-us{
		clear: none;
		float: left;
		width: 100%;
		margin: 15%0%0%0%;
		background-color: #313F47;
		color: white;
	}
	
	#page-name-home{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%0%0%0%;
		background-color: #313F47;
		color: white;
		text-align: center;
	}
	#page-name-contact-us{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%0%0%0%;
		padding: 3%0%;
		background-color: #313F47;
		color: white;
		text-align: center;
	}
	
	#contact-options{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background: black;
		color: azure;
	}
	
	#contact-phone{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		color: inherit;
		background-color: inherit;
		transition: ease-in-out 0.5s;
		
	}
	#contact-phone:hover{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		color: black;
		background-color: azure;
		transition: ease-in-out 0.5s;
		
	}
	#contact-phone-title{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:300%;
		border-bottom:grey thin solid;
	}
	#contact-phone-number{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:201%;
	}
	
	#contact-hours{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		color: inherit;
		background-color: inherit;
		transition: ease-in-out 0.5s;
		
	}
	#contact-hours:hover{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		color: black;
		background-color: azure;
		transition: ease-in-out 0.5s;
		
	}
	#contact-hours-title{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:300%;
		border-bottom:grey thin solid;
		text-align:center;
	}
	#contact-hours-number{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:201%;
		text-align:center;
	}
	
	#contact-email{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		
	}
	#contact-email:hover{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		color: black;
		background-color: azure;
		transition: ease-in-out 0.5s;
	}
	#contact-email-title{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:300%;
		border-bottom:grey thin solid;
	}
	#contact-email-address{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:201%;
	}
	
	#contact-address{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		
	}
	#contact-address:hover{
		clear: none;
		float: left;
		width: 31%;
		margin:1%;
		text-align:center;
		color: black;
		background-color: azure;
		transition: ease-in-out 0.5s;
	}
	#contact-address-title{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:300%;
		border-bottom:grey thin solid;
	}
	#contact-address-box{
		clear:none;
		float:left;
		width:100%;
		margin:0%;
		padding:1%0%;
		font-size:201%;
	}
	
	
	
	
	
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	/*==================PORTFOLIO====================*/
	
	#gallery-1{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/Amphitheater/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-1:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/Amphitheater/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	#gallery-2{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/aquatics/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-2:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/aquatics/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title2{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	#gallery-3{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/data-centers/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-3:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/data-centers/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title3{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	
	
	
	#gallery-4{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/pre-fab/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-4:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/pre-fab/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title4{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	#gallery-5{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/recreational-facilities/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-5:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/recreational-facilities/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title5{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	#gallery-6{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/religious-facilities/IMG_4181.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-6:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/religious-facilities/IMG_4181.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title6{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	
	#gallery-7{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/retail-centers/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-7:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/retail-centers/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title7{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	#gallery-8{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/schools/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-8:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/schools/cover.jpg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title8{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	#gallery-9{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/storage-facilities/IMG_8718.JPG");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-9:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%0%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/storage-facilities/IMG_8718.JPG");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title9{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	
	
	
	#gallery-10{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/tilt-wall/imagejpeg_1.jpeg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 0px rgba(31,31,31,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-10:hover{
		clear:none;
		float:left;
		width:300px;
		height:300px;
		margin:1%1%1%25%;
		padding:1%;
		text-align:center;
		border:black thin solid;
		font-size:200%;
		background-image: url("images/portfolio/tilt-wall/imagejpeg_1.jpeg");
		background-size: cover;
		color: azure;
		box-shadow: 0px 0px 18px rgba(154,251,251,1.00);
		transition: ease-in-out 0.3s;
	}
	#gallery-title10{
		clear:none;
		float:left;
		width:100%;
		margin:6%0%0%0%;
		background-color:rgba(28,43,55,0.54);
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}