html {

}

body {
	color: #fff;
	font-family: 'Rubik', sans-serif;
	background: #000 url('/assets/images/header.png') top center no-repeat;
	background-size: cover;
}

div {
	/*border: 1px solid red;*/
}

.navbar-toggler {
	color: #fff;
}

.navbar { 
	justify-content: space-between;
}

.nav-item a {
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

div.title {
	margin: 200px 0px;
}

div.title h1 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 500;
}

div.title h2 {
	font-size: 23px;
}

h1.sidecolor {
	border-left: 7px solid #ffb20e;
	padding-left: 20px;
	margin-left: -27px;
}

.arrow {
	font-size: 48px;
	color: #ffb20e;
	margin: 200px 0px;
}

.arrow a {
	color: #ffb20e;
}

.item-title {
	position: relative;
	margin-bottom: 50px;
}

.item-title .capitalize {
	position: absolute;
	top: 0px;
	left: -30px;
	font-size: 150px;
	color: #000;
	z-index: -1;
    -webkit-text-stroke: 2px #333231;
    font-weight: 500;
}

.item-desc {	
	font-size: 2rem;
	font-weight: 300;
	line-height: 35px;
	color: #c2c2c2;
}

.item-title h2 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 500;
}

.item-right .item-text-bg {
	top: 60%;
	position: absolute;
	left: -50px;
}

.item-right .item-img {
	position: relative;
	padding-top: 140px;
}

.item-right .item-img-bg {
	top: 40%;
	position: absolute;
	right: -300px;
	z-index: -1;
}

.item-img-lane {
	top: 60%;
	position: absolute;
	left: 0px;
	background: url('/assets/images/itembg.png');
	height: 40px;
	width: 100%;
	z-index: -1;
}

.item-left .item-text-bg {
	top: 60%;
	position: absolute;
	left: 0px;
}

.item-left .item-img {
	position: relative;
	padding-top: 140px;
}

.item-left .item-img-bg {
	top: 40%;
	position: absolute;
	left: -300px;
	z-index: -1;
}

.item-left .item-desc {
	padding-left: 80px;
}

.item-left .item-title {
	position: relative;
}

.item-left .item-title .capitalize {

}

section.item {
	margin: 200px 0px;
}

#navToggle {
	color: #fff;
}

.offcanvas-collapse.open {
    left: 0;
    visibility: visible;
}
.offcanvas-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 100%;
    left: -500px;
    width: 500px;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(0,0,0,0.8);
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
    align-items: start;
    color: #fff;
    text-align: center;
    z-index: 1;
}

.offcanvas-collapse a {
	color: #fff;
	font-size: 35px;
} 

.delivery {
	padding: 140px 0px;
}

.contact-us {
	padding: 140px 0px;
	border-bottom: 4px solid #ffb20e;
}

.contact-us div {
	font-size: 37px;
	text-align: center;
}

.contact-us div a {
	color: #fff;
}

.contact-us div span {
	color: #ffb20e;
}

h2.title {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 500;
}