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

/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

/*LINK CONFIGS----------------------------------------------------------------------------------------------------*/

a.headerLink:link {color:#303030;}      /* unvisited nav bar link */
a.headerLink:visited {color:#303030;}  /* visited nav bar link */
a.headerLink:hover {color:8a8a8a; text-decoration: underline;}  /* mouse over nav bar link */
a.headerLink:active {color:#303030;}  /* selected nav bar link */

a.contactLink:link {color:#efefef;text-decoration: underline;}      /* unvisited nav bar link */
a.contactLink:visited {color:#efefef;text-decoration: underline;}  /* visited nav bar link */
a.contactLink:hover {color:#8a8a8a; text-decoration: underline;}  /* mouse over nav bar link */
a.contactLink:active {color:#efefef;text-decoration: underline}  /* selected nav bar link */

a {text-decoration:none;}

/* STYLES */

body {
	background-color:#1a1a1a;
	width:100%;
	margin: 0px;
}

/*For scrolling to Top and Bottom of Page*/
#bottom {}
#top {}
#firstLink{}

/*GREYSCALE HOVERS*/
.greyscale{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .4s ease;  /* Transition for Webkit browsers */
}

.greyscale:hover {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
	 -webkit-transition: all .5s ease;
}

/*BANNER HOVERS*/

.overlay {
	position:absolute;
	top:0;
	width: 100%;
	height:100%;
	opacity:0;
	-webkit-transition: all .4s ease;
}

.overlay:hover {
	opacity:100;
}

.overlayBacker {
	width: 100%;
	height:100%;
	opacity:0.66;
	background-color:#1a1a1a;
}

.overlayText {
	position:absolute;
	top:37%;
	width: 100%;
	text-align:center;
	color: #efefef;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 18pt;
}

.overlayTextIcon {
	position:absolute;
	top:40%;
	width: 100%;
	text-align:center;
	color: #efefef;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 16pt;
}


/* HEADER */

.headerWrapper {
	float:left;
	top:0px;
	right:0px;
	width:100%;
	height:150px;
	background-color: #efefef;
}

.headerLogoWrapper {
	float:left;
	height:100%;
	margin-left:5%;
}

.headerLogo {
	margin-left:-20px;
	width:130px;
	height:100%;
}

.headerLinksWrapper {
	float:right;
	margin-right: 5%;
	height:150px;
}

.headerLinks {
	padding-top:55px;
	float:right;
	color: #1a1a1a;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 20pt;
}

/* Social Buttons DropDown */

/* Needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Hidden By Default */
.dropdowncontent {
	float:right;
    display: none;
    position: absolute;
    background-color: #efefef;
    z-index: 1;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
}

/* Show Dropdown menu on hover */
.dropdown:hover .dropdowncontent {
    display: block;
}


/* FOOTER */

.footerWrapper {
	float:left;
	bottom:0;
	left:0;
	height:50px;
	width:100%;
	background-color:#efefef;
}

.footerTitleWrapper {
	float:left;
	height:100%;
	width:50%;

}

.footerTitle {
	float:right;
	padding-top:12px;
	padding-right: 1%;
	color: #1a1a1a;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 12pt;
}

.footerLogoWrapper {
	float:left;
	height:100%;
	width:2%;
}

.footerLogo {
	width:100%;
	height:100%;
}

.footerYearWrapper {
	float:left;
	height:100%;
	width:48%;
}

.footerYear {
	padding-top:12px;
	padding-left: 1%;
	float:left;
	color: #1a1a1a;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 12pt;
}


/* LOGO ROW */

.companyLogoWrapper {
	float:left;
    width: 90%;
    margin-left:5%;
	margin-right:5%;
	margin-top:50px;
	margin-bottom:50px;
}

.companyLogoContainer {
	float:left;
	width:11%;
}

.companyLogo {
	width:100%;
}

.companyLogo img {
width:100%;
}

.companyLogoSpacerLeft {
	float:left;
	margin-top:1%;
	width:5%;
}

.companyLogoSpacerRight {
	float:right;
	margin-top:1%;
	width:5%;
}

/* DIVIDERS AND SPACERS*/

.dividerWrapper {
	float:left;
	width:100%;
	height:1px;
	margin:auto;
}

.divider {
	width:90%;
	height:1px;
	margin:auto;
	background-color: #efefef;
}

.spacer10 {
	float:left;
	width:100%;
	height:10px;
	margin:auto;
}

.spacer5 {
	float:left;
	width:100%;
	height:5px;
	margin:auto;
}


/* TEXT */

.textWrapper {
	width:90%;
	margin:auto;
}

.largeText {
	color: #efefef;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 35pt;
}

.pullQuote {
	color: #efefef;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 46pt;
	line-height: 120%;
}

.bodyCopy {
	color: #efefef;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size: 15pt;
}

/* GALLERY COMPONENTS */

.galleryWrapper {
    width: 91%;
    margin: auto;
}

.projectTitle{
	color: #efefef;
 	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	padding-top:2px;
	font-size: 14pt;
    text-transform: uppercase;
}

/* GALLERY 1 */

.galleryItem1 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem1 img {
    max-width: 100%;
}

/* GALLERY 2 */

.galleryItem2 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem2 img {
    max-width: 100%;
}

/* GALLERY 3 */

.galleryItem3 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem3 img {
    max-width: 100%;
}

/* GALLERY 4 */

.galleryItem4 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem4 img {
    max-width: 100%;
}

/* GALLERY 5 */

.galleryItem5 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem5 img {
    max-width: 100%;
}

/* GALLERY 6 */

.galleryItem6 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem6 img {
    max-width: 100%;
}

/* GALLERY 7 */

.galleryItem7 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem7 img {
    max-width: 100%;
}

/* GALLERY 8 */

.galleryItem8 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem8 img {
    max-width: 100%;
}

/* GALLERY 9 */

.galleryItem9 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem9 img {
    max-width: 100%;
}

/* GALLERY 10 */

.galleryItem10 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem10 img {
    max-width: 100%;
}

/* GALLERY 11 */

.galleryItem11 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem11 img {
    max-width: 100%;
}

/* GALLERY 12 */

.galleryItem12 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem12 img {
    max-width: 100%;
}

/* GALLERY 13 */

.galleryItem13 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem13 img {
    max-width: 100%;
}

/* GALLERY 14 */

.galleryItem14 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem14 img {
    max-width: 100%;
}

/* GALLERY 15 */

.galleryItem15 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem15 img {
    max-width: 100%;
}

/* GALLERY 16 */

.galleryItem16 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem16 img {
    max-width: 100%;
}

/* GALLERY 17 */

.galleryItem17 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem17 img {
    max-width: 100%;
}

/* GALLERY 18 */

.galleryItem18 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem18 img {
    max-width: 100%;
}

/* GALLERY 19 */

.galleryItem19 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem19 img {
    max-width: 100%;
}

/* GALLERY 20 */

.galleryItem20 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem20 img {
    max-width: 100%;
}

/* GALLERY 21 */

.galleryItem21 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem21 img {
    max-width: 100%;
}

/* GALLERY 22 */

.galleryItem22 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem22 img {
    max-width: 100%;
}

/* GALLERY 23 */

.galleryItem23 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem23 img {
    max-width: 100%;
}

/* GALLERY 24 */

.galleryItem24 {
	position:relative;
	float: left;
	width: 24%;
    margin:  5px 0.5% 5px 0.5%;
}

.galleryItem24 img {
    max-width: 100%;
}

/* SCREEN SIZES */

/* 2-UP */
@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
.galleryItem1 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem2 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem3 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem4 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem5 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem6 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem7 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem8 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem9 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem10 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem11 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem12 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem13 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem14 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem15 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem16 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem17 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem18 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem19 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem20 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem21 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem22 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem23 {width:48%; margin: 5px 1% 5px 1%;}
.galleryItem24 {width:48%; margin: 5px 1% 5px 1%;}
/* .galleryItem21 {display:none;} */
.companyLogo {margin:auto; width:100%;}
.footerYear {padding-left: 2%;}
.footerTitle {padding-right: 2%;}
}

/* 1-UP */
@media only screen and (max-width : 1000px),
only screen and (max-device-width : 1000px){
.galleryItem1 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem2 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem3 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem4 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem5 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem6 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem7 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem8 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem9 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem10 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem11 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem12 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem13 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem14 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem15 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem16 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem17 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem18 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem19 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem20 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem21 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem22 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem23 {width:100%; margin: 5px 0% 5px 0%;}
.galleryItem24 {width:100%; margin: 5px 0% 5px 0%;}
/* .galleryItem21 {display:none;} */
.footerYear {padding-left: 4%;}
.footerTitle {padding-right: 3%;}
}

/* 1-UP COMPACT*/
@media only screen and (max-width : 650px),{
#firstLink {display:none;}
.footerYear {padding-left: 10%;}
.footerTitle {padding-right: 3%;}
}

/* 1-UP MICRO*/
@media only screen and (max-width : 400px),{
#firstLink {display:none;}
#secondLink {display:none;}
#thirdLink {display:none;}
.footerYear {padding-left: 15%;}
.footerTitle {padding-right: 3%;}
}