/*
 * Bootstrap 2 -> 3 bridge.
 * The theme (css/style.css) and page content stored in the database were written for Bootstrap 2.2.1.
 * Bootstrap 3.4.1 dropped several of its global styles; the rules below put those back (values copied
 * from Bootstrap 2.2.1) so the site looks the same. Load after Bootstrap 3 and before style.css.
 */

/* Bootstrap 2 sized boxes by content; only the grid and Bootstrap 3 components need border-box. */
*, *:before, *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.container, .row, [class*="col-"], .navbar-collapse, .navbar-toggle, .btn, .form-control { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Form controls keep the browser default, as under Bootstrap 2 (pages that render in quirks mode size them border-box) */
input, textarea, select, button { box-sizing: revert; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* Same outer edges and 30px gutters as the Bootstrap 2 responsive grid */
@media (min-width: 768px) {
  .container { padding-left: 0; padding-right: 0; }
  .container > [class*="col-"] { padding-left: 0; padding-right: 0; }
}
/* style.css sets "padding: 10px 0" on this column, which would remove the Bootstrap 3 gutter */
.about-us-text[class*="col-"] { padding-left: 15px; padding-right: 15px; }

img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }

a { color: #0088cc; text-decoration: none; }
a:hover, a:focus { color: #005580; text-decoration: underline; }

p { margin: 0 0 10px; }

h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
h1, h2, h3 { line-height: 40px; }
h1 { font-size: 38.5px; }
h2 { font-size: 31.5px; }
h3 { font-size: 24.5px; }
h4 { font-size: 17.5px; }
h5 { font-size: 14px; }
h6 { font-size: 11.9px; }

ul, ol { padding: 0; margin: 0 0 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
li { line-height: 20px; }
.nav, .navbar-nav { margin-left: 0; }

/* Forms */
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
label { display: block; margin-bottom: 5px; max-width: none; }
select, textarea, input[type="text"], input[type="password"], input[type="date"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"] {
  display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px;
  color: #555555; border-radius: 4px; vertical-align: middle;
}
input, textarea { width: 206px; }
textarea { height: auto; }
textarea, input[type="text"], input[type="password"], input[type="date"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"] {
  background-color: #ffffff; border: 1px solid #cccccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
  border-color: rgba(82, 168, 236, 0.8); outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; line-height: normal; cursor: pointer; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"],
input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 30px; line-height: 30px; }
select { width: 220px; border: 1px solid #cccccc; background-color: #ffffff; }
select[multiple], select[size] { height: auto; }
/* The inquiry forms render in quirks mode (scripts are printed before the doctype); keep their fields 30px tall as before */
.input02 input[type="text"] { height: 30px; }

/* Header navbar (theme markup is Bootstrap 2 style; structure rules from Bootstrap 2.2.1) */
.navbar { min-height: 0; border: 0; border-radius: 0; margin-bottom: 20px; overflow: visible; }
.navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; }
.navbar-inner:after { content: ""; display: table; clear: both; }
.navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; }
.navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; }
.navbar .nav.pull-right { float: right; margin-right: 0; }
.navbar .nav > li { float: left; }
.navbar .nav > li > a { float: none; padding: 10px 15px 10px; text-decoration: none; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
/* Bootstrap 2 kept the collapsed menu bar in the layout on small screens (style.css gives it a 50px min-height) */
@media (max-width: 767px) {
  .header .nav-collapse.collapse { display: block; height: 0; overflow: hidden; }
  .header .nav-collapse.collapse.in { height: auto; overflow: visible; }
}

/* FlexSlider 2.7 shows disabled arrows on single-slide sliders; 2.1 did not */
.flex-direction-nav .flex-disabled { visibility: hidden; }
.header .navbar-toggle { float: right; margin: 8px 10px 8px 0; background: #00334f; border: 1px solid #fff; }
.header .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #fff; }
.header .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }