body{
	overflow-x:hidden;
	font-family: 'Lato', sans-serif;
}
body *{
	transition: all 0.8s;
}
h1{
	
}
.noMargin{
	margin:0px !important;
}
.h100{
	height:100vh !important;
}
.bg0{
	background-color:#6bbc3f;
}
#main-logo{
	position:fixed;
	top:2vh;
	left:5vw;
	width:120px; 
	height:auto;
	z-index: 1000;
}
#main-logo.sub-active{				
	left:45vw;
	width:100px; 
}
body.active-menu{
	overflow-y:hidden;
}
body.active-menu #nc-full-menu{
}
body.active-menu .nc-menu li{
	animation: swing 1.2s linear forwards;
}
#nc-full-menu{
	width:100vw; 
	height: 100vh; 
	background-image:url('images/stock/7d.jpeg'); 
	background-size:cover;
	background-position-x: 50%;
	position: absolute;
	z-index: 900;
	top:-150vh;
	overflow-y: scroll;
	transition: all 0.8s;
}
#main-menu-icon{
	position:fixed;
	cursor: pointer;
	right: 2vw;
	top:4vh;
	z-index: 50;
	filter:drop-shadow(2px 2px 3px #000);
}
#nc-close-menu{
	position:absolute;
	cursor: pointer;
	right: 2vw;
	top:4vh;
	filter:drop-shadow(2px 2px 3px #000);
}
.nc-large-screen-menu{
	position: absolute;
	top:2vh;
	right:2vw;
	z-index: 50;
}
.nc-large-screen-menu li{
	display:inline-block;
	margin:2pt 8pt;
	font-size: 16pt;
}
.nc-menu{
	color: white;
	font-size: 2rem;
	margin-top:50px;
	position: absolute;
	top:150px;
	left:0;
	right:0;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
.nc-menu li a, .nc-large-screen-menu li a{
	color:#ccc;
}
#nc-fixed-large-menu .nc-large-screen-menu li a{
	color:#555;
}
.nc-menu li{
	transform: rotateY(90deg);
	animation: none;
	cursor:pointer;
	position:relative;
}
.nc-menu>li:hover a, .nc-sub-menu li:hover, .nc-large-screen-menu>li:hover a{
	color: orange;
}
.nc-menu>li:hover::after, .nc-large-screen-menu>li:hover::after{
	display:block;
}
.nc-menu>li::after, .nc-large-screen-menu>li::after{
	content: "";
    background-color: teal;
	width: 50px;
	height: 2px;
	margin:auto;
	display: none;
}

#nc-fixed-large-menu{
	position: fixed;
	top:0px;
	width:100vw;
	z-index:110;
	height: 80px;
}
#nc-fixed-large-menu .nc-large-screen-menu{
	z-index:111;
}
.nc-menu>li .nc-sub-menu{
	display:none;
	left:-100px;
	transition: left 5s;
	position: relative;
}
.nc-menu>li:hover .nc-sub-menu{
	display:block;
	margin:auto;
	left: 20px;
}
.nc-menu li:nth-child(1){
	animation-delay:0.2s;
}
.nc-menu li:nth-child(2){
	animation-delay:0.4s;
}
.nc-menu li:nth-child(3){
	animation-delay:0.6s;
}
.nc-menu li:nth-child(4){
	animation-delay:0.8s;
}
.nc-sub-menu li{
	display: inline;
	padding: 5px 10px;
}
.nc-sub-menu li{
	color: white;
}
.nc-menu>li.nc-menu-item-active a, .nc-large-screen-menu>li.nc-menu-item-active a{
	color:#fff;
}
#nc-fixed-large-menu .nc-large-screen-menu li.nc-menu-item-active a{
	color:teal;
	border-bottom: 2px solid orange;
}
#main-masthead{
	position:relative;
	top:0px;
	background-image: url('images/stairs.jpg');
	background-size:cover;
	background-attachment: fixed;
	width:100vw;
	background-position-y: 80%;
	z-index:1;
}
#main-masthead-text{
	position:absolute; 
	font-size: 18pt;
	bottom:10vh;
	left: 0vw;
	right: 0vw;
	border-left: 15px solid orange;
	padding-left: 20px;
}

.nc-slider{
	position:absolute;
	top:0px;
	left:0px;
	background-image: url('images/slide/1.jpg');
	background-size:cover;
	background-attachment: fixed;
	width:100vw;
	background-position-y: 80%;
	transition: 0.8s all;
	z-index:5;
	min-height:400px;
}
.nc-slider-text{
	position:absolute; 
	font-size: 18pt;
	bottom:10vh;
	left: 0vw;
	right: 0vw;
	border-left: 15px solid orange;
	padding-left: 20px;
	transition: 1.4s all;
}
.nc-slider.nc-slider-inactive{
	left:-100vw;
}
.nc-slider.nc-slider-inactive1{
	left:100vw;
	z-index: -1;
}
.nc-slider.nc-slider-inactive1 .nc-slider-text{
	bottom:80vh;
}
.projects{
	background-size:100% auto;
	height:300px;
	transition: all 0.8s;
	background-position:50% 50%;
}
.projects:hover{
	background-size:110% auto;
}
.btn{
	transition: 0.3s border-left, 0.5s border-top, 0.7s border-right;
}
.btn:hover{
	color: white !important;
	border: 2px solid orange;
	transform: scale(1.1);
}
#main-footer{
	padding:20px 0px;
	min-height:300px;
	background-image: url('images/stock/8.jpeg');
	background-size:cover;
	background-attachment: fixed;
}

/*** animations ***/

@keyframes swing {
	0%   {transform: rotateY(90deg);}
	90%  {transform: rotateY(-40deg) rotateX(-50deg);}
	94%  {transform: rotateY(0deg) rotateX(0deg);}
	98%  {transform: rotateY(-10deg) rotateX(-10deg);}
	100% {transform: rotateY(0deg)  rotateX(0deg);}
}
.nc-why-title::after{
	content: "";
    background-color: teal;
	width: 150px;
	height: 2px;
	margin:auto;
	display: block;
}
.chip{
	cursor:pointer;
}
.carousel *{
	transition: 0s !important;
}
.carousel-item .nc-slider-text{
	bottom: 60vh;
	transition: 0.8s all !important;
}
.carousel-item.active .nc-slider-text{
	bottom: 10vh;
}
