body#home .carousel-inner {
	clip-path: inset(0 0 0 2px);
	/* removes video left-side border */
}


@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}


#homeUL {
	position: absolute;
	z-index: 9999999;
	left: 26.7%;
	top: 43.7%;
	padding-left: 0;
}

#homeUL li {
	font-size: 1.22vw;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: white;

}

.fadeInAnimated {
	opacity: 0;
	animation: fadeIn 5s forwards;
	animation-delay: 3.5s;
	line-height: 3.2em;

}

#second {
	animation-delay: 8s;
	line-height: 1.3em;
} 


body#home .carousel-item img#mjl-logo {
	height: 125%;
	object-fit: cover;
	position: absolute;
	z-index: 9999999;
	margin-top: -22%;
	margin-left: -4%;
	animation: fadeIn 5s forwards;
	animation-delay: 1s;
}


/*

@keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
   





#homeUL {
	position: absolute;
	z-index: 999999;
	left: 26.7%;
	top: 43.7%;
	padding-left: 0;
}

#homeUL li {
	font-size: 1.22vw;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: white;

}


body#home .carousel-item img#mjl-logo {
	height: 125%;
	object-fit: cover;
	position: absolute;
	z-index: 999;
	margin-top: -22%;
	margin-left: -4%;
	animation: fadeIn 5s forwards;
	animation-delay: .2s;
}


.fadeInAnimated {
	opacity: 0;
	animation: fadeIn 5s forwards;
	animation-delay: 3.5s;
	line-height: 3.2em;

}

#second {
	animation-delay: 8s;
	line-height: 1.3em;
} */


/* #third {
	animation-delay: 1s;
} */


/*

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}




body#home video {
	opacity: 1;
	transition: opacity 1s ease-in-out;

}

body#home video.hidden {
	opacity: 0;
}


body#home .carousel-item {
	transition: opacity 1s ease-in-out;
}

body#home .carousel-item.hidden {
	opacity: 0;
	visibility: hidden;
}






#carouselVideo2 {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

*/


/* end home page styles */




h3 {
	font-size: 12px;
	font-weight: bolder;
	padding-top: 16px;
}



@font-face {
	font-family: 'HelveticaNeue';
	src: url('https://mjlarchitect.com/fonts/HelveticaNeueLight.ttf') format('truetype');
	/* Safari, Android, iOS */
}




@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}



section.main .carousel-item img,
section.main-slider .carousel-item img {
	animation: fadeInAnimation ease 3s;

	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;

	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}





.hometext {
	position: absolute;
	bottom: 39px;
	right: 82px;
	z-index: 999999999;
	color: #fff;
	font-size: 36px;
	font-weight: 100 !important;
	font-family: HelveticaNeue;
	-webkit-font-smoothing: antialiased;
	animation: fadeInAnimation ease 12s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

}









.container-fluid {
	width: calc(90% - 30px);
}

.modal {
	cursor: pointer;
}

.modal-open {

	height: calc(100vh - 155px);
	overflow: hidden !important;

}

.modal-content {
	width: 1678px;
	margin: auto;
}

.btn-close {
	opacity: 1 !important;
}

.spinner-border {
	display: none;
}

.btn-close svg {
	position: relative;
	top: 101px !important;
	right: 5px !important;
}

.carousel.pointer-event {
	touch-action: pan-y pinch-zoom;
}


body.modal-open .carousel-item.active {
	height: calc(100vh - 55px);
	overflow: hidden;
}

body.modal-open .carousel-item {
	height: calc(100vh - 55px);
	overflow: hidden;
}


.carousel-item img {
	/* height: 100%; */
	object-fit: cover;
}

body.modal-open {
	overflow: inherit !important;
	padding-right: 0 !important;
}

body.modal-open .carousel-control-prev {
	position: fixed !important;
	width: 1% !important;
	top: 69px;

}

body.modal-open .carousel-control-next {
	position: fixed !important;
	width: 3% !important;
	top: 69px;
}

body.modal-open .carousel-control-next-icon,
body.modal-open .carousel-control-prev-icon {
	display: inline-block;
	width: 18px !important;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
}



.translate-middle {
	transform: translate(-50%, -459px) !important;
}

.ratio::before {
	margin-top: 102px;
	/* border-top: solid 1px transparent; */
}

.modal-fullscreen .modal-body {
	overflow-y: inherit !important;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	width: 100%;
	height: auto;
}

.btn-close:focus {
	box-shadow: none;
}



*/ img.proj {
	width: 100%;
	margin-left: 1px;
}



.colx {
	position: absolute;
	height: auto;
	background: rgba(203, 203, 203, .7);
	/* width: 132px; */
	width: 150px; 
	padding-left: 12px;
	margin-left: 0;
	padding-top: 6px;
	z-index: 99999;
	height: 100%;

}


.colz {
	display: block;
	background: rgba(203, 203, 203, .7);
	width: 170px;
	z-index: 999;
	position: absolute;
	height: 100%;

}


.carousel.carousel-fade .carousel-item {
	display: block;
	opacity: 0;
	transition: opacity ease-out .7s;
}

.modal-backdrop {
	--bs-backdrop-bg: transparent !important;
	background-color: transparent !important;
}


.carousel.carousel-fade .carousel-item.active {
	opacity: 1 !important;
}


.main-slider {}


.line {
	width: calc(100% - 15px);
	height: 99px;
	position: absolute;
}


.collapse.navbar-collapse {
	z-index: 99999;
}

.navbar-expand-lg .navbar-collapse {

	margin-top: 60px;
}



.navbar-nav>li>a.home {
	margin-left: 0 !important;
	padding-left: 0 !important;

}


body {
	/* color: #333333; */
	color: #000000;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	/* font-size: 12px; */
	font-size: 14px;
	line-height: normal;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .05em;
}

html {
	margin-bottom: 1px;
	min-height: 99%;
}

html,
body {
	height: 100%;
	padding: 0px 0px 1px 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/* The html and body elements cannot have any padding or margin. */
}

* html body {
	font-size: 12px;
	text-align: left;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 0px;
	line-height: normal;
	vertical-align: top;
	border-top: none;
}


#fadeControl {
	position: absolute;
	height: 20px;
	bottom: 8px;
	right: 0;
	z-index: 99999;
}


.right {
	float: right;
}

.tel {
	display: inline-block;
	color: #000;
}

.tel:hover {
	color: #ff6600 !important;
	text-decoration: none;
	border: none;
}

.spaceAfter {
	width: 100%;
	position: relative;
	height: 12px;
	float: left;
}

.topborder {
	border-bottom: solid 1px #000;
	width: 100%;
	float: left;
	margin-top: 4px;
}

h1 {
	font-size: 16px;
	line-height: normal;
	position: relative;
	color: #000;
	margin-bottom: 0px;
	margin-top: 46px;

	-webkit-font-smoothing: antialiased;
	font-family: HelveticaNeue;
}


.text-orange {
	color: #ff6600 !important;


}

:link,
*:visited {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #ff6600;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	/*padding: 0px; */
	text-shadow: none;
}

.navbar-header {
	margin-top: 30px;
	width: 100%;
	float: left;
	position: relative;
	display: inline;
	height: 51px;
	padding-right: 15px;
	border-bottom-color: #000;
}

.navbar-collapse,
.navbar-form {
	border-color: transparent;
}

.temp-slider {
	animation-fill-mode: forwards !important;
	pointer-events: none;
	-webkit-animation: fadeout 2.5s;
	-moz-animation: fadeout 2.5s;
	-ms-animation: fadeout 2.5s;
	-o-animation: fadeout 2.5s;
	animation: fadeout 2.5s;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
	
}

.page-background {

	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -10;
	object-fit: cover;
}

.page-background-2 {
	-webkit-animation: fadein 2.5s;
	-moz-animation: fadein 2.5s;
	-ms-animation: fadein 2.5s;
	-o-animation: fadein 2.5s;
	animation: fadein 2.5s;
	position: fixed;
	width: 100%;
	height: 100%;
	filter: grayscale(100%) contrast(.3) brightness(2);
	;
	z-index: -10;
	object-fit: cover;
}

.navbar-brand:hover,
.navbar-brand:focus {
	color: #ff6600;
	background-color: transparent;
}

/* -------------------nav bar -------- */



.linkactive {
	color: #ff6600;
}


label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: normal
}

input[type="submit" i],
input[type="reset" i],
input[type="file" i]::-webkit-file-upload-button,
button {
	padding: 6px;
}

input[type="button" i],
input[type="submit" i],
input[type="reset" i],
input[type="file" i]::-webkit-file-upload-button,
button {
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: buttontext;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	background-color: buttonface;
	box-sizing: border-box;
	border-width: 2px;
	border-style: outset;
	border-color: buttonface;
}

.contactForm {
	background-clip: padding-box;
	border: 1px solid #cccccc;
	border-radius: 0px;
	display: inline;
	float: right;
	height: 24px;
	margin-top: 0;
	margin-bottom: 1px;
	padding: 0 10px;
	position: relative;
	top: 0px;
	width: 100%;
}

ul.nav2>li.padding>a {
	color: #000000;
	float: none;
	padding: 5px 10px 5px 0px;
	text-decoration: none;
	text-shadow: none;
	line-height: 24px;
	font-weight: normal;

}

ul.nav2>li.padding>a:hover,
ul.nav2>li.padding>a:focus,
ul.nav2>li.active>a {
	color: #ff6600;
	font-weight: normal;
	text-shadow: none;
	padding-left: 0;
}

ul,
ol {
	list-style: none outside none;
}

ul li {
	margin: 0px;
	/* font-size: 12px; */
	font-size: 14px; 
}

ul li ul {
	list-style: none outside none;
	margin: 0;
}

ul li ol {
	margin: 0;
}

ul.nav2>li.dead {
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	line-height: 24px;
}

.nav-list>li>a {
	padding: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar {
	border-radius: 0px;
	margin-bottom: 0px;
	margin-top: 0;
	position: relative;
	z-index: 1000;
	min-height: 107px;
	width: 100%;
	padding-bottom: 0;
	z-index: 9999;
}

.navbar .nav>li>a {
	float: none;
	padding: 1px 30px 15px 0px;
	color: #000;
	text-decoration: none;
	text-shadow: 0 0px 0 #000;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar .nav>li>a {
	float: none;
	padding: 0px 34px 1px 0px;
	color: #000;
	text-decoration: none;
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font-size: 12px;
}

.navbar .nav>li>a:hover {
	color: #ff6600;
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-default {
	border-style: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	text-shadow: none !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #000;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
	background-color: rgba(0, 0, 0, 0);
}

.navbar-brand:hover,
.navbar-brand:focus {
	color: #ff6600;
	background-color: transparent;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
	color: #ff6600;
	background-color: transparent;
}

.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus {
	color: #ff6600;
	background-color: transparent;
}

.navbar-toggler .icon-bar {
	background-color: #494848;
}

.navbar-nav {
	float: left;
	margin: 0;
}

.navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}

.navbar-right {
	left: 70px;
	min-width: 230px;
	float: right !important;
	top: -35px;
	position: relative;
}

.navbar-static-bottom .container {
	height: auto;
	max-width: 1170px;
	overflow: hidden;
	/*padding-top: 20px;*/
	padding-top: 0px !important;
	width: 100%;
}

.navbar-toggle {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0px;
	float: right;
	margin-bottom: 8px;
	margin-right: 20px;
	margin-top: -4px;
	padding: 9px 10px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.navbar-toggler .icon-bar {
	display: block;
	width: 34px;
	height: 2px;
	margin: 4px 0;
	border-radius: 1px;
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background-color: inherit;
	color: #ff6600;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-toggler {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	color: black;
	border: none;
	padding-left: 0;
}


.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
	background-color: rgba(0, 0, 0, 0);
}

.navbar-brand {
	float: left;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 3px 0px 0px;
	color: #000;
}

.navbar-collapse {
	overflow-x: visible;
	max-height: 340px;
	padding-left: 0px;
	padding-right: 15px;
}

.navbar-fixed-bottom {
	border-radius: 0;
	border-width: 0 0 1px;
	left: 0;
	position: fixed;
	right: 0;
}


.navbar-nav>li>a {
	padding-top: 7px;
	padding-bottom: 0;
	line-height: 20px;
	letter-spacing: .05em;
	/* font-size: 12px !important;  */
	font-size: 14px !important; 
}

.noline {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}




/*o*/

#overlay {
	background-color: rgba(203, 203, 203, .7);
	/*background-image: url("../img/bg_grey.png");
	background-repeat: repeat; */
	cursor: pointer;
	display: none;
	z-index: 99999;
	margin-bottom: 0px;
	right: 0px;
	padding: 12px 15px 15px 15px;
	position: absolute;
	top: 0px;
	/* max-width: 180px; */
	max-width: 390px;
	height: 100%;
	overflow-y: visible;
	/* max-height: 78.5%; */
	overflow-x: hidden;
}

#overlay p {
	margin: 0px;
	color: #000;
}

#overlay h2,
#overlay2 h2,
#overlay3 h2 {
	margin-top: 0px;
	font-size: 16px;
}

#overlay2 {
	background-image: url("../img/bg_grey.png");
	background-repeat: repeat;
	cursor: pointer;
	position: relative;
	max-width: 696px;
	float: right;
	height: 492px;
	right: 0px;
	margin-top: 10px;
	z-index: 99999;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 12px;
}

#overlayPerm {
	background-image: url("../img/bg_grey.png");
	background-repeat: repeat;
	cursor: pointer;
	display: block;
	z-index: 99999;
	margin-bottom: 0px;
	left: 0px;
	padding: 12px;
	position: absolute;
	top: 0px;
	max-width: 100%;
	height: 100%;
	overflow-y: visible;
	overflow-x: hidden;
}

#overlayPerm h2 {
	font-size: 16px;
}

#slideshow4 {
	overflow: hidden;
	float: left;
	max-width: 100%;
	width: 100%;
	min-height: 520px;
	position: relative;
}




#overlay3 {
	background-image: url("../img/bg_grey.png");
	background-repeat: repeat;
	cursor: pointer;
	position: relative;
	max-width: 100%;
	float: right;
	height: 492px;
	right: 0px;
	margin-top: 10px;
	z-index: 99999;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 12px;
}

.architect {
	height: 94px;
	width: 15px;
	overflow: visible;
	padding-left: 0;
	position: absolute;
	visibility: visible;
	top: -1px;
	margin: 0px;
	right: 0px;
	text-align: right;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	max-width: inherit;
	height: auto;
	top: -211px;
	position: relative;
}

@media (max-width: 1139px) {

	.img-responsive,
	.thumbnail>img,
	.thumbnail a>img,
	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* ------------------- Carousel Styling ------------------- */


.control-box,
a.carousel-control,
.carousel-indicators li {
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;

}

/* Hover animation */
.carousel:hover .control-box {
	opacity: 1;
}

/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li {
	border: 1px solid #000;
	border-radius: 0;
}

.carousel-indicators li {
	background: rgba(203, 203, 203, .7) !important;
	border: 1px solid rgba(0, 0, 0, .7) !important;
	width: 25px !important;
	height: 14px !important;
	margin: 0px 3px 0px 3px !important;
	/* box-shadow: 0px 0px 2px white; */
}

.carousel-indicators li.active {
	background: transparent !important;
	border: 1px solid #ff6600 !important;
	width: 25px !important;
	height: 14px !important;
	margin: 0px 2px 0px 2px !important;
}

.carousel-indicators {
	top: 5px;
	left: 0px;
	list-style: outside none none;
	margin-left: 0px;
	/* padding-left: 0; */
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 999999;
	margin-bottom: 0px;
}

#infoLink {
	padding-right: 0px;
	text-align: center;
	color: #000;
	background-image: url(../img/infoBox.png);
	background-repeat: no-repeat;
	width: 34px;
	display: block;
	height: 20px;
	margin-top: 5px;
	float: right;
}

#infoLinkPlaceHolder {
	padding-right: 0px;
	text-align: center;
	color: #000;
	background-image: url(../img/infoBoxPlaceHolder.png);
	background-repeat: no-repeat;
	width: 25px;
	display: block;
	height: 15px;
	margin-top: 4px;
	float: right;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	height: 100%;
}

.carousel-control {

	filter: alpha(opacity=50);
	opacity: 1;
}

.carousel-control.right {
	right: 10px;
	left: auto;
	background-image: none;
	filter: none;
	background-repeat: no-repeat;
}

.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-size: 20px;
	color: #ff6600;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}




.carousel-inner {
	height: 100%;
}


/* Carousel Fading slide */
.carousel-fade .carousel-inner {
	background: transparent;
}

.carousel-fade .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active {
	opacity: 1;
}

.carousel-fade .active.left,
.carousel-fade .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}


/* 
-------------------------------------------fade---------------------------------------------------------------------------- */
@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

​ @-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-moz-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-ms-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

​ @-o-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}



/* Important Safari Fix */
@media all and (transform-3d),
(-webkit-transform-3d) {

	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}



.social-Instagram {
	width: 25px;
	height: 26px;
	float: right;
	display: inline;
	position: relative;
	background-image: url(../img/instagram-bw.png);
	background-repeat: no-repeat;
	border: none;
	margin: 2px 0px 8px 8px;
}

a:hover .social-Instagram {
	background-image: url(../img/instagram.png);
	background-repeat: no-repeat;
}



.social-Facebook {
	width: 25px;
	height: 26px;
	float: right;
	display: inline;
	position: relative;
	background-image: url(../img/facebook-bw.jpg);
	background-repeat: no-repeat;
	border: none;
	margin: 2px 0px 8px 8px;
}

a:hover .social-Facebook {
	background-image: url(../img/facebook.jpg);
	background-repeat: no-repeat;
}

.social-GooglePlus {
	width: 25px;
	height: 26px;
	float: right;
	display: inline;
	position: relative;
	background-image: url(../img/gplus-bw.jpg);
	background-repeat: no-repeat;
	border: none;
	margin: 2px 0px 8px 8px;
}

a:hover .social-GooglePlus {
	background-image: url(../img/gplus.jpg);
	background-repeat: no-repeat;
}

.social-linkedIn {
	width: 25px;
	height: 26px;
	float: right;
	display: inline;
	position: relative;
	background-image: url(../img/linkedIn-bw.jpg);
	background-repeat: no-repeat;
	border: none;
	margin: 2px 0px 8px 0px;
}

a:hover .social-linkedIn {
	background-image: url(../img/linkedIn.jpg);
	background-repeat: no-repeat;
}

.social-Pintrest {
	width: 25px;
	height: 26px;
	float: right;
	display: inline;
	position: relative;
	background-image: url(../img/pintrest-bw.png);
	background-repeat: no-repeat;
	border: none;
	margin: 2px 0px 8px 8px;
}

a:hover .social-Pintrest {
	background-image: url(../img/pintrest.jpg);
	background-repeat: no-repeat;
}

.social-Houzz {
	width: 25px;
	height: 26px;
	float: right;
	display: inline;
	position: relative;
	background-image: url(../img/houzz-bw.png);
	background-repeat: no-repeat;
	border: none;
	margin: 2px 0px 8px 8px;
}

a:hover .social-Houzz {
	background-image: url(../img/houzz.jpg);
	background-repeat: no-repeat;
}

/*end social icons*/
.newLine {
	display: block;
}

/* Wrapper for page content to push down footer */
#wrap {}

/* Set the fixed height of the footer here */


#footer {
	background-color: transparent;
	top: 9px;
	margin-top: 6px;
}

.nav2 {
	margin-left: 0px;
	position: relative;
	top: -8px;
	bottom: 80px;
	z-index: 1000;
	background: transparent;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	float: left;
	text-wrap: normal;
}

.navbar-default .navbar-collapse {
	border-color: #e7e7e7;
	margin-bottom: 8px;
}

ul.nav2.nav-list {
	margin-bottom: 0px !important;
	padding-left: 0px;
	line-height: 22px;
	text-align: left;
	margin-top: 3px;
}


ul#two {

	margin-top: 0;
}


/* mobile */
.pull {
	float: right;
}




body#home .carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	padding: 0;
	text-align: center;
	background: 0 0;
	border: 0;
	opacity: 1;

}

body#home span.carousel-control-prev-icon {
	background-image: url("../img/prevarrow.png");
	background-size: contain;
	width: 14px;
	height: 19px;
	margin-left: 5px;
	opacity: 0;
	/* Initially hidden */
	animation: fadeIn 1s ease-in-out 4s forwards;
}

body#home span.carousel-control-next-icon {
	background-image: url("../img/nextarrow.png");
	background-size: contain;
	width: 14px;
	height: 19px;
	margin-right: 5px;
	opacity: 0;
	/* Initially hidden */
	animation: fadeIn 1s ease-in-out 4s forwards;
}



body:not(#home) .carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	padding: 0;
	text-align: center;
	background: 0 0;
	border: 0;
	opacity: 1;
	transition: opacity .15s ease;
	left: 150px;
}


body:not(#home) .carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	padding: 0;
	text-align: center;
	background: 0 0;
	border: 0;
	opacity: 1;
	transition: opacity .15s ease;
}

body:not(#home) span.carousel-control-prev-icon {
	background-image: url("../img/prevarrow.png");
	background-size: contain;
	width: 14px;
	height: 19px;
	margin-left: 5px;
}

body:not(#home) span.carousel-control-next-icon {
	background-image: url("../img/nextarrow.png");
	background-size: contain;
	width: 14px;
	height: 19px;
	margin-right: 5px;
}



img.proj {
	width: 100%;
	margin-left: 1px;
}

.projcrop {
	/* height: calc(100vh - 156px); */
	/* overflow: hidden; */
}




.colz {
	display: block;
	background: rgba(203, 203, 203, .7);
	width: 170px;
	z-index: 999;
	position: absolute;
	height: 100%;

}

#hover-link {
	color: #0077b6;
	/* Link text color */
	text-decoration: none;
}

#image-container {
	display: none;
	/* Initially hidden */
	position: absolute;
	top: 20px;
	width: 300px;
	height: 300px;
	opacity: 0;
	transition: opacity 0.5s;
	z-index: -1;
}

a#hover-link:hover,
#hover-link:hover+#image-container {
	display: block;
	/* Display when the link is hovered */
	opacity: 1;
	/* Fully opaque on hover */
	color: orange;
	z-index: 99999999;

}

/* ***********************************************************@media ******************************************************************* */


@media only screen and (max-width: 991px) {

	.line {
		width: calc(100% - 15px);
		height: 99px;
		position: relative;
	}

	.navbar-expand-lg .navbar-collapse {
		margin-top: -32px;
	}

	.hometext {
		position: absolute;
		bottom: 0px;
		right: 15px;
		z-index: 999999999;
		color: #fff;
		font-size: 17px;
		font-weight: 100 !important;
		font-family: HelveticaNeue;
		-webkit-font-smoothing: antialiased;
		animation: fadeInAnimation ease 12s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}



}

@media only screen and (max-width: 914px) {
	.colx {

		/* height: auto; */
		overflow-y: scroll;
	}


	.carousel-indicators {

		display: none;

	}


	body:not(#home) .carousel-control-next {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: end !important;
		width: 30% !important;
		padding: 0;
		text-align: center;
		background: 0 0;
		border: 0;
		opacity: 1;
		transition: opacity .15s ease;
	}

	body:not(#home) .carousel-control-prev {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 4;
		display: flex;
		align-items: center;
		justify-content: start;
		width: 30%;
		padding: 0;
		text-align: center;
		background: 0 0;
		border: 0;
		opacity: 1;
		transition: opacity .15s ease;
		left: 149px;
	}

}


@media only screen and (max-width: 767px) {

	.hometext {
		position: absolute;
		bottom: 0px;
		right: 15px;
		z-index: 999999999;
		color: #fff;
		font-size: 17px;
		font-weight: 100 !important;
		font-family: HelveticaNeue;
		-webkit-font-smoothing: antialiased;
		animation: fadeInAnimation ease 12s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}

	.container-fluid {
		width: 100%;
	}

	.nav2 {
		margin-left: 0px;
		position: relative;
		top: -8px;
		bottom: 80px;
		z-index: 1000;
		background: transparent;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		float: left;
		text-wrap: normal;
		max-height: max-content;
	}

	.pull {
		float: left;
	}

	.social-Facebook,
	.social-Pintrest,
	.social-linkedIn,
	.social-Houzz,
	.social-GooglePlus,
	.social-Instagram {
		float: right;
		margin: 0px 8px 8px 0px;
	}

	#infoLink {
		text-align: center;
		width: 17px;
		display: block;
		height: 10px;
		margin-right: 7px;
		margin-top: 12px;
		float: right;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.navbar-toggle {
		background-color: rgba(0, 0, 0, 0);
		border-radius: 0;
		border-style: none;
		float: left;

		margin-bottom: 8px;
		margin-right: 20px;

		padding: 9px 10px;

		top: 0;
	}

	ul.nav2>li.padding>a {
		color: #000000;
		float: none;
		font-weight: normal;
		line-height: normal;
		padding: 5px 10px 5px 0;
		text-decoration: none;
		text-shadow: none;
	}

	ul li.padding {
		margin: 7px 0 0px 0;
	}

	ul.nav2>li.padding>a:hover,
	ul.nav2>li.padding>a:focus,
	ul.nav2>li.active>a {
		color: #ff6600;
		font-weight: normal;
		text-shadow: none;
	}

	.main-slider {
		height: 100%;
	}

	#wrap {
		height: calc(100vh - 78px);
	}

}


@media (max-width: 575px) {

	.social-Facebook,
	.social-Pintrest,
	.social-linkedIn,
	.social-Houzz,
	.social-GooglePlus,
	.social-Instagram {
		float: left;
		margin: 8px 8px 8px 0px;
	}

	ul.nav2.nav-list {
		margin-bottom: 0px !important;
		padding-left: 0px;
		line-height: 16px;
		text-align: left;
		margin-top: 3px;
		line-height: 24px;
	}

	#footer {
		margin-top: 0;
	}

	.carousel-indicators {
		top: 5px;
		/* left: 0px; */
		list-style: outside none none;
		margin-right: 0px;
		/* padding-left: 0; */
		right: 0;
		position: relative;
		/* text-align: right; */
		/* width: 100%; */
		/* z-index: 999999; */
		/* margin-bottom: 0px; */
	}

	.hometext {
		position: absolute;
		bottom: 0px;
		right: 15px;
		z-index: 999999999;
		color: #fff;
		font-size: 13px;
		font-weight: 100 !important;
		font-family: HelveticaNeue;
		-webkit-font-smoothing: antialiased;
		animation: fadeInAnimation ease 12s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}

}

@media only screen and (device-width: 768px) {
	/* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.container {
		width: 78%;
	}
}



@media (max-width: 414px) {
	#homeUL li {
		font-size: 1.1vw;
		font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
		color: white;
		/* white-space: nowrap; */
	}

}