.btn-sps-green { background-color:#719f41;}
.btn-sps-green:hover { background-color:#254503;}

.fadeIn { display:none;}

.navbar-dark .navbar-toggler { border-color:rgba(255,255,255,1); background-color:#254503;}



section { padding:30px 0;}
body { font-family: 'Libre Franklin', sans-serif;}


header { padding:20px 0; background-color:#000;}
header #header-contact-info { list-style:none;}
header #header-contact-info > div { font-size:22px;}
header #header-contact-info a { color:#fff;}

#menu { padding:0; background-color:#254503;}
#menu .navbar { width:100%;}
#menu #navbarNav > ul > li > a { color:#fff; font-size:20px; padding-left:15px; padding-right:15px;}
#menu #dealer-btn { font-size:14px!important;}

#banner { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-content.jpg'); min-height:650px; background-position:center; border-top:2px solid #fff; border-bottom:2px solid #fff;}
#banner h1,
#banner h2 { color:#fff; font-weight:bold;}
#banner .fade-1x { margin-bottom:100px; margin-top:80px;}
#banner .fade-2x { display:none; color:#fff; margin-bottom:50px;}
#banner .fade-3x { display:none;}
#banner a:not(.text) { color:#fff; padding-left:50px; padding-right:50px;}
#banner a.text { font-weight:bold;}

#features { background-color:#eee; padding:30px 0;}
#features .item { text-align:center; margin-bottom:20px;}
#features .item span:first-child { font-size:5em;}
#features .item .title { margin-top:-25px; display:block;}

#benefits { background-color:#fff; padding:30px 0;}
#benefits .item { text-align:center; margin-bottom:20px;}
#benefits .item span:first-child { font-size:5em;}
#benefits .item .title { margin-top:-25px; display:block;}

#tagline { font-size:16px; padding:50px 0;}
#tagline span { display:block;}
#tagline .sps-icon { font-size:6rem;}

#buzz { background-color:#eee;}
#buzz .buzz-wrapper { margin-bottom:15px;}
#buzz h3 { height:100%; border-bottom:1px solid #000; text-transform:uppercase;}

#testimonials { background-color:#eee;}
#testimonials blockquote { background-color:#fff; padding:30px; border-color:#333; border-radius:15px; box-shadow:2px 2px 15px -4px #000; margin:15px;}
#testimonials .star-collection { color:#cfca40; font-size:36px; margin-bottom:15px;}
#testimonials blockquote p { padding-left:20px; border-left:8px solid #3ea5ce;}

#content { padding:50px 0;}

#portfolio.bronze { background-color:#eee;}
#portfolio .owl-carousel { margin-bottom:50px;}
#portfolio .owl-carousel .item span { display:block;}
#portfolio .owl-carousel .item span.title { font-size:20px; font-weight:bold; margin-top:20px;}
#portfolio .owl-carousel .item span.link { margin-bottom:15px;}
#portfolio .mini-item { position:relative; padding-bottom:43.25%; margin-bottom:15px; background-position:center; background-size:100% 100%; border:1px solid #719f41; overflow:hidden; transition:0.65s;}
#portfolio .mini-item:hover { background-size:125% 125%;}
#portfolio .mini-item a { position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(255,255,255,0); transition:1.35s;}
#portfolio .mini-item a:hover { background-color:rgba(255,255,255,0.65);}
#portfolio .mini-item a .image { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:15px; width:100%; text-align:center;}

#portfolio .mini-item.bg1 { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-mini-portfolio.jpg');}
#portfolio .mini-item.bg2 { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-mini-portfolio2.jpg');}
#portfolio .mini-item.bg3 { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-mini-portfolio3.jpg');}
#portfolio .mini-item.bg4 { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-mini-portfolio4.jpg');}

#form:not(.no-bg) { background:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-content-darkened.jpg'); background-attachment:fixed; background-position:center; background-size:cover;}
#form form { background:none;}
#form form label.error { font-size:12px; color:red; display:inline-block; background-color:rgba(255,255,255,0.9); margin-top:5px; padding:3px 10px; border-radius:5px;}
#form form #feedback { color:#fff; font-size:18px;}
#form form #feedback.text-black { color:#000;}


footer { padding:50px 0; background: repeating-linear-gradient(-45deg,#020202,#020202 5px,#1b1b1b 8px,#1b1b1b 8px); color:#fff;}

#post-footer { padding:10px 0; background-color:#000; color:#999; font-size:12px;}
#post-footer a { color:#999; display:inline-block; margin-right:10px;}
#post-footer a:hover { color:#719f41;}
#post-footer .sm-wrapper a { font-size:28px;}

.subpage #banner { padding:50px 0; min-height:initial; background-position:initial;}
.subpage #banner p { color:#fff; max-width:600px;}

@media (min-width:1921px){
	#banner { background-size:cover;}
}

@media (min-width:1441px){
	
	header #header-contact-info { padding-top:25px;}
	#post-footer .dealer-login-link { padding-top:15px;}
}

@media (max-width:1440px){
	#banner { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-content-darkened.jpg');}
	header #header-contact-info { padding-top:25px;}
	#banner { background-position:75% center; background-size:cover;}
	#post-footer .dealer-login-link { padding-top:15px;}
}

@media (max-width:1024px){
	header #header-contact-info { padding-top:15px;}
	#banner { background-position:60% center;}

	.subpage #banner p { width:500px;}
}

@media (max-width:991px){
	#buzz h3 { height:auto;}
}


@media (max-width:767px) {

	header #header-contact-info { padding-top:0;}

	#menu { background-color:#111;}
	#menu #navbarNav { background-color:#254503;}
	#menu #navbarNav { background-color:#719f41; color:#000;}
	#menu #navbarNav ul > li:not(:last-child):after { content:''; width:98%; height:1px; background-color:#254503; display:block; position:relative; left:50%; margin-left:-49%;}
	#menu #navbarNav #dealer-btn { max-width:95%; margin:5px auto; background-color:#254503; border-color:transparent;}

	#banner { background-image:url('https://dealers.focus-static.com/assets/9999/css/gfx/bg-content-mobile.jpg'); background-position:center;}
	#banner .fade-1x { margin-top:60px; margin-bottom:80px; text-align:center;}
	#banner .fade-2x { text-align:center;}
	#banner .fade-3x { text-align:center;}

	.subpage #banner p { width:auto;}

	body.scroll-up { padding-top:66px;}
	body.scroll-up #menu { position:fixed; top:0; left:0; width:100%; z-index:1;}

}

@media (max-width:575px){

	#banner { min-height:500px; background-position:center;}
	#banner .fade-1x { margin-top:25px; margin-bottom:40px;}
	#banner .fade-1x h1 { font-size:1.50em;}
	#banner .fade-1x h2 { font-size:1.25em;}

	.subpage #banner p { width:initial;}

	#testimonials .star-collection { font-size:30px;}

	#buzz img { margin-bottom:30px;}
}

/* Boundry Responsive */
@media (max-width:1440px) AND (min-width:992px){
	#banner h1 { max-width:650px;}
}