.hide-me {
	display: none;
}
.remove-margin {
	margin-left: 0;
	margin-right: 0;
}
.remove-padding {
	padding-left: 0;
	padding-right: 0;
}
.remove-right-padding {
	padding-right: 0;
}
.spacer {
	padding-top: 100px;
	padding-bottom: 100px;
}
.spacer-bottom {padding-bottom: 100px;}
.spacer-top {padding-top: 100px;}
.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
}
.theme-color {
	color: #39aea8;
}
.p-relative {
	position: relative;
}
.img-fit {
	object-fit: cover;
	object-position: center;
}
.section-title {
	color: #646464;
	border-bottom: 2px solid #777;
	letter-spacing: 4px;
	position: relative;
	transition: margin 5s;
	width: 100%;
	overflow: hidden;
}
.section-title.left {
	margin-left: -100%;
}
.section-title.right {
	margin-left: 100%;
}
.section-title.animated {
	margin-left: 0;
}
/*.section-title span {margin-left: -100%; transition: all ease 3s;}
.section-title.animated span {margin-left: 0 !important;}*/
.section-title.left {padding-right: 60px;}
.section-title.right {text-align: right;padding-left: 60px;}
.section-title.left::after {
	content: url('../images/icons/truck-right.png');
	right: 0;
	position: absolute;
	bottom: -10px;
}
.section-title.right::before {
	content: url('../images/icons/truck-left.png');
	left: 0;
	position: absolute;
	bottom: -10px;
}
section#inner-banner img {
	position: absolute;
	height: 100%;
	left: 0;
	width: 100%;
}
.add-border { position: relative;}
.add-border > div {padding: 20px;}
.add-border::before {
		content: '';
		display: block;
		width: calc(100% - 60px);
		left: -30px;
		background-color: #ccc;
		position: absolute;
		top: 0;
		height: 1px;
		transition: all ease 1s;
	}
	.add-border > div::before {
		content: '';
		display: block;
		width: calc(100% + 60px);
		left: -30px;
		background-color: #ccc;
		position: absolute;
		bottom: 0;
		height: 1px;
		transition: all ease 1s;
	}
	.add-border::after {
		content: '';
		display: block;
		width: 1px;
		left: 0;
		background-color: #ccc;
		position: absolute;
		top: -20px;
		height: calc(100% + 40px);
		transition: all ease 1s;
	}
	.add-border > div::after {
		content: '';
		display: block;
		width: 1px;
		right: 0;
		background-color: #ccc;
		position: absolute;
		top: 10px;
		height: calc(100% + 10px);
		z-index: -1;
		transition: all ease 1s;
	}
.default-btn {
	text-decoration: none;
	color: #fff;
	position: relative;
	display: inline-block;
	width: 260px;
	max-width: 100%;
	padding: 8px 0;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 8px;
	font-size: 18px;
	transition: all ease 1s;
}
.default-btn:hover, .default-btn:focus {
	border-color: #F9C600;
	color: #F9C600;
}
.solid-btn {
	color: #fff;
	width: 180px;
	padding: 8px 0;
	background-color: #021831;
	text-align: center;
	border-radius: 8px;
	display: block;
	letter-spacing: 3px;
	z-index: 1;
	max-width: 100%;
	transition: all ease 1s;
}
.solid-btn:hover, .solid-btn:focus {
	background-color: #F9C600;
	color: #021831;
}
/* Smartphone and Tablet view */
/* Smartphone and Tablet view */
@media (min-width: 1200px) {
}
@media (max-width: 991px) {
}

@media (max-width: 767px) { /* 768px small */
	section#inner-banner::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: block;
		background-color: rgba(51,51,51,0.3);
	}
	h1.banner-title {
		text-align: center;
		width: 100%;
		z-index: 1;
	}
	.spacer {padding-top: 50px;padding-bottom: 50px;}
	.spacer-top {padding-top: 50px;}
	.spacer-bottom {padding-bottom: 50px;}
}
@media (max-width: 575px) {
	.section-title.left::after, .section-title.right::before {bottom: -6px;}
	.section-title {font-size: 17px;letter-spacing: 2px;transition: margin 3s;padding-top: 5px;}
}
@media (max-width: 499px) {
}
@media (max-width: 399px) {

}
