/* CSS specific to the Sentral main template */
body {
	background-color: #f5f9fb;
	color: #000000;
}

.main-layout {
	position: relative;
	max-width: 2200px;
	margin-left: auto;
	margin-right: auto;
}
.msb-top-navbar {
	max-width: 2200px;
}

.msb-top-navbar .navbar-nav .nav-link {
	font-weight: 500;
}
@media (min-width: 768px) {
	.msb-top-navbar .navbar-nav li > a {
		font-size: 0.85rem !important;
	}
}

.msb-footer {
	background-color: #f5f9fb;
}


/* Custom Text */
.sm-header {
	color: #005DE9;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.75px;
}
@media (min-width: 768px) {
	.sm-header { font-size: 0.9rem; letter-spacing: 0.94px;}
}


.swish-area {
	background-color: #f5f9fb;
	background-image: url('/images/bg/bg-992-white-swish.png');
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
@media (min-width: 992px) {
	.swish-area {
		background-image: url('/images/bg/bg-1440-white-swish.png');
	}
}

/* Style for smallest device first!
   section-top - top hero section */
.section-top {
	background-color: #ffffff;
	background-repeat: no-repeat;
}
.section-top-content { padding-top: 2rem; padding-bottom: 2rem; }
.section-top h1 { font-size: 2.25rem; font-weight: 600; }
.section-top-text { font-size: 1rem; max-width: 90%; }
.section-top-options .btn, .section-top-options { font-size: 0.8rem; }
.section-top-email {
	background-color: #F2F7FE !important;
	border: 1px solid #EBF3FE !important;
	padding: 0.75rem 2.5rem 0.75rem 0.75rem !important;
	border-radius: 50rem !important;
	width: 100%;
}

@media (min-width: 375px) {
	.section-top-content { padding-top: 3rem; }
	.section-top-text { font-size: 1.15rem; }
	.section-top-options .btn, .section-top-options { font-size: 1rem; }
}
@media (min-width: 576px) {
	.section-top h1 { font-size: 2.75rem; }
	.section-top-text { font-size: 1rem; max-width: 75%; }
	.section-top-options .btn, .section-top-options { font-size: 0.9rem; }
	.section-top-content { padding-left: 3.5rem; }
}
@media (min-width: 768px) {
	.section-top { min-height: 660px; }
	.section-top-content { padding: 4rem 3rem 0; }
	.section-top h1 { font-size: 2.25rem; }
	.section-top-text { max-width: 85%; }
	.section-top-hero img {
		height: 600px;
		object-position: left bottom;
		object-fit: cover;
	}
}
@media (min-width: 992px) {
	.section-top { min-height: 620px; }
	.section-top-content { padding-top: 5rem; }
	.section-top-text { max-width: 80%; }
	.section-top-options .btn, .section-top-options { font-size: 1rem; }

	.section-top-hero img {
		height: 650px;
	}
}
@media (min-width: 1200px) {
	.section-top-content { padding-top: 4rem; }
	.section-top-text { font-size: 1.15rem; }
}


/* section-mtl - More To Love Area */
.section-mtl {
	padding-top: 6rem;
	padding-bottom: 2rem;
	font-size: 1.15em;
}
.section-mtl h1 { font-size: 2rem; font-weight: 300 !important; }
.section-mtl h2 { font-size: 1.5rem; font-weight: 500 !important; }
@media (min-width: 768px) {
	.section-mtl { padding-top: 15rem; }
	.section-mtl h1 { font-size: 3rem; }
}
@media (min-width: 992px) {
	.section-mtl h1 { max-width: 50%; }
}

/* section-spp-video */
.section-spp-video {
	font-size: 1.15em;
	padding-bottom: 3rem;
}
.section-spp-video h1 { font-size: 2rem; font-weight: 300 !important; }
.section-spp-video h2 { font-size: 1.5rem; font-weight: 500 !important; }
@media (min-width: 768px) {
	.section-spp-video h1 { font-size: 3rem; }
	.section-spp-video iframe { height:291px; width :680px}
}
@media (max-width: 350px) {
	.section-spp-video iframe {max-width :90%}
}


/* Custom Badges */
.badge-steel-blue {
	background-color: #B7D6EE;
	border: 1px solid #B7D6EE;
	border-radius: 6px; }
	a.badge-steel-blue:hover, a.badge-steel-blue:focus {
		background-color: #B0C4DE; }
	a.badge-steel-blue:focus, a.badge-steel-blue.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #B0C4DE; }

.badge-light-green {
	background-color: #BCEBC2;
	border: 1px solid #BCEBC2;
	border-radius: 6px; }
	a.badge-light-green:hover, a.badge-light-green:focus {
		background-color: #89DC94; }
	a.badge-light-green:focus, a.badge-light-green.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #89DC94; }

.badge-salmon {
	background-color: #FFBDBD;
	border: 1px solid #FFBDBD;
	border-radius: 6px; }
	a.badge-salmon:hover, a.badge-salmon:focus {
		background-color: #FF7777; }
	a.badge-salmon:focus, a.badge-salmon.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #FF7777; }

.badge-purple {
	background-color: #E8CEFF;
	border: 1px solid #E8CEFF;
	border-radius: 6px; }
	a.badge-purple:hover, a.badge-purple:focus {
		background-color: #C482FF; }
	a.badge-purple:focus, a.badge-purple.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem #C482FF; }

/* Particles */
.particle-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}