/* ==========================================================================
	$Misc Global Override
========================================================================== */
body {
	background: #f8f8f8 !important;
}
#skiffly-main-header-section {
	position: relative !important;
	background: #0283df;
}
.nav-header {
	border-bottom: none;
}
/* ==========================================================================
	$Misc Section
========================================================================== */
#skiffly-misc-section {
	padding: 60px 0;
}

@media screen and (max-width: 768px) {
#skiffly-misc-section {
	padding: 30px 0;
}
}
.misc-wrapper {
	padding: 15px;
	border-radius: 3px;
	background: #fff;
}
/* ==========================================================================
	$Misc Utilities
========================================================================== */
.heading-section {
	margin-bottom: 30px;
}
.heading-section:after {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 100px;
	height: 3px;
	margin-left: -50px;
	content: '';
	border-radius: 3px;
	background: #d4d4d4;
}

@media screen and (max-width: 358px) {
.heading-section:after {
	top: 82px;
}
}

@media screen and (max-width: 475px) {
#skiffly-home-blog-section .heading-section:after {
	top: 82px;
}
}
.heading-section h3 {
	font-size: 28px;
	font-weight: 600;
	position: relative;
	margin-bottom: 45px;
}
.heading-section p {
	margin-bottom: 3px;
}
.btn {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	text-transform: uppercase;
}
.btn.btn-outline {
	color: #0283df;
	border: 2px solid #0283df !important;
	border-radius: 3px;
	background: transparent;
}
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active {
	color: #fff !important;
	background: #0283df !important;
}