/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

/* ---------------------------------*/
/* Global Reset */
/* ---------------------------------*/

body {font-family: 'Open Sans', Arial, sans-serif; padding: 0;margin: 0;}

.float-left {float: left;}
.float-right {float: right;}
.clearfix {clear: both;}


/* ---------------------------------*/
/* Background Colours */
/* ---------------------------------*/

.bgwhite {background: #ffffff;}
.bgblue {background: #008fd5;} 
.bglightgrey {background: #f7f7f7; border-top:1px solid #ededec; border-bottom:1px solid #ededec;}
.bgdarkgrey {background: #252525;} 

/* ---------------------------------*/
/* Header */
/* ---------------------------------*/

header {padding: 22px 0 !important;}
header h1 {border: none;}
header .logo img {max-width: 420px !important; vertical-align: top; padding: 0 10px; margin: 0 !important;}
header p {font-size: 14px; color: #fff; line-height: 1.5; text-transform: uppercase; margin: 0;}
header .column-2, header .column-3 {margin-top: 2px !important;}
header .column-3 {text-align: right;}
header .tagline {display: block; clear: both; font-style: italic;}

header .cta {margin: 0;}
header .cta .title, header .cta .phone {display: block; padding: 0 10px;}
header .cta .title {text-transform: uppercase; color: #008fd5; font-size: 14px; font-weight: 700; line-height: 1.2;}
header .cta .phone {font-size:24px;}

.phone-img {display: block; max-width: auto; height: 60px; float: left;	padding: 0 15px;}

.panthers-partner {max-width: 100%; height:auto; max-height: 65px;}

/* ---------------------------------*/
/* Navigation */
/* ---------------------------------*/

/* Primary Nav */
.navbar-brand {display: block; color: #fff !important; padding: 0 20px;}
.navbar-brand img {margin: 0!important;}
nav.navbar {background: #00a0eb !important; padding: 0;}
nav.navbar li:first-child a.nav-link {border-left: 1px solid #00aeff;}
a.nav-link {color: #fff !important; font-weight: bold; padding: 18px 18px !important; border-right: 1px solid #00aeff; text-transform: uppercase;}
a.nav-link:hover {background: #00aeff;}
nav .dropdown-menu {margin: 0; border-radius: 0; border: none; -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1); }
.navbar-text {padding:18px 18px !important; margin: 0 !important; font-weight: bold; color: #fff !important;}

.dropdown-item {border-radius: 0 !important; padding: 8px 15px;}
.dropdown-item.active, .dropdown-item:active {background:#f7f7f7; color: #1B1B1B; }


.navbar a.sociallink {padding: 18px 10px; position: relative; display: block;}
.navbar a.sociallink:hover {background: #00aeff;}
.navbar a.sociallink i {color:#fff !important;}


/* Tabbed Panels */
.nav-tabs {margin-top: 20px;}
.nav-tabs a {color: #666 !important; font-weight: normal;}
.nav-tabs li a {padding:10px 15px;}
.nav-tabs a.nav-link:hover {text-decoration: none; background: #f7f7f7 !important;}
.nav-tabs li a.active {font-weight: bold; cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent !important; border-radius:4px 4px 0 0;}
.tab-content > .tab-pane {padding: 30px 20px 15px 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top:none !important;}

/* Custom Breadcrumbs */
p.bc-custom {text-transform: uppercase; font-size: 14px; color: #474747;}
.bc-custom a, .bc-custom:active, .bc-custom:focus, .bc-custom:visited {font-weight: normal; color:#474747 !important;}
.bc-custom a:hover {color:#00a0eb !important;}
.bc-separator {display: inline-block; margin: 0 7px;}

/* ---------------------------------*/
/* Buttons */
/* ---------------------------------*/

.btn-exclusive, .btn-exclusive:focus {margin-top: 5px; font-size: 14px; font-weight: bold; padding: 10px 15px; background: #00a0eb; color:#ffffff !important; white-space: normal !important; text-transform: uppercase; letter-spacing:-0.01em;}
.btn-exclusive:hover {background: #00aeff; color: #ffffff;}

.btn-exclusive i, .btn-exclusive-inverted i {margin-left: 7px;}
.btn-inline {margin-right: 10px;}	
	
.btn-exclusive-inverted, .btn-exclusive-inverted:focus {margin-top: 5px; font-size: 22px; padding: 10px 20px; background: #ffffff; color:#00a0eb; white-space: normal !important;}
.btn-exclusive-inverted:hover {background: #f7f7f7; color: #009ce8;}

.btn-exclusive-outline, .btn-exclusive-outline:focus {cursor: text; font-size: 22px; padding: 10px 20px; display: block !important; background: #ededec; box-sizing: border-box; border: 1px solid #cccccc; color: #979797;}
.btn-exclusive-outline:hover {color:#979797; border: 1px solid #00a0eb;}
.btn-jumbo {font-size: 30px !important; margin-top: 25px;}

/* ---------------------------------*/
/* Typography */
/* ---------------------------------*/

h1,h2,h3,h4,h5,h6 {margin-top: 0; font-weight: 700; letter-spacing: -0.04em;}
h2 {text-transform: uppercase; font-family: 'Michroma', sans-serif; font-size:1.8em;}
h4 {line-height: 1.5;}
	
section h1 {color: #00a0eb;}
section h2 {border-left: 5px solid #00a0eb; padding-left: 10px; margin-bottom: 30px; letter-spacing: 0 !important;}
p,ul,ol,li,span,tbody,table,td,tr,.panel {font-size: 16px; line-height: 1.8;}
p {margin: 0 0 15px 0;}
p.disclaimer {font-size: 14px !important; font-style: italic;}

strong {font-weight: 700;}
blockquote {font-size: 26px; font-style: italic; line-height: 1.5; border: none; margin: 20px 0; }

hr {margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ededec;}

.blocktext {margin: 0 2px; display: block;}	
.uppercase {text-transform: uppercase;}

/* Basic Links */
section a, section a:active, section a:focus, section a:visited {color:#008fd5;}
section a:hover {color:#00aeff;}

section a {font-weight: bold;}

/* Anchor Links */



/* FontAwesome */
#contact .fa-ul, #contact .fa-ul li {margin-bottom: 12px;}
#contact .fa-li {top: 0 !important;}

.fa-li {top: 0 !important;}
.fa-padded {margin: 0 7px;}

/* ---------------------------------*/
/* List Styles */
/* ---------------------------------*/

ul.ticklist {margin-top: 20px; margin-bottom: 20px;}
ul.ticklist li {line-height: 2;}

ul.standardlist {margin-top: 0 !important; margin-bottom: 20px;}
ul.standardlist li {line-height: 1.6;}

ol.orderedlist {list-style-type: decimal; list-style-position: outside;	text-align: left;}
ol.orderedlist li {padding-left: 15px; margin: 18px 0;}


/* ---------------------------------*/
/* Hero Carousel */
/* ---------------------------------*/

#herocarousel .btn {-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.40);}

#herocarousel h2 {text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.95);}
#herocarousel h2 .blocktext {font-size: 32px; margin-bottom: 0; line-height: 1.2; font-family:'Open Sans', Arial, sans-serif !important; text-transform: none; }
#herocarousel .carousel-item {
  height: 60vh;
  min-height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	box-sizing: border-box;
}
#herocarousel .carousel-caption {
	top: 180px;
	bottom: auto;
	display: block !important;
	max-width: 90%; margin-left: auto; margin-right: auto;
}

/* ---------------------------------*/
/* Testimonials Carousel */
/* ---------------------------------*/

#testimonial-carousel .carousel-item {height: auto !important; min-height: 180px;}
#testimonial-carousel .carousel-caption {top: 0;}
p.review {font-style: italic;}
p.review-credit {font-weight: bold; margin-top: -5px; margin-bottom: -5px;}

/* ---------------------------------*/
/* Sections */
/* ---------------------------------*/

#home section {padding-top: 80px !important; padding-bottom: 80px !important;}
section {padding-top: 50px !important; padding-bottom: 50px !important;}
#home section.slider {padding: 0 !important;}

.section-border-top {border-top:1px solid #ededec;}
.section-border-bottom {border-bottom:1px solid #ededec;}

.inverted-text h1, .inverted-text h2, .inverted-text h3, .inverted-text h4, .inverted-text p, .inverted-text ul li {color: #ffffff;}

.section-bg-services {background: url(../images/exclusive-workshop.jpg) #252525 no-repeat;background-size: cover;background-position: center; background-attachment: fixed;}

.contactform-container {height: 850px; overflow-y: auto;}
.contactform-container h3 {margin-top: 0;}
	
.quickquote-box {border:1px solid #ededec; padding: 25px 15px 0 15px; background: #f7f7f7; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}	

/* ---------------------------------*/
/* Content Styles */
/* ---------------------------------*/

/* MTA */
.mta-member {margin: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0;}
.mta-member p  {margin: 0; display: inline-block; font-style: italic; padding: 10px 0;}
.mta-member .mta-logo {max-width: 60px; display: inline-block; margin: 0 20px;}

/* Images */
.inline-icon {float:left !important;}
.img-responsive {width:100%; max-width: 1600px; margin-bottom: 20px;}
.img-stacked {margin-bottom: 25px;}
.rounded-corners {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* Buckets */
.bucket {margin-bottom: -20px; padding:30px;}
.bucket h3 {font-size: 18px; display: block; background: #008fd5; text-transform: uppercase; padding: 15px 18px;}
.bucket h3, .bucket p {color: #fff;}
.bucket p {margin: 20px 0 !important;}
.bucket a {text-transform: uppercase; color: #fff;}
.bucket a:hover {color: #999; text-decoration: none;}
.bucket img {margin-bottom: 0 !important;}

/* Bootstrap Well */
.well {box-sizing: border-box; background:#f7f7f7 !important; padding: 15px 15px 2px 15px !important; margin-top: 20px; margin-bottom: 20px;}
.well h3 {margin-top: 10px !important;}

/* Services */
.services {margin-top: 20px;  text-align: left;}
.service-icon {margin-top: 15px; margin-bottom: 15px; height: 80px; position:relative; display: table;}
.service-icon p {line-height: 1.5; text-align: left; padding:0 0 0 100px; display: table-cell; vertical-align: middle;}
.service-icon img {max-width: 70px; height: auto; position:absolute; left: 25px; top: 5px;}

/* Map */
.map {margin: 20px 0;}

/* ---------------------------------*/
/* Footer */
/* ---------------------------------*/

footer {border-bottom: 1px solid #434343; background: #252525; padding-top: 70px; padding-bottom: 50px; margin-bottom: 0;}
footer h4 {color:#fff;}
footer p, footer a, .footer-links li {font-size: 15px !important; color: #ccc !important; margin-top: 0;}
footer a:focus, footer a:hover {text-decoration:none; color: #ffffff !important;}
	
ul.footer-links {margin: 20px -10px; padding: 0;}
ul.footer-links li {list-style-type: none; margin: 0 0 7px 0; padding: 0 10px;} 
ul.footer-links li a {color: #888888; text-decoration:none;}
ul.footer-links li a:hover {color: #000000;}

ul.footer-links.fa-ul {margin-left: 23px;}
ul.footer-links .fa-li {top: 0 !important;}

.sitefooter {background: #252525;}
.sitefooter .copyright p, .sitefooter .sitecredit p, .sitefooter a {font-size: 14px; color: #999; margin-top: 14px !important;}	

#instafeed {margin-bottom: 25px;}
#instafeed a:hover {opacity: 0.8;}
#instafeed img {width: 33%; padding: 1%;}

.panthers-footer-logo img {max-width: 220px; height: auto; margin-bottom:20px;}

/* Scroll To Top Button */
.scrollToTop, .scrollToTop:focus {width:40px; height:40px; line-height: 25px; padding:10px; text-align:center; font-weight: bold; color: #ffffff !important; text-decoration: none; position:fixed; bottom:150px; right:40px; display:none; background: rgba(0,0,0,0.20); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 9999;}
.scrollToTop .fa {vertical-align: 100% !important; margin-left: -2px !important;}
.scrollToTop:hover {text-decoration:none;color: #ffffff; background: rgba(0,0,0,0.55);}

/* ---------------------------------*/
/* MEDIA QUERIES */
/* ---------------------------------*/
@media screen and (min-width: 1200px){

	.container {max-width: 1200px;}

}

@media screen and (min-width: 992px){
	
	.navbar-brand {display: none !important;}
	.panthers-mobile-logo {display:none;}

}

@media only screen and (min-width:768px) and (max-width: 991px){
	
	header .middle-column {text-align: left !important;}
	.panthers-mobile-logo {max-height:40px; width:auto; max-width: 100%;}
	
	
}

@media screen and (min-width: 768px){
	
	/* Header */
	header h1 {margin: 0 !important;}
	header .last-column {text-align: right;}

	.panthers-mobile-logo-compact {display:none;}
	.panthers-mobile-banner {display:none;}
	
	
	/* Footer */
	.sitefooter .copyright {text-align: left;}
	.sitefooter .sitecredit  {text-align: right;}
	
}

@media screen and (max-width: 991px){
	
	/* Header */
	header {display: none !important;}
		/* Offset fixed header on tablet and mobile */ body {margin-top: 120px;} 

	/* Navigation */
	.navbar-brand {max-width: 80%; padding: 20px 0 20px 12px;}
	
	.navbar-toggler {margin-right: 20px;}
	.navbar-brand img {max-width: 200px;}
	nav.navbar {background: #252525 !important; position: fixed; top:0; z-index: 9999 !important; left:0; right:0; border-bottom:5px solid #00a0eb !important;}

	a.nav-link {border: none !important;}
	
	.navbar-nav.navbar-right {flex-direction: row !important;}
	.navbar-right a.sociallink { display: inline-block !important;}
	
	/* Nav Tabbed Panels */
	.nav-tabs li {width: 100% !important; background: #f7f7f7; border: 1px solid #ddd; border-radius: 0 !important;}
	.nav-tabs li.nav-item a.active, .nav-tabs li.nav-item a.active:hover {background: #00a0eb !important; color: #fff !important; font-weight:bold; border-radius: 0 !important;}

	/* Carousels */
	#herocarousel {position: relative;}
	#herocarousel .carousel-item {height: 45vh;}
	#herocarousel .carousel-caption {top: 50px;}
	.carousel-caption {position: relative; top:0; bottom:0; left: 0; right:0; margin-bottom: 50px;}
	
	/* Sections */
	section, #home section {padding-top: 40px !important; padding-bottom: 40px !important; padding-left: 20px; padding-right: 20px;}

	/* Content */
	.cis {margin-top: 25px;}
	.bucket {margin-bottom: 35px;}
	.btn-exclusive {margin-bottom: 35px;}
	.btn-print {display: none !important;}
	.col-xs-6 {max-width: 50%;}

	/* Footer */
	.sitefooter {padding: 20px;}
	.sitefooter .copyright p, .sitefooter .sitecredit p {text-align: center !important; margin: 0 !important;}

}

@media screen and (max-width:767px){
	
	a.nav-link {padding:10px 18px !important;}
	
	.panthers-mobile-logo {display:none;}
	
	.panthers-mobile-banner {border-top:1px solid rgba(255,255,255,0.24); clear: both; width:100%; padding: 8px; text-align: center;}
	.panthers-mobile-banner a {text-decoration: none !important;}
	.panthers-mobile-logo-compact {max-width:100%; width:auto; height:30px; margin-right:10px;}
	.mobile-banner-text {color:#838383; font-size:12px; text-transform: uppercase;}
	
	
	.blocktext {font-size: 22px !important;}
	.carousel-caption {text-align: center !important;}
	#herocarousel .carousel-caption {top:30px !important;}
	
	h1 {font-size:1.8em !important;}
}