.left{text-align:left;}
.right{text-align:right;}
.strong{font-weight:bold;}
.marginbottom{margin-bottom:10px;}
h1,h2,h3{line-height:1.6em;color:#558079;}
div.item-page{overflow:hidden;}
div.item-page.contact{margin-bottom:12px;}
th{text-align:left !important;}

table.medgasColors{max-width:800px;border-bottom:1px solid #558079;}
table.medgasColors tbody tr th{text-align: left !important; background-color: #558079; color: #fff; padding: 0px 6px !important;}
table.medgasColors tbody tr td{text-align: left !important; background-color: #FFFFFF; color: #558079;}
table.medgasColors tbody tr{background-color: #FFFFFF;}
table.medgasColors tbody tr td{padding:5px 6px;border-left:1px solid #558079;border-right:1px solid #558079;border-top:1px solid #558079;}

div.services div ul li, div.services div ol li{font-size:16px; margin-bottom:8px;}
div.services div ol ul{font-size:16px; margin-top:8px; margin-bottom:8px;}

ul.servicesdesc, ul.gasTypes, ul.reasons, div.services div ol ul, div.services div ul {list-style:none;}
ul.servicesdesc li, ul.gasTypes li, ul.reasons li, div.services div ol ul li, div.services div ul li{background:url('/images/listicon.png') no-repeat 0px 2px;padding-left:28px !important;}
ul.gasTypes li, ul.reasons li{background-size:15px;}

p{font-size:16px; line-height:1.6em;}

p img{float:left; padding:0px 20px;max-width:360px;}

div.icons{display:none !important}

#nav {position: sticky;top: 0px; background-color:#7c8c7f;padding:5px 0px;z-index:100;}

ul.gasTypes li, ul.reasons li{margin-bottom:10px;}

div.body{max-width:1200px; margin:0 auto;}

#phonehours{padding: 6px 0px;background-color: #558079;}

.contactInfo div{color: #FFF; font-size: 16px; letter-spacing: 1px;}

.phoneLink a{color:#FFFFFF !important;}


#servicesTable {width: 100%; max-width:768px; margin:0 auto; border-collapse: collapse; border:none;font-size:18px;}
#servicesTable tr{vertical-align:top;}
#servicesTable tr td ul li{padding:6px;}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right{display:none !important;}

#contact-form{padding:0px 15px;}

.with-errors{font-size:16px; color:red;}

.g-recaptcha div:first-child{margin:0 auto !important;}

.footer{padding: 8px 0px; background-color: #558079; color: #FFF; font-size: 16px;}
.footer div div a, .footer div div a:visited, .footer div div a:hover{color:#ffffff}

.slider{max-height:350px; overflow:hidden;}

#aside{padding:0px 10px;}

.note{font-size:14px;color:#555;}

h4.alert-heading{display:none !important;}

body.site{display: flex;min-height: 100vh;flex-direction: column;}
div.sitecontent{margin-top:-4px; padding-top:12px; flex:1; background-image: url('../images/contentbg.jpg');background-repeat: no-repeat;background-position: center -200px;}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss{padding:12px 24px !important;}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
input, textarea {
    padding: 16px !important;
    min-width: 320px;
    font-size: 16px !important;
    height: 100%;
}

select {
    min-width: 320px;
    font-size: 16px !important;
    height:50px;
}

input[type="file"] {
    height: inherit;
    line-height: inherit;
}

@media only screen and (max-width: 1024px) {
  	#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {padding:18px 14px !important;}
}

@media only screen and (max-width: 768px) {
  #nav{padding:0px;}
  p img{max-width:300px;}
}
@media only screen and (max-width: 414px) {
  #servicesTable tr{display:block;}
  #servicesTable tr td{display:block;}
  p img{max-width:100%; padding:0px;}
  div.contactInfo div.phone{text-align:center;}
}