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

/* STRUCTURE */

#a.anchor
{display: block; position: relative; top: -250px; visibility: hidden;}

#back-top {
  position: fixed;
  bottom:200px;
  right: 20%;

  z-index: 1000; }
	
#backtotop-work {
	clear: both;
	width: 100%;
}

#backtotop-work a {
	margin-top: 50px; 
	margin-right: 10px;
	float: right; 
	opacity: .5;
}

.container {height:1000px;}
	
/* {
  color: #0f0 !important;
  outline: solid #f00 1px !important;
} */
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
span {
	display: block; }

body {
	font-family: 'Verdana', sans-serif;
	font-size:.9em;
	line-height:1.5;
	color: #56575A;
	letter-spacing: 1px;
	background-color: white;
	width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
	  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
		overflow:auto;
	-webkit-overflow-scrolling: touch;
	position:relative;
	    opacity: 1;
    transition: 1s opacity;
	height:100%;
}

body.fade-out {
    opacity: 0;
    transition: none;
}

.content {
    max-width: 960px;
	padding-top: -10px;
	margin: auto; 
	clear: both;
}

#space {
	display: block;
	height: 60px;
background: #FFFFFF;
	align: center;
	clear: both;
}


@keyframes scale {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1) rotate(0.01deg);
    }
} 

 .slider {
        width: 100%;
        margin: 50px auto;
	 background-color: #fff;
	 display: block;
    }
 .slider img {
        height: 100%;
        margin-left: auto;
	 	margin-right: auto;
	 	align-content: center;
	 	vertical-align: middle;
	 	  position: relative;
		top: 50%;
    }

.slick-slide {
      margin: 0px 0px 0 0;
    }

    .slick-slide img {
      width: 100%;
	position: relative;
	top: 50%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


/* TEXT ——————————————————————————————— */

h1 {
    font-family: Verdana, sans-serif;
	font-weight: 100;
	color: #56575A;
	font-size: 1.4em;
	letter-spacing: 1px;}

h2 {
    font-family: Verdana, sans-serif;
	font-weight: 100;
	color: #56575A;
	font-size: 1.25em;
	letter-spacing: 1px;}

h3 {
    font-family: 'Verdana', sans-serif;
	font-weight: 100;
	font-size: 12pt;
	line-height:1.5em;
	color: #999;
	diplay: inline;}

h4 {
    font-family: Verdana, sans-serif;
	font-weight: 100;
	color: #7C7C7C;
	font-size: 1.25em;
	letter-spacing: .5px;}
	
h5 {
	font-family: 'Verdana', sans-serif;
	font-weight: 100;
	font-size: 10pt;
	line-height:normal;
	}

p {
    font-family: 'Verdana', sans-serif;
	font-size: 10pt;
	line-height:18pt;
	color: #56575A;
	letter-spacing: 0;
	diplay: inline;}

quote {
    font-family: Verdana, sans-serif;
	font-weight: 300;
	color: #56575A;
	font-size: 14pt;
	line-height: 28pt;
	letter-spacing: 0;
	text-align: left;
	padding: 25px 0 25px 0;}




/* LINKS */

a:link {
	text-decoration: none;
	color: #56575A;}

a:visited {
	color: #56575A;}

a:hover {
	color: #56575A;}

a:active {
	color: #56575A;}

.connect a:link {
	color: #ac162c;}




/* NAV */


#nav {
	width: 90%;
	background-color: #ffffff;
	margin: auto;
	position: relative;
	display: block;
	overflow: none; 
}

#nav-container {
	margin: auto;
	display: block;
	min-height: 110px;
	padding: 35px 0px 0 0px; }

#nav-left {
	float: left;
min-height: 100px;}

#nav-right {
	float: right;
	width: 60%;}

#nav ul {
	list-style: none;
	padding: 0;
	letter-spacing: 0px;}

#nav-right li {
	float: right;
	padding: 0;
	margin-top: 13px;}

#nav-right li a {
	margin: 0px 0 15px 10px;
}

#nav-left li {
	float: left;
	margin-left: -10px;}

#nav-left li img {
	max-width: 230px;
	float: left;}

#nav li a {
	display: block;
	font-size: 14pt;
	text-decoration: none; }

#sub-nav-right {
	float: right;
	clear: right;
	}

#sub-nav-right ul {
	list-style: none;}

#sub-nav-right li {
	float: right;
padding-left: 13px;}


#sub-nav-right li a {
	display: block;
	min-height: 15px;
	margin: 0px 0 0 2px;
	font-family: 'Verdana', sans-serif;
	font-size: 10pt;
	text-decoration: none;
letter-spacing: .25px;}

#nav-container-mobile {
	display: none;
	margin-left:auto;
	text-align: center;
	width:100%;
	overflow: none;
	position: relative;
	list-style: none;}
#nav-container-mobile img {
	max-width: 230px;
	padding: 10px;
	margin-left: auto;
	}
#nav-container-mobile li {
	clear: both;
	}
	


/* FOOTER */

#footer {
   bottom:0;
}
#foot {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #56575A;
  letter-spacing: .5px;
  background-color: #ffffff !important;
clear: both;}

#foot-container {
	height: 250px;
	margin: auto;
	width: 90%;
	/*max-width: 960px;*/
	display: block; 
	padding: 25px 0 0 0;}

#foot-left {
	float: left; 
	width: 100px;
margin-top: 25px;}

#foot-right {
	float: right;
	width: 100px;
	margin-top: 25px;
}

#foot ul {
	list-style: none;
	width: 400px;
	margin: 0 auto;
	padding: 0; }

#foot-right li {
	float: right; 
	margin: 10px 0 0 15px;}

#foot-left li {
	float: none; 
	margin: 10px 0 0 0;}

#foot li a {
	display: block;
	font-size: 1.5em;
	text-decoration: none; }

#foot-container-mobile {
	display: none;
	margin-left:auto;
	height: 350px;
	text-align: center;
	padding: 45px 0 150px 0;
	width:100%;}
#foot-container-mobile a {padding: 25px;}

/* SLIDER */

.wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: white;
  color: #fff;
  text-align: right;
  clear: both;
margin-top: 50px;
}


.content header {
  background: none;
  position: absolute;
  z-index: 900;
	margin: auto;
	width: 960px;
	display: block;
	height: 20px;
	float: right;
}

.content header label {
  color: #56575A;
  cursor: pointer;
  display: inline;
  line-height: 2.25em;
  font-size: 2em;
  font-weight: bold;
  padding: 0 0 25px 0;
	float: right;
}

header label:hover {
  color: #ac162c;
}


/* HOME */

.service table {
	margin: 75px 0 100px 0;
	max-width: 750px; 
	width: 80%;
	margin: auto; }

.service-small{
		display: none;
		padding: 10px 0 45px 0;
		margin: auto;
}

.icon {
	width: 40px;
	vertical-align: top;
	margin-top: 75px;
	padding: 75px 10px 0 0;}

.desc {
	width: 280px; 
	vertical-align: top;
	padding: 75px 25px 100px 0;}




/* ABOUT */
	
        .about2 {
            position: relative;
            margin: 18px 0 100px 0;
			display: inline-block;
        }

        .side {
            float: left;
            max-width: 150px;
			width: 25%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
        }
        
        .main {
			max-width: 790px;
			width: 100%;
            margin-left: 170px;
			padding-top: 15px;
        }

	.side h1 {
		margin-top: 10px;
	}
.about3 {display: none;}

.team h3 {
	color: #ffffff;}
	
.team-4, .team-5, .team-8, .team-9 h3 {
	size: 7pt;}

	
	
.style1{
	border: 2px solid #ccccc;
	margin: 35px 0 85px 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;}

.style2{
	border: 2px solid #ccccc;
	margin: 25px 0 25px 0;
	width: 100%;
	height: 2px;
	background-color: #ccc;}

hr {
  height: 1px;
	}

/*
#line {
    float: left;
    width: 731px;
    height: 1px;
}*/
	
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	transition: all 0.4s ease;
}


.bio_history {
	max-width: 770px;
  	-webkit-margin-after: 0;
	column-count: 2;
	 -webkit-column-count: 2;
 	 -moz-column-count: 2;
	 align: top;
	margin: 35px 0 0 0;
	 column-gap: 40px;}

#team-large {display:block;}
#team-small {display:none;}
#connect-large {display:block;}
#connect-small {display:none;}
.connect td {
	margin: 100px 0 0 0;
	vertical-align: top; }

.connect h2 {
	margin: 0 0 15px 0;
	vertical-align: top; }

.connect .section_title {
	width: 170px;
padding-left: 10px; }

.connect {
	margin-bottom: 100px;}

 #map {
   width: 100%;
   height: 400px;
   background-color: white;
	padding-top: 100px;
	display:inline-block;
	 overflow:hidden;}

.custom-google-map {
	position:relative;
	border:none;
	border:0; 
	margin-top: -150px;}

.team {
	width: 100%;
	max-width: 960px;
	float: left;
	vertical-align:top;
	padding-bottom: 50px;
	display: block;
	clear: both;
	}

.team-title {
	max-width: 160px;
	width: 17%;
	float: left;}

.team-content {
	width: 790px;
	height: 280px;
	float: right;
	vertical-align: top;
	height: 1050px;}

.team-content img {width:100%;
	vertical-align:top;}

.team-1 {
	width: 33%;
	max-width: 260px;
	height: 260px;
	float: right;
	position: relative;}
.team-1:hover .overlay {
  opacity: 1;
	background-color: #56575A;
  background-blend-mode: saturation;}

.team-2 {
	width: 33%;
	max-width: 260px;
	height: 260px;
	float: right;
	margin-right: 5px;
	position: relative;}
.team-2:hover .overlay {
  opacity: 1;
	background-color: #56575A;
  background-blend-mode: saturation;}

.team-3 {
	width: 33%;
	max-width: 260px; 
	height: 260px;
	float: right;
	margin-right: 5px;
	position: relative;}
.team-3:hover .overlay {
  opacity: 1;
	background-color: #56575A;
  background-blend-mode: saturation;}

.team-4 {
	width: 33%;
	max-width: 174px;
	height: 174px;
	float: left;
	margin: 5px 5px 0 0;
	position: relative;}
.team-4:hover .overlay {
  opacity: 1;
	background-color: #56575A;
  background-blend-mode: saturation;}

.team-5 {
	width: 33%;
	max-width: 174px;
	height: 174px;
	float: left;
	clear: left;
	margin: 5px 0 0 0;
	position: relative;}
.team-5:hover .overlay {
  opacity: 1;
	background-color: #56575A;
  background-blend-mode: saturation;}

.team-6 {
	width: 77%;
	max-width: 783px; 
	height: 353px;
	float: right;
	margin: 5px 0 0 0;
	position: relative;
	padding-top: 0;}

.team-7 {
	width: 77%;
	max-width: 783px; 
	height: 353px;
	float: left;
	margin: 5px 0 0 0;
	position: relative;}

.team-8 {
	width: 33%;
	max-width: 174px;
	height: 174px;
	float: right;
	margin: 5px 0 0 0;
	position: relative;}
.team-8:hover .overlay {
  opacity: 1;
	background-color: #56575A;
  background-blend-mode: saturation;}

.team-9 {
	width: 33%;
	max-width: 174px;
	height: 174px;
	float: right;
	margin: 5px 0 0 0;
	position: relative;}
.team-9 .overlay-2 {
  opacity: 1;
	background-color: #ac162c;
  background-blend-mode: overlay;}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .05s ease;
  background-color: #56575A;}

.overlay-2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .05s ease;
  background-color: #ac162c;}

.grayscale:hover {
 	-webkit-filter: grayscale(1); 
	-moz-filter: grayscale(1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; 
	filter: grayscale(1); }

.text {
  position: absolute;
	margin: 0 0 0 10%;
	bottom: 10%;
 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;
}





/* WORK */

.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 258px;
	height: auto;
	transition: all ease-in-out .3s;
}
	
.hvrbox img {
	max-width: 100%;
}

.hvrbox_background {
    width: 260px;
    height: 260px;
	min-height: 260px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	background-color: #DFDFDF;
	display: block;
}
	
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #555759;
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	background-blend-mode: multiply;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
      transition: grayscale 0.5s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: .80;
	background-blend-mode: screen;
}
.hvrbox_background:hover {
	background-blend-mode: screen;
	background-color: #000000;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

	}
	
.hvrbox .hvrbox-text {
	text-align: bottom;
	display: inline-block;
	position: absolute;
	max-width: 200px;
	float: left;
	-moz-transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(7%, 0%);
  	font-size: 1.3em;
	line-height: 1.4em;
	bottom: 7%;
}
.hvrbox-text a:hover 
	{color: #fff; opacity: 1;}
	
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
	    width: 260px;
    height: 260px;
}
	
.hvrbox-small {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 174px;
	height: auto;
		background-color: #000000;
	background-blend-mode: screen;
}
	
.hvrbox-small img {
	max-width: 100%;
}

.hvrbox_background-small {
    width: 174px;
    height: 174px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hvrbox_background-small:hover {
	background-blend-mode: screen;
	background-color: #000000;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	}
.hvrbox-small .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #555759;
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
		background-blend-mode: multiply;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
      transition: grayscale 0.5s;
}
.hvrbox-small:hover .hvrbox-layer_top,
.hvrbox-small.active .hvrbox-layer_top {
	opacity: .80;
	background-blend-mode: screen;
}
.hvrbox-small .hvrbox-text {
	text-align: bottom;
	display: inline-block;
	position: absolute;
	max-width: 200px;
	max-width: 200px;
	float: left;
	-moz-transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(5%, 0%);
  	font-size: 1.3em;
	line-height: 1.4em;
	bottom: 10%;
}
.hvrbox-text a:hover 
	{color: #fff;}
	
.hvrbox-small .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox-small.active .hvrbox-text_mobile {
	display: block;
	    width: 174px;
    height: 174px;
}

.hvrbox-large-sub {display: none;}
.hvrbox-large {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 520px;
	height: auto;
		background-color: #000;

}
	
.hvrbox-large img {
	max-width: 100%;
		background-color: #DFDFDF;
		background-blend-mode: screen;
}

.hvrbox_background-large {
    width: 525px;
    height: 260px;
	min-height: 260px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;	
	background-color: #DFDFDF;
	display: block;
}

.hvrbox_background-large:hover {
	background-blend-mode: screen;
	background-color: #000000;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	}
.hvrbox-large .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #555759;
	color: #fff;
	padding: 0px;
	padding-left: 10px;
	-moz-transition: all 0.1s ease-in-out 0s;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
		background-blend-mode: multiply;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
      transition: grayscale 0.5s;
}
.hvrbox-large:hover .hvrbox-layer_top,
.hvrbox-large.active .hvrbox-layer_top {
	opacity: .80;
	background-blend-mode: screen;
}
.hvrbox-large .hvrbox-text {
	text-align: bottom;
	display: inline-block;
	position: absolute;
	max-width: 350px;
	float: left;
	-moz-transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(5%, 0%);
  	font-size: 1.3em;
	line-height: 1.4em;
	bottom: 7%;

}

.hvrbox-large .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox-large.active .hvrbox-text_mobile {
	display: block;
	    width: 525px;
    height: 260px;
}



/* .corp, .comm, .health, .edu h1 {
	Margin-top: -25px;}

.commercial {
	margin-top: 0px;
	width: 960px;}
.commercial td {
	vertical-align: top; }
.commercial {
	width: 960px;}
.commercial td {
	vertical-align: top; }

.healthcare {
	width: 960px;}
.healthcare td {
	vertical-align: top; }

.retail { 
	margin-bottom: 100px;
	width: 960px;}
.retail td {
	vertical-align: top; }

.industrial {
	width: 100%;
	max-width: 960px;
	float: left;
	vertical-align:top;
	padding-bottom: 50px;
	display: block;
	clear: both;}
.industrial-title {
	max-width: 160px;
	width: 17%;
	float: left;}
.industrial-content {
	width: 790px;
	height: 280px;
	float: right;
	vertical-align: top;
	height: auto;}
.industrial-content img {width:100%;
	vertical-align:top;}
.industrial-1 {
	width: 33%;
	max-width: 260px;
	height: 260px;
	float: left;
	margin-right: 5px;
	position: relative;}
.industrial-1:hover .overlay {
  opacity: .9;
	background-color: #555759;
  background-blend-mode: saturation;}
.industrial h3{
	color: #ffffff;}


.comm {
	width: 100%;
	max-width: 960px;
	float: left;
	vertical-align:top;
	padding-bottom: 50px;
	display: block;
	clear: both;
	margin-top: 17px;
	}

.comm-title {
	max-width: 160px;
	width: 17%;
	float: left;}

.comm-content {
	width: 790px;
	height: 280px;
	float: right;
	vertical-align: top;
	height: auto;}
.comm-content img {width:100%;
	vertical-align:top;}

/*.comm-1 {
	width: 33%;
	max-width: 260px;
	height: 260px;
	float: left;
	margin-right: 5px;
	position: relative;}
.comm-1:hover .overlay {
  opacity: .9;
	background-color: #555759;
  background-blend-mode: saturation;}

.comm h3 {
	color: #ffffff;}

.health {
	width: 100%;
	max-width: 960px;
	float: left;
	vertical-align:top;
	padding-bottom: 50px;
	display: block;
	clear: both;
	}

.health-title {
	max-width: 160px;
	width: 17%;
	float: left;}

.health-content {
	width: 790px;
	height: 280px;
	float: right;
	vertical-align: top;
	height: auto;}

.health-content img {width:100%;
	vertical-align:top;}

.health-1 {
	width: 33%;
	max-width: 260px;
	height: 260px;
	float: left;
	margin-right: 5px;
	position: relative;}
.health-1:hover .overlay {
  opacity: .8;
	background-color: #555759;
  background-blend-mode: saturation;}
.health h3 {
	color: #ffffff;}



.residential {
	width: 100%;
	max-width: 960px;
	float: left;
	vertical-align:top;
	padding-bottom: 50px;
	display: block;
	clear: both;
	}

.residential-title {
	max-width: 160px;
	width: 17%;
	float: left;
clear: both;}

.residential-content {
	width: 790px;
	height: 280px;
	float: right;
	vertical-align: top;
	height: auto;
}

.residential-content img {width:100%;
	vertical-align:top;}

.residential-1 {
	width: 33%;
	max-width: 260px;
	height: 260px;
	float: left;
	margin-right: 5px;
	position: relative;}
.residential-1:hover .overlay {
  opacity: .9;
	background-color: #555759;
  background-blend-mode: saturation;}

.residential h3 {
	color: #ffffff;}

.retail {
	width: 100%;
	max-width: 960px;
	float: left;
	vertical-align:top;
	padding-bottom: 50px;
	display: block;
	clear: both;
	}

.retail-title {
	max-width: 160px;
	width: 17%;
	float: left;}

.retail-content {
	width: 790px;
	height: 280px;
	float: right;
	vertical-align: top;
	height: auto;}

.retail-content img {width:100%;
	vertical-align:top;}*/


/* INDVIDUAL PROJECT */

.ind_proj {
	padding: 45px 0 100px 0;
	max-width: 960px;
	width: 100%;}


.ind_proj td {
	vertical-align: top;
	padding: 0 0 0 0;}

.ind_proj h1 {
	text-align: left;
	margin: 0 0 15px 0;}

.ind_specs  {
	text-align: left; 
	width: 100%;
	margin-top: 0;}

.ind_specs section {
	padding: 0px 50px 25px 0;
	float: left;
	width: 225px;}

.ind_specs p {margin: 10px 0 10px 0;}
	
.ind_title {
	height: auto;
	}



/* RESPONSIVE ——————————————————————————————— */
/* Large Desktop */
@media screen and (max-width: 1824px) {
	.slick-dots {text-align: right;}
	.service-small{
		display: none;}
	.slick-slide {min-height: 500px;}
}

/* Laptop */
@media screen and (min-width: 1224px) {
	.slick-dots {text-align: right;}
	.service-small{
		display: none;}
}


/* Laptop */
@media screen and (min-width: 1025px) and (max-width: 1223px) {
.slick-dots {text-align: right;}
	.service-small{
		display: none;}
}

/* iPad */
@media screen and (min-width: 481px) and (max-width: 1024px) {
	#backtotop-work a {margin: auto;  width: 50%; margin-top: 50px; 
	margin-right: 10px; opacity: .5;}
	.content slick-slide {min-height: 100px; height: 90%; background-color: #fff;}
	.slick-dots {text-align: center; display: none;}
	.slick-dots li button {display: none;}
	#nav-container-mobile { display: none;}
	#nav-container { width: 100%; }
	#sub-nav-right li a { display: inline; margin: 0 0 0 -5px;}
	#foot-container {width: 90%; position: bottom; height: 360px;}
	#foot-right {max-width: 200px;width: 30%;}
	#foot-left {max-width: 250px; width: 35%;}

.service-small {display: none;}
.service table {
	margin-top: 10px;
	padding: 0;
	width: 90%; 
	margin-left: auto;}
.desc {
	width: 40%; 
	vertical-align: top;
	padding: 75px 25px 100px 0;}

.about2 {width: 100%;}
.content {width: 90%;}
.side {width: 100%;}
.main {max-width: inherit; width: 75%; }
.main .hvrbox {}
.hvrbox-large {display: none;}
.hvrbox-large-sub {display: block;}
#team-large {display:none;}
#team-small {display:block;}
.bio_history {column-count: 1;  }
#connect-large {display:none;}
#connect-small {display:block;}
	p {font-size: 11pt;}
.ind_proj {
	padding: 60px 0 100px 0;
	max-width: 960px;
width: 100%;}
.ind_proj td {
	vertical-align: top;
	padding: 0 0 0 0;}
.ind_specs  {
	text-align: left; 
	width: 100%;
	margin: 0 0 0 0;
	display: block;
	border-collapse: collapse; }
.ind_specs section {
	padding: 25px 40px 25px 0;
	display: block;
	float: left;}
	}
	
@media screen and (max-width: 700px) {
	.slick-dots {text-align: center; display: none;}
	.slick-dots li button {display: none;}
	#foot-container { display:none;}
	#foot-container-mobile { display: block;clear: both;}
	#nav-container {display: none;}
	#nav-container-mobile { display: block; width: 100%;}
	#nav img {margin-top: 18px; margin-left: -10px;}
	.content {margin-top: 120px;}
	.service {
		display: none;}
	.service-small	{
		display:block;
		margin-left: auto;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		width:80%;}
	.service-small table tr{
		padding-top: 10px;
	}
	p {font-size: 12pt;}
	table {text-align: center;}

.about2 {width: 100%;}
.content {width: 90%;}
.side {width: 90%;}
.main {width: 60%;}
.main .hvrbox {}
.hvrbox-large {display: none;}
.hvrbox-large-sub {display: block;}
#connect-large { display:none;}
#connect-small { display:block;}
.ind_proj {
	padding: 20px 0 100px 0;
	height: 300px;}
.ind_specs  {
	padding: 25px 40px 25px 0;
	text-align: left; 
	width: 100%;
}
.ind_specs section {
	padding: 15px 40px 15px 0;
	display: block;} 
}
	
@media screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	html,body {overflow-x: visible; overflow: visible;}
	 .body {-webkit-overflow-scrolling: touch; }
		#nav-container-mobile {min-height: 10px;}
	.slick-slide {min-height: 0px; background-color: #fff;}
	.slick-dots {display: none;}
		.slick-dots li button {display: none;}
	#foot-container { display:none;}
	#foot-container-mobile { display: block;}
	#nav-container {display: none;}
	#nav-container-mobile {display: block;}
	.service {
		display: none;}
	.service-small	{
		display:block;
		margin-left: auto;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		width:80%;}
	.service-small table tr{
		padding-top: 10px;
	}
	p {font-size: 12pt;}
	table {text-align: center;}
.content {width: 90%;}
.about2 {width: 100%;}
	
.side {width: 100%; max-width: 500px; height: 70px; padding-top: 25px; display: block; float: left; background-color: #fff; position: sticky; position: -webkit-sticky; top: 0; z-index: 10;}
.side h1 {}
.main {width: 100%; float: right; clear: both; z-index: -10;}
	
.hvrbox {float: none; margin: auto; margin-bottom: 3px;}
.hvrbox-large {display: none;}
.hvrbox-large-sub {display: block;}
#team-large {display:none;}
#team-small {display:block;}
.bio_history {column-count: 1;}
#connect-large {display:none;}
#connect-small {display:block;}
.ind_proj {
	padding: 20px 0 100px 0;}
.ind_specs  {
	padding: 25px 40px 25px 0;
	text-align: left; 
	width: 100%;
	border-bottom: 0;
}
.ind_specs section {
	padding: 15px 40px 15px 0;
	display: block;}


}