/* = DEFAULT STYLES = */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
html, body {margin:0;font-size:16px;font-family: 'Open Sans', sans-serif;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;}
a:hover, a:focus {text-decoration:underline;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:28px;margin:0;font-weight: bold;border-bottom: 3px solid #ff8a2c;color: #325a97;padding-bottom: 8px;text-align:center;}
h2 {font-size:28px;margin:0 0 15px;font-weight: bold;color: #53a6dc;text-align: center;border-bottom: 3px solid #fff;padding-bottom: 5px;}
h3 {font-size:20px;margin:0;font-weight: bold;}
h3.larger {font-size:22px;line-height:1.5em;}
h4 {font-weight: bold;border-bottom: 2px solid #fff;padding-bottom: 5px;font-size: 18px;color: #53a6dc;}
h5 {}
/* = DEFAULT - Custom Bootstrap = */
.container {margin:0 auto;}

/* Buttons */
.btn {background:#53a6dc;color:#fff;border-radius: 0;font-weight: 700;white-space: normal;}
.btn:hover, .btn:focus {background:#325a97;color:#fff;outline: none;}

/* = HEADER = */
header {border-top: 6px solid #ff8a2c;padding-top: 5px;padding-bottom: 5px;background:url(../images/cream_pixels.png);}
.header-inner {}
/* HEADER - LOGO */
.logo img {margin-top:8px;}
.logo img:hover, .logo img:focus {opacity:.8;}

/* = CALL TO ACTION = */
.c2a {text-align:center;}
.tagline {display:block;color: #53a6dc;font-weight: 700;font-size: 28px;}
.tel {display:block;font-size: 32px;color: #ff8a2c;}
.tel a {color: #325a97;}
.tel a:hover, .tel a:focus {text-decoration: none;color: #ff8a2c;}
address {display:block;margin-bottom:0px;}
.email {display:block;}
.email a {}
.email a:hover, .email a:focus {}

/* = BANNER = */
#banner {margin-bottom: 20px;}
.banner-inner {position:relative;z-index:-9999;}
.banner-inner img {width:100%;}
.banner-caption{position: absolute;bottom: 0%;width: 100%;left:0;text-align: center;background: rgba(31,54,90,.7);padding: 15px 5px 15px 15px;}
.banner-caption p{color: #fff;font-weight: bold;font-size: 32px;margin: 0 0 5px;}
.banner-caption .btn{font-size: 26px;}

/* = NAVIGATION = */
nav { }
.navbar-fixed-top { background:#fff; }
.navbar-default { border-radius:0px; border:0; background:transparent; text-align:center; margin-bottom:-15px; float:right; margin-top:10px;}
.navbar-default .navbar-nav > li > a { font-size:16px; text-transform: none; padding:18px 10px; color:#003366; }
.navbar-default .navbar-nav > li:last-child > a { }
.navbar-default .navbar-nav > li > a:hover { background:transparent; color:#999999;  }
.nav li.active a { color:#222; padding:15px 10px 8px; background:transparent; }
.dropdown-menu { margin-top:-2px; background:transparent; box-shadow:none; border:none; border-radius:0px; padding:0px; z-index:9999; }
.dropdown:hover .dropdown-menu { display: block; background:#003366; padding:5px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.18); }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { }

.navbar-default .dropdown-menu > li > a { font-size:13px; font-weight:bold; color:#fff; padding-top:8px; padding-bottom:8px; }
.navbar-default .dropdown-menu > li > a:hover { color:#222; background:#f1f1f1; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#ccc; padding-top:8px; padding-bottom:8px;  background:transparent; }
.navbar-default .navbar-nav > li> a:focus { color:#222; padding-top:8px; padding-bottom:8px; background:transparent; }
.navbar-toggle { background:#999;margin-bottom: 31px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#4466e1; }
.navbar-default .navbar-toggle .icon-bar { background:#fff; }

/* = FEATURE = */
#feature{margin-bottom: 20px;color:#000;}
.feature-box{text-align: center;margin-bottom: 20px;color:#000;}
.feature-box h3{text-align: center;color: #fff;padding:10px;background:#53a6dc;font-size:24px;}
#feature ul {list-style:none;padding:0;border:3px solid #53a6dc;}
#feature ul li {padding:3px;}

#feature ul li:nth-child(odd){background:#eee;font-style:italic;font-size:14px;font-weight:normal;}
#feature ul li:nth-child(even){font-weight:bold;font-size:18px;}
#feature ul li.smaller-li {font-size:16px !important;}
#feature span.red {color:#f50a0a;text-decoration: line-through;}
#feature .orange ul {border:3px solid #ff8a2c;color:#000;}
#feature .orange h3 {background:#ff8a2c;}
#feature .red ul {border:3px solid #ae0202;color:#000;}
#feature .red h3 {background:#ae0202;}
#feature ul.first {min-height:315px;}

/* = MAIN = */
main {text-align:left;color: #000;margin-bottom: 40px;}
main.thankyou {padding:80px 0;}
.main-inner {}
.embed-responsive{margin-top:20px;}

/* = SECTION = */
section {}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}

/* = ASIDE = */
aside {text-align:left;}
aside h3{font-weight: 700;color: #fff;text-align: center;font-size: 26px;margin-bottom: 15px;border-bottom: 3px solid #fff;padding-bottom: 5px;background:#ff8a2c;padding:10px;}
.aside-inner {background:#325a97;margin-bottom:65px;}
.aside-inner form {margin:0 20px}

/* Manufacturers */
.manufacturers{margin-top: 30px;margin-bottom: 30px;}

/* Bottom Feature */
#bottom-feature {font-size:18px;margin-bottom:20px;}
#bottom-feature ul {list-style:none;padding:0;line-height:1.75em;margin-top:15px;}
#bottom-feature h3 {font-weight:bold;font-size:28px;border-bottom: 3px solid #ff8a2c;color: #325a97;}
#bottom-feature i {color:#53a6dc;}


/* CONTACT FORM */
hr.divider {border-top: 3px solid #333; margin: 0;}
#contactform label {cursor:pointer;color: #fff;font-size:14px;}
.small-label {font-size:12px;font-weight:normal;}
#contactform button {width:100%;}
#contactform .alert {padding: 7px 25px;width:100%;margin-bottom:0px;}
#contactform input.alert {padding:0;}
#contactform .alert-danger {color:#a94442;}

#contactform2 label {cursor:pointer;color: #fff;font-size:14px;}
#contactform2 button {width:100%;}
#contactform2 .alert {padding: 7px 25px;width:100%;margin-bottom:0px;}
#contactform2 input.alert {padding:0;}
#contactform2 .alert-danger {color:#a94442;}
.form-group {margin-bottom:5px;}
.btn-contact {margin-top:10px;}
.form-control {height:25px;font-size:13px;}
form .btn {background:#ff8a2c;color:#fff;border-radius: 0;font-weight: 700;}
form .btn:hover, .btn:focus {background:#53a6dc;color:#fff;}
.contactform-bg {min-height: 20px;padding: 19px;margin-bottom: 20px;background:#ccc;border: 3px solid transparent;border-radius: 0;}
.contactform-bg input, .contactform-bg textarea {background: #ffffff;}
#contactform .form-control {color:#999999;}
#contactform label.contactpage-label {cursor:pointer;color: #333; font-weight: bold;}
#contactform2 .form-control {color:#999999;}
#contactform2 label.contactpage-label {cursor:pointer;color: #333; font-weight: bold;}
textarea.form-control.message-area {}
.input-group-addon {color: #000;background-color: #e5e5e5;border-radius: 0;}
.jumbotron-sm { padding: 24px 0;background:#ccc;border-radius: 0 !important; font-weight: bold;border: 3px solid transparent; margin: 0 0 4% 0;}
.jumbotron-sm h2 {font-weight: bold;color: #333; background: none;}
.jumbotron-sm h2 small {font-size: 18px;color: #333;font-weight: bold;}
.location-container {background:#ccc; padding: 1em; margin: 1em auto; font-weight: bold;border: 3px solid transparent;}
span.company-heading {font-size: 24px;color: #333; text-align:center; display:block; width: 100%;}
span.company-address {font-size: 18px;text-align:center; display:block;color: #333; width: 100%;}
span.company-address a {font-size: 18px;text-align:center; display:block;color: #333;}
span.company-address a:hover {color:#333; text-decoration: none;}
legend {font-size: 26px;color: #333; text-align:center; display:block; border-bottom: 1px solid transparent;font-weight: bold; width: 100%; margin-bottom: 0;}
/* -- GOOGLE MAP -- */
.googlemap-container { position: relative; padding-top: 68.5%; max-width: none; margin: 0 auto; }
.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; border: 3px solid #333;}

/* = CONTACT INFO = */
#contact-info {background:#325a97;padding:10px 0px;text-align:center;color: #fff;border-bottom: 5px solid #ff8a2c;font-size:38px;}
.contact-info-inner {}
.contact-info {display:inline-block;}
.orange {font-weight:bold;color:#ff8a2c;}
.spacer {margin:0px 5px;}
#contact-info a {color: #fff;}
#contact-info a:hover, #contact-info a:focus {text-decoration: none;color: #ff8a2c;}

/* = FOOTER = */
footer {text-align:center;}

/* Modal */
.modal-content {background-color:#325a97;}
.modal-header {background:#ff8a2c;border-bottom:3px solid #fff;text-align:center;}
.modal-content h3 {color:#fff;font-size:22px;}

/* = BACK TO TOP LINK = */
#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}
#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}
.back-to-top {background:#53a6dc;border:0;color:#fff;}
.back-to-top:hover, .back-to-top:focus {background:#ff8a2c;color:#fff;}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { font-weight: bold; text-decoration: none; color: #ccc;  /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #000;text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* = LIST STYLE IP = */
ul.list-items {margin: 10px 0 10px 60px;}
ul.list-items li {color: #000; font-weight: bold; }
ul.list-items li  a {color: #000; font-weight: bold; }
ul.list-items li a:hover {color: #000; text-decoration: none;}



button.google-btn{
	margin: 40px auto;
	display: block;
	color: #fff;
	background: #335a96;
	border: none;
	border-radius: 8px;
	padding: 15px 20px;
	text-transform: uppercase;
	text-decoration:none;
}
button.google-btn:hover, button.google-btn:focus{ background: #53a5dc; text-decoration:none;}
a button.google-btn { color: #fff; line-height:2;}
a button.google-btn:hover, a button.google-btn:focus{ color: #fff; text-decoration: none;}

#feature a:hover, #feature a:focus{ text-decoration:none;}


.popup {width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75);z-index: 9999;}
.popup-inner {max-width:1000px; width:90%; padding:25px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#fff; max-height: 90%; overflow: scroll;}
.popup-close::before {content: '\00D7';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: 400;font-size: 24px;line-height: 0;padding-top: 2px;}
.popup-close {width:30px;height:30px;display:inline-block;position:absolute;top:25px;right:25px;transition:ease 0.25s all;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);border-radius:1000px;background: #454955;font-family:Arial, Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#F3EFF5;}
.popup-close:hover {-webkit-transform:translate(50%, -50%) rotate(180deg);transform:translate(50%, -50%) rotate(180deg); text-decoration:none; color: #80C514;}
.mobile-c2a {display: none;}
.dropdown-menu li:first-child{display: none;}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1200px ) {.tagline{font-size: 22px;}.feature-text h3{font-size: 18px;}.feature-text p{font-size: 12px;}.feature .btn{font-size: 14px;}#feature ul li.smaller-li {font-size:13px !important;}.feature-box h3 {font-size:20px;}.aside-inner {margin-bottom:100px;}}

@media screen and ( max-width: 1024px ) {}

@media screen and ( max-width: 992px ) {.tagline{font-size: 22px;}.feature-text h3{font-size: 22px;}.feature-text p{font-size: 14px;}#banner-slideshow{height: 400px;}.feature-text{position: relative;transform: translate(0);left: auto;top: auto;background: #000;}aside h3{font-size:22px;}#feature ul li.smaller-li {font-size:18px !important;}#feature ul.first {min-height:0px;}.banner-caption {position: relative;background: rgba(31,54,90,1);}.banner-caption p{font-size: 20px;}.banner-caption .btn{font-size: 16px;}.navbar-default .navbar-nav > li > a { font-size:13px; padding:15px 10px 8px; }
	#contact-info h3 { margin-top:20px; }
	.navbar-default { float:none; margin-top: 20px }
	.carousel-caption h2 { font-size:24px; }
	.feature-inner .feature-box { margin:10px auto; }
	.navbar .navbar-nav { display: inline-block; float: none; margin-bottom:-5px; }
	img.pull-left { float:none !important; margin:0 auto; }
	img.pull-right { float:none !important; margin:0 auto; }
	.navbar .navbar-collapse { text-align: center; }}

@media screen and ( max-width: 768px ) {}

@media screen and ( max-width: 767px ) {.navbar .navbar-nav {display:block;margin-bottom:0px; text-align: left;}.logo img{margin:0 auto;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;}.c2a {text-align:center;margin-top: 0;}.contact-info {display:block;}.spacer {display:none;}.banner-caption p{font-size: 16px;}.banner-caption .btn{font-size: 16px;}.aside-inner {margin-bottom:20px;}.navbar-nav>li>.dropdown-menu { background:#ccc; color:#000;} .dropdown-menu {position:relative;display:block;float:none !important;visibility:visible !important;width:100%;text-align:center;}
	.mobile-c2a {display: block;}
	header {margin-top: 57px;}
	.navbar-header {background: #3D3B30; padding: 5px 0 10px;}
	.navbar-toggle {z-index: 1033; background: #ff8a2c;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #325a97;}
	.navbar-fixed-top {margin-top: 0;}
	.navbar-fixed-top .navbar-toggle {margin-bottom: 0;}
	.mobile-c2a {position: fixed; top: 5px; left: 0; width: calc(100% - 75px); z-index: 1100;}
	.mobile-c2a a {z-index: 1033;}
	.mobile-c2a a:hover,.mobile-c2a:focus {color: #ff8a2c; text-decoration: none;}
	.modal-wrapper {display: inline-block;}
	.mobile-tel {display: inline-block; float: right; margin-top: 10px;}
	.mobile-tel a {font-size: 18px; color: #fff; background: #325a97; border-radius: 50%; font-weight: 400; height: 30px; width: 30px; display: inline-block;}
	.mobile-tel .fa {vertical-align: bottom;}
	.modal-wrapper {background: #325a97; color: #fff; border-radius: 50%; float: left; margin-left: 15px; margin-top: 3px; padding: 10px 15px;}
	.popup-inner #contactform2 label {color: #325a97;}
	.navbar .navbar-collapse {background: #325a97; max-height: none;}
	.navbar-nav>li>.dropdown-menu {background: none; }
	.dropdown .dropdown-menu {display: none; text-align: left; box-shadow: none;}
	.dropdown:hover .dropdown-menu {background: none; padding: 0; display: none;}
	.navbar-default .navbar-nav > li > a {color: #fff; font-size: 16px; margin-left: 25px;}
	.navbar-default .navbar-nav > .dropdown > a {margin-left: 0;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background: none; color: #ff8a2c;}
	.navbar-default .navbar-nav > .dropdown > .dropdown-menu a {margin-left: 30px; color: #ccc;}
	.navbar-default .navbar-nav .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .dropdown-menu>li>a:hover {background: none; color: #ff8a2c;}
	.dropdown > a:before {content: '+'; display: inline-block; margin-right: 15px;}
	.dropdown > a.open:before {content: '-';}
	.dropdown-menu li:first-child{display: inline-block;}
}

@media screen and ( max-width: 741px ) {.contact-info a {display:block;}#contact-info {font-size:30px;}}

@media screen and ( max-width: 500px ) {.feature-text{position: relative;transform: translate(0);left: auto;top: auto;background: #000;}}

@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 320px ) {}

/* Formatting for Printing the web page */
@media print {.carousel-caption {display:none;}}