/* Generated by less 2.5.1 */
.row-same-height {
  display: table;
  width: 100%;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}
/* firefox fix */
.img-responsive {
  width: 100%;
}
/* vertical alignment styles */
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
/* END: responsive columns with same height */
body {
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  margin: 0pt;
  color: #212121;
  background-color: #ffffff;
}
.aboveFooter {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #212121;
  color: #ffffff;
}
a {
  color: #bf374f;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
h1 {
  color: #054f8d;
  text-align: left;
  text-shadow: 0 0 1px grb(255, 255, 255);
}
h2 {
  color: #054f8d;
}
h3 {
  color: #054f8d;
}
hr {
  color: #6461a0;
}
.open {
  display: block;
}
.closed {
  display: none;
}
h3 a {
  color: #333333;
}
.r-list {
  list-style-type: none;
  text-align: left;
  padding-left: 0px;
}
#company-name {
  font-family: 'Permanent Marker', cursive;
  font-size: 500%;
  color: #6461a0;
  font-weight: bolder;
  text-align: left;
}
#main-wrapper {
  margin: 10px auto;
  background-color: #ffffff;
  max-width: 1000px;
}
/*
#top-header {
	background: #ffffff;
	height: 100px;
	margin: 0px;
	border-bottom: #6461a0 solid 1px;
}
*/
.header {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-bottom: #6461a0 solid 1px;
}
.header .logo {
  float: left;
}
.header .title {
  text-align: right;
}
.phone-call {
  text-align: right;
}
@media (max-width: 325px) {
  .header .logo {
    float: none;
  }
}
@media (max-width: 767px) {
  .header {
    text-align: center;
  }
  .header .title {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .content {
    margin-right: 0px;
  }
}
/*
#middle-section {
}

#page-menu {
}

#nav {
}

#quote-page-content {
	margin: 20px;
	background-color: white;
}

#pagebody {
	padding: 10px;
}
*/
.gasTips li {
  list-style-type: none;
  margin-top: 30px;
}
#contact {
  padding: 5px;
  margin: 5px;
}
#contact a {
  color: #2a2a2a;
  display: block;
  text-decoration: none;
}
.phil {
  overflow: auto;
  border: gray 2px solid;
  margin-bottom: 20px;
  border-radius: 5px;
}
.phil div {
  display: inline-block;
  float: left;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
  color: #666666;
}
#footer {
  color: #ffffff;
  background-color: #000000;
  padding: 5px;
  margin-left: 0px;
  margin-right: 0px;
}
#footer .poweredby {
  text-align: right;
}
@media (max-width: 991px) {
  #footer .copyright,
  #footer .poweredby {
    text-align: center;
  }
}
#req-form {
  background-color: #cde9a0;
  padding: 5px;
}
#contact-box {
  margin: 10px;
  font-size: 80%;
}
#disclaimer {
  font-size: 70%;
}
#footer-links {
  font-size: 80%;
}
#footer td {
  color: #ffffff;
  background-color: #333333;
  padding: 7px;
  font-size: 90%;
}
#footer a {
  color: #ffffff;
}
.intro-ad {
  border: 1px dotted #6461a0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}
.dotted-border {
  border: 1px dotted #6461a0;
}
.flash-box {
  color: #333333;
  background-color: #ffe67f;
  padding: 5px;
  border: 1px dashed #000000;
}
.ad-box {
  color: #333333;
  padding: 5px;
  border: 1px solid #6461a0;
}
.ad-box td {
  color: #333333;
  padding: 5px;
}
.ad-box2 {
  color: #000000;
  font-size: 150%;
  font-weight: bold;
  border: 1px solid #000000;
  padding: 5px;
  text-align: center;
}
.ad-box2 a {
  color: #000000;
  text-decoration: none;
  display: block;
}
.ad-box2 a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #000000;
}
.button a {
  display: block;
  background-color: #6461a0;
  padding: 5px;
  margin: 5px;
  color: #ffffff;
  text-decoration: none;
}
.button a:hover {
  background-color: #c8b36c;
  color: #6461a0;
}
.warning {
  color: #bf374f;
}
.active {
  display: block;
}
.inactive {
  display: none;
}
.horizontal-line {
  border-bottom: #6461a0 solid 1px;
}
.image-frame {
  margin: 5px;
  padding: 7px;
  border: #000000 1px solid;
  box-shadow: 10px 10px 10px 5px #cccccc;
}
.slogan {
  color: #000000;
  font-size: 125%;
  font-weight: bold;
  padding: 5px;
  margin: 0px;
  text-align: right;
}
.backtotop {
  font-size: 70%;
}
.foot-links {
  vertical-align: bottom;
}
.gallery-pics {
  padding: 0 10px;
}
.gallery-pics .pic {
  padding: 5px 5px;
}
.gallery-pics .pic .inner {
  border: 1px solid #000000;
  box-shadow: 5px 5px 5px #888;
  text-align: center;
  padding: 5px 0;
}
.gallery-pics td {
  border: 1px solid #000000;
  box-shadow: 5px 5px 5px #888;
}
#quotes {
  border: 1px solid #6461a0;
  background: #e0dde9;
  color: #333333;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 110%;
  margin: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-style: oblique;
  text-align: center;
  box-shadow: 5px 5px 5px #888;
}
.contain {
  overflow: auto;
  margin-bottom: 20px;
  border-radius: 5px;
}
.inside {
  display: inline-block;
  float: left;
  width: 48%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}
#sitemap-area {
  color: black;
  background: #5E9DC8;
  padding: 10px;
  border-top: #0C2C52 1px solid;
  border-left: #0C2C52 1px solid;
  border-right: #0C2C52 1px solid;
  margin: 0px;
}
#sitemap-area a {
  text-decoration: none;
  color: #0C2C52;
}
.footer-sitemap {
  font-size: 110%;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
}
.brdr {
  border-right: 1px dotted #666666;
}
.logo {
  margin: 0;
  padding: .5rem;
  font-family: sans-serif;
}
.logo > div {
  display: inline-block;
  vertical-align: middle;
}
.logo > div h1 {
  padding: 0;
  padding-left: 10px;
  font-size: 4.5rem;
  margin: 0;
  font-weight: bold;
}
.logo > div span {
  display: block;
  line-height: .89em;
}
.textStroke {
  -webkit-text-fill-color: #054f8d;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}
.logo > div .sizeDownText {
  font-size: 2.5rem;
}
.logo > div > h1 > .smallText {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: white;
}
.circle {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  border: 10px solid white;
}
.smallCircle {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: white;
  top: 50%;
  left: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.circleTop {
  position: absolute;
  width: 10px;
  height: 40px;
  background-color: white;
  overflow: auto;
  margin: auto;
  top: -20%;
  left: 0;
  right: 0;
}
.circleBottom {
  position: absolute;
  width: 10px;
  height: 40px;
  background-color: white;
  overflow: auto;
  margin: auto;
  bottom: -20%;
  left: 0;
  right: 0;
}
.circleLeft {
  position: absolute;
  width: 40px;
  height: 10px;
  background-color: white;
  overflow: auto;
  margin: auto;
  left: -20%;
  top: 0;
  bottom: 0;
}
.circleRight {
  position: absolute;
  width: 40px;
  height: 10px;
  background-color: white;
  overflow: auto;
  margin: auto;
  right: -20%;
  top: 0;
  bottom: 0;
}
.clearit {
  clear: both;
}
header {
  background-color: black;
  position: relative;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  line-height: 0px;
}
header div {
  vertical-align: bottom;
  display: inline-block;
}
header div * {
  line-height: 1em;
}
header h2 {
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 1em;
  font-size: 2em;
  text-shadow: 0 0 18px #bf374f;
}
header ul li ul {
  display: none;
}
body header:after {
  content: '';
  width: 100%;
  display: inline-block;
  line-height: 0px;
  font-size: 0px;
}
.menu {
  width: 100%;
  border-radius: 5px;
  padding-top: 1em;
}
.menu ul {
  margin: 0;
  padding: 0;
}
.menu ul ul {
  line-height: 0;
  display: none;
}
.menu ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.menu ul li.pipe {
  font-size: 1.5em;
  font-weight: bold;
  color: white;
  margin: 0;
}
.menu a {
  color: white;
  display: block;
  text-decoration: none;
  padding: 5px;
  text-align: center;
  border-bottom: #0C2C52 solid 1px;
  font-size: 1.4em;
  height: 1.4em;
  border-bottom: 5px solid black;
  font-weight: normal;
}
.menu a.current {
  border-bottom: 5px solid #0372d1;
}
.menu a:hover {
  color: #5E9DC8;
  text-decoration: none;
  background-color: #0C2C52;
  border-bottom: 5px solid #0372d1;
}
.parallaxFlag {
  height: 60vh;
  background-image: url(/images/site/slide-bg-1.jpg);
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  font-size: max(20px, 1vw);
}

.parallaxFlag .topText, .parallaxFlag .botomText {
  margin-top: 50px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 1em;
}

@media screen and (max-width: 450px) {
    
    .parallaxFlag .topText, .parallaxFlag .botomText {
        margin-top: 30px;
    }
    
    .parallaxFlag .topText h1, .parallaxFlag .botomText h2 {
        font-size: 30px;
    }
    
    .parallaxFlag .topText h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 320px) {
    .parallaxFlag .topText h1, .parallaxFlag .botomText h2 {
        font-size: 26px;
    }
    
    .parallaxFlag .topText h2 {
        font-size: 18px;
    }
}

.parallaxFlag h1,
.parallaxFlag h2 {
  color: #000000;
}
.parallaxFlag.two {
  background-image: url(/images/site/slide-bg-2.jpg);
}
.parallaxFlag.three {
  background-image: url(/images/site/slide-bg-3.jpg);
}
main {
  padding: 1em;
}
footer {
  background-color: black;
  color: white;
}
footer .footercp {
  background: -ms-linear-gradient(bottom, #f7e1c9, #cac9f7);
  background: -moz-linear-gradient(center bottom, #f7e1c9 0%, #cac9f7 100%);
  background: -o-linear-gradient(#cac9f7, #f7e1c9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac9f7', endColorstr='#f7e1c9', GradientType=0);
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}
footer .footercp div {
  vertical-align: middle;
  display: inline-block;
}
footer .footercp:after {
  content: '';
  width: 100%;
  display: inline-block;
  font-size: 0px;
}
footer p {
  padding-left: 1em;
  padding-right: 1em;
}
img {
  max-width: 100%;
}
.home p img {
  float: right;
}
.threeBox {
  max-width: 1000px;
  margin: auto;
  display: table;
  border-collapse: separate;
  border-spacing: 2vw;
}
.threeBox > div {
  width: 28%;
  min-width: 300px;
  display: table-cell;
  vertical-align: top;
  padding: 0 1%;
  text-align: center;
  border: 1px solid #d3d3d3;
}
.threeBox > div > div {
  text-align: left;
  display: inline-block;
}
.threeBox > div h2,
.threeBox > div h3,
.threeBox > div a {
  color: #bf374f;
}
@media screen and (max-width: 992px) {
  .threeBox {
    display: block;
    text-align: center;
  }
  .threeBox > div {
    width: 90%;
    display: block;
    vertical-align: top;
    padding: 0;
    margin: auto;
    margin-top: 1em;
  }
  .threeBox > div > div {
    text-align: left;
    display: block;
    padding: 1em;
  }
  .twoBox {
    max-width: 700px;
    width: 90%;
  }
  .twoBOxImg {
    width: 90%;
  }
  .twoBOxImg > div {
    display: inline-block;
    vertical-align: top;
  }
  .twoBOxImg div:nth-child(1) {
    max-width: 600px;
  }
  .calender .threeBox > div {
    width: 49%;
    text-align: center;
  }
}
.calender .threeBox > div {
  text-align: center;
}
.threeBox.nonborder {
  margin-top: 1em;
}
.threeBox.nonborder > div {
  border: none;
}
.twoBox {
  max-width: 700px;
  margin-top: 2em;
}
.twoBox > div {
  width: 47%;
  display: inline-block;
  padding: 0 1%;
  vertical-align: top;
}
.twoBOxImg > div {
  display: inline-block;
  vertical-align: top;
}
.twoBOxImg div:nth-child(1) {
  max-width: 600px;
}
.twoBOxImg > *,
.threeBox > * {
  text-align: left;
}
@media screen and (max-width: 550px) {
  .home p img {
    width: 100%;
    margin-bottom: 1em;
  }
}
main {
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  header div {
    display: block;
    text-align: center;
  }
}
@media (max-width: 768px) {
  header h2 {
    text-align: right;
    position: relative;
  }
  .menu a.current {
    border-bottom: none;
    border-left: 5px solid #0372d1;
  }
  .menu ul li {
    display: block;
  }
  .menu ul li.pipe {
    display: none;
  }
  .threeBox > div {
    width: 100%;
  }
  .twoBox {
    max-width: 700px;
    width: 100%;
  }
  .twoBOxImg {
    width: 100%;
  }
}
@media (max-width: 1050px) {
  .TitleNarHeader {
    display: block;
  }
  .TitleNarHeader ul {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: white;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.top-footer > div > div {
  display: inline-block;
}
.centerit {
  text-align: center;
}