html{

	box-sizing: border-box;
	font-size: 16px;

}
.header{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 105vh;
	padding-top: 20px;

}
.nav{
	display: flex;
	justify-content: center;
	padding-top:  12px;
	padding-bottom: 3px;
	position: absolute;
	transform: all 0.3;
	background: white;
	z-index: 9;
	top: 0px;
	width: 100%;

}








.nav ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.nav ul li{
	display: flex;
}
.nav ul li a{
font-family: 'Roboto condensed',sana-serif;
font-size: 1.1em;
color: #333;
padding: 0.25rem 0;
margin: 10px 1.80rem;	
text-transform: uppercase;
}
.nav ul li.logo.black{
	display: none;
}
.nav ul



.nav-icon{
	position: absolute;
	top: 27px;
	right: 30px;
	padding: 5px;
	width: 40px
	z-index:1;
	cursor: pointer;


}
.nav-icon span{
	background: #333;
	width: 30px;
	height: 1px;
	display: block;
	transition: 300 linear all;
}

.nav-iocn span:th-child(1),
.nav-icon span:nth-child(3){
	width: 20px;
	margin: 0 auto;
}
.nav-icon span:nth-child(1){
	margin: 5px;
	width: 32px;

} 


.nav-icon: hover span:nth-child(1);
.nav-icon: hover span:nth-child(3);{
	width: 30PX;
}

.full-nav{
	background: #f1c30f;
	color: #18191d;
	position: fixed;
	left: 0;
	top:0px;
	height: 100%;
	width: 100%;
	visibility: hidden;
	padding: 3.75rem;
	opacity: 0;
	z-index: 99;
	overflow-x: hidden;
	
	
	 transform:  translateY(-100px);
	 transition: all .4s ease-in-out;

}
.full-nav.open{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transform: all .4s ease-in-out;
	z-index: 99;

}
.full-nav.logo{
	display: flex;
	justify-content: center;
	padding: 4rem;


}
.nav2{
	display: flex;
	justify-content: center;

}
.nav2 ul{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	max-width: 700px;

}
.nav2 ul li{
	display: flex;
	flex:50%;
	background-color: #f5f5f5;
	padding: 1rem;
	border-bottom: 10px solid #f1c30f;
	border-bottom: 10px solid #f1c30f;
	transition:all 0.5s;

}
.nav2 ul li a{
	font-family: 'Roboto condensed',sana-serif;
	font-size: 1.4em;
	color: #18191d;

}
.nav2 ul li a span{
	color: #b9b9b9;

}
.nav2 ul li:hover{
	background-color: #ff1637;

}
.nav2 ul li:hover a,
.nav2 ul li:hover a span{
	color: white;
}
.social-icon a{
	color: white;
	border:3px solid white;
	width: 50px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
    display: inherit;
    text-align: center;
    border-right:50px;
    transition: all ease 1s;
    margin-top: 40px;

}
.social-icons a hover i{
	color: #000;
	margin-top: -10px;
	border-color: #000;
}
ul.social-icons.list-inline{
	text-align: center;
	margin-top: 22px;

}
.list-inline > li{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.coner-circle{
	position: absolute;
	top: 0;
	right: 0;
	height: 120px;
	background-color: white;
	border-color: white;
	border-radius: 0 0 0 120px;
	z-index: 2;
}
.nav-close{
	display: block;
	width: 30px;
	height: absolute;
	top:30px;
	right: 30px;

}
.nav-close span{
	background: #18191d;
	width: 30px;
	height: 1px;
	display: block;
	position: absolute;
	top: 14;


}
.nav-close span:nth-child(1){
	transform: rotate(45deg);

}
.nav-close span:nth-child(2){
	transform: rotate(-45deg);
}
.nav.sticky{
	width: 100%;
	position: fixed;
	background-color: white;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.35);
	animation-name: animationfade;
	animation-direction: 1s;
	animation-fill-mode: both;

}
 @keyframes animationFade{
 	from{
 		opacity:0;
 		-webkit-transform:translate3d(0,100%,0);
 		transform: translate(0,-100%,0);
 	}
 	to{
 		opacity:1;
 		transform: none;
 		-wekit-transform:none;
 		-o-transform:none;
 	}
 }


.nav.sticky a{
	color: #18191d;

}
.nav.stiky ul li.logo.black{
	display: inline-block;
}
.nav.stiky .nav-icon span{
	background:#18191d;

}

 video#herovideo{
 	width: 100%;
 }
 .bx-wrapper . social-icons a{
 	color: white;
 	border:1px solid white;
 	width: 40px;
 	height: 40px;
 	font-size: 20px;
 	display: inherit;
 	text-align: center;
 	padding-top: 5px;
 	transition: all ease 1s;
 	background: #000;
 	border:0px; 
 }
 .bx-warapper .social-icons a i{
 	position: relative;
 	bottom: 7px;
 }
 .vidContent{
 	position: absolute;
 	top: 290px;
 	color: #f1f1f1;
 	width: 100%;
 	padding:10px;
 	text-align: left; 

 }
 .vidContent h1{
 	font-family: 'Oswald',sans-serif;
 	font-size: 5em;
 	font-weight: bold;
 	color: white;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 }

 .vidContent p{
 	font-family: 'Roboto condensed',sans-serif;
 }

 #vidBtn{
 	font-family: 'Roboto condensed',sans-serif;
 	display: inline-block;
 	font-size: 16px;
 	padding:15px 40px;
 	border:none;
 	background: white;
 	color:#333;
 	cursor: pointer;
 	margin-top: 18px;
 	border-radius: 50px;
 	animation: shadow-pulse 2s infinite;
 	text-transform: uppercase;  

 }

 @keyframes shadow-pulse{
 	0%{
 		box-shadow: 0 0 0 0px rgba(0,0,0,0.2);
 	}
 	100%{
 		box-shadow: 0 0 0 20px rgba(0,0,0,0);
 	}
 }
 #vidBtn:hover{
	background: white;
	color: black;
	animation: none;
	text-decoration: none;
}

.social-icons a {
	color: #333 ! important;
	border:4px solid white;
	width: 50px;
	height: 50px;
	line-height: 40px;
	font-size: 20px;
	display: inherit;
	text-align: center;
	border-radius: 50px;
	transition: all ease 1s ;
	margin-top: 40px;
	background:white ! important;

}
ul.social-icon.list-inline{
	text-align: center;
	margin-top: 22px;

}
.list-inline>li{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.bx-pager .bx-default-pager{
	position: static;
	padding-top: 30px;	

}
 #about-us .carousel-indicators{
 	position: static;
 	padding-top: 30px;
 }
 #about-us .carousel-indicators li{
 	background-color: black;
 	width: 12px;
 	height: 12px;
 	margin: 5px;

 }
 .carousel-control-prev-icon{
 	background-image:url(...//img/left-arrow.svg);  
 	padding: 25px;
 }
 .carousel-control-next-icon{
 	background-image:url(...//img/left-arrow.svg);  
 	padding: 25px;
 }
 #about-us .carousel-control-next,
 #about-us .carouel-control-next{
 	width: auto;
 } 
 #about-us .carousel-control-next{
 	right: -35px;
 }
 #about-us .carousel-control-prev{
 	left: : -35px;
 }
 #about-us h3{
 	font-family: 'owald',sans-serif;
 	text-transform: uppercase;
 	font-size: 36px;
 	font-weight: 600;
 	color: #6c757d ! important;

 }
 p.lead{
 	font-family: 'Roboto condensed',sans-serif;
 	font-size: 14px;
 	color: blue !important;
 	font-weight: bold;
 }
 h4.text-dark{
 	font-family: 'Oswald',sans-serif;
 	font-family: 21px;

 }
 p.text-secondary{
 	font-family: 'Roboto condensed',sans-serif;
 	color: darkgray;
 }
 #contents{
 	margin-top: -425px;
 }
 #work h3{
 	font-family: 'Oswald',sans-serif;
 	text-transform: uppercase;
 	font-size: 36px;
 	font-weight: 600;
 	color: #6c757d !important;
 }

.row.no-gutters [class*=col-]{
 	padding-left: 0;
 	padding-right: 0;
 	
 }





 .img-wrapper{
 	overflow: hidden;

 }
 .img-wrapper{
 	transition: transform .5s ease;

 }
 .img-wrapper img:hover{
 	transform: scale(1.5);
 	cursor: zoom-in;
 }
 img{
 	width: 100%;
 	height: auto;	
 }