body.responsive.layout-full #page-wrapper .full-container {
  max-width: inherit;
}
#theme-attribution {
  display:none;
}

.hgroup {
  padding: 0px !important;
}

.home .panel-layout .widget_custom_html {
   margin: 0px !important;
}

#pg-9-0 {
  margin: 0px;
}

#page-wrapper {
  min-height: 100%;
}

#main {
  padding: 0px !important;
  height: 100%;
}

.quad {
   background: green;
  height: 43vh;
}
.panel-layout .panel-grid-cell {
    width: 50% !important;
  /*  width: calc(50% - ( 0.5 * 30px ) ); */
}

#heavy-duty-shop-quad {
   background-color: #af0c19;
  border-bottom: 1em solid #c1c1c1;
    border-right: 0.5em solid #c1c1c1
}

#petroleum-quad {
   background-color: #f6561d;
  border-bottom: 1em solid #c1c1c1;
  border-left: 0.5em solid #c1c1c1;
}

#generator-fueling-quad {
   background-color: #358a06 /*#287d8c*/;
  border-right: 0.5em solid #c1c1c1;
}

#agriculture-quad {
   background-color: #ffc72a /*#c79a1c*/;
  border-left: 0.5em solid #c1c1c1;
}
/*logo placement*/
#pl-9 {
 position: relative;
}

#pl-9 #keller-logo {
  position: absolute;
  width: 70%;
   top: 44vh; /*50%*/
   left: 50%;
  transform: translate(-50%, -50%);
}

#pg-9-2 {
   background: url(/wp-content/uploads/2017/10/keller-corporate.png) !important;
  background-size: cover!important;
  background-repeat: no-repeat !important;
  background-color: #002b4f!important;
}

#pgc-9-2-0, #pgc-9-3-0, #pgc-9-3-1, #pgc-9-2-1 {
  padding: 4em;
}

#pg-9-3 {
   background: gray;
}

.home h3 { 
color: white !important;  
  font-weight: bold;
  text-transform: uppercase;
}

.home #pgc-9-2-0 .textwidget {
   color: black;
   font-size: 1.3em;
   background-color: rgba(255,255,255,0.5) !important;
padding: 1em;
}

.home #pgc-9-3-0 .textwidget {
   color: black;
   font-size: 1.3em;
   background-color: rgba(255,255,255,0.5) !important;
padding: 1em;
}
/*menu*/

.main-navigation {
  z-index: 10000 !important;
}

#menu-menu-1 {
  margin: 0 auto;
  text-transform: uppercase;
    text-align: center;
}


#menu-menu-1 a {
    font-size: 1.1vw;
    font-weight: normal;
}

.main-navigation ul ul li:hover > a, .main-navigation ul li:hover > a {
   background-color: #f6551e !important;
}

/*home page*/
#pg-9-1 {
   background-color: #c1c1c1;
}

#heavy-duty-shop-content .quad-icon {
   position: absolute !important;
   top: 3vh;
   left: 2vh;
   width: 36%
}
#petroleum-content .quad-icon {
   position: absolute;
   top: 3vh;
   right: 2vh;
   width: 16%
}

#generator-fueling-content .quad-icon {
   position: absolute;
   bottom: 4vh;
   top: inherit !important;
   left: 2vh;
   width: 26% !important;
}

#agriculture-content .quad-icon {
   position: absolute;
   bottom: 4vh;
   right: 2vh;
   width: 20% !important;
}


#keller-logo {
  z-index: 1000;
}

.quad {
/*  animation-duration: 2s;*/
  animation-delay: 0.5s;
}

.quad-content {
   position: relative;
    height: 43vh;
}
.quad-content h2 {
   color: white;
   text-transform: uppercase;
   font-weight: bold;
font-size: 2vw;
  /*
  position: absolute;
  transform: translateY(-50%);
  */
  margin-bottom: 0.5em;
}

.quad-text {
  position: absolute;
  transform: translateY(-50%);
}

.quad-content a {
   color: white;
   text-decoration: none;
   display: block;
font-weight: bold;
font-size: 2em;
  /*
  position: absolute;
  transform: translateY(-50%);
  */
  border: 3px solid white;
  padding: 0.35em 0.5em;
   width: 100px;
  text-align: center;
}

.quad-content a:hover {
   color: white;
   background-color: rgba(0,0,0,0.3)
}


#agriculture-content a, #petroleum-content a {
   right: 6vh;
}
/* 
#heavy-duty-shop-content a {
     left: 6vh;
     top: 50%;
}

#generator-fueling-content a {
    left: 6vh;
     bottom: 20%;
}
*/
#petroleum-content a {
   float: right;
}

#agriculture-content a {
   float: right;
}

#heavy-duty-shop-content .quad-text {
       left: 6vh;
   top: 44% ;
}

#generator-fueling-content .quad-text{
    left: 6vh;
  bottom: 0% ;
}

#petroleum-content .quad-text {
    right: 6vh;
   top: 44% ;
}

#agriculture-content .quad-text {
     right: 6vh;
bottom: 0% ;
}

#heavy-duty-shop-content:hover {
       background-image: url(/wp-content/uploads/2017/09/home-image-heavy-duty-shop.png);
     background-size: cover;
   background-repeat: no-repeat;
     background-position: 0% 50%;
}

#generator-fueling-content:hover {
   background-image: url(/wp-content/uploads/2017/09/home-image-generator-fueling.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 0% 50%;
}

#petroleum-content:hover {
   background-image: url(/wp-content/uploads/2017/09/home-image-petroleum.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 0% 50%;
}

#agriculture-content:hover {
   background-image: url(/wp-content/uploads/2017/09/home-image-agriculture.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 0% 50%;
}

.quad-content p {
   display: none;
  color: white;
}

.quad-content p {
   padding: 1em;
   border-radius: 1em;
}


#heavy-duty-shop-content p {
   background: #af0c19;
}

#generator-fueling-content p {
   background: #358a06;

}

#petroleum-content p {
   background: #f6561d;

}

#agriculture-content p {
   background: #ffc72a;

}

/*product types pages*/

.product-type {
    animation-delay: 0.25s;
   font-size: 1.1em;
   line-height: 1.5em;
}

.product-type p {
   font-size: 1.1em;
   line-height: 1.5em;
}

.section-logo {
  position: absolute;
  right: 0px;
   top: 1em;
  z-index: 1000;
  
}

.page .entry-header {
  display: none;
}

.product-type-page-group {
   text-align: center;
}

.product-type-page-group .so-panel {
   width: 35%;
  display: inline-table;
  height: 550px;
}


.product-type-page-group .so-panel:hover {
      animation-duration: 2s;
  animation-delay: 0.25s;
  animation-iteration-count: infinite;
}

.page-masthead {
    padding-top: 0px;
}
.page-title-bar {
   background: #333;
  padding: 1em;
  margin-top: -6px;
}

.page-title-bar h3 {
   color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2em;
  margin: 0px;
  line-height: 1em;
}

.panel-layout .page-masthead .panel-grid-cell {
width: 100% !important;
background: #af0c19;
}

.panel-layout .page-masthead .panel-grid-cell .so-panel {
margin: 0px !important;
}

.product-page .panel-grid-cell .so-panel {
 position: relative;    
   margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.provider-logo {
  height: auto !important;
  border: 1em solid white;
  background-color: white;
  width: 80% !important;
  margin: 0 auto;
  display: block;
}


.provider-logo-footer {
  border: 1em solid white;
}

/*start heavy duty product type styling*/


.page-template-default .panel-layout .product-type-page-group .panel-grid-cell, .page-template-default .panel-layout .product-page .panel-grid-cell {
  width: 80% !important;
}

.product-type-page-group .so-panel {
   max-width: 300px;
   background-color: rgba(122, 122, 122, 0.2);
   padding: 1em;
   margin: 1em;
}

.product-type-page-group .so-panel img {
  width: 100%;
  height: 300px;
}

.product-type-page-group .so-panel h3 {
   background: #af0c19;
   padding: 0.5em;
   color: white;

}

.product-type-page-group .so-panel a {
color: inherit;
 text-decoration: none;

}
/*end heavy duty product type styling*/


/*start heavy duty product styling*/
.product-page .so-panel {
   max-width: 100%;
   background-color: rgba(122, 122, 122, 0.2);
   padding: 1em;
   margin: 1em;
  float: left;
  border-bottom: 10px solid #af0c19
}

.product-page .so-panel img {
  width: auto;
  max-height: 300px;
}

.product-page .so-panel h3 {
   background: #af0c19;
   padding: 0.5em;
   color: white;
}

.product-page .so-panel p:first-child {
  float: left;
  margin-right: 1em;
}

.product-page .so-panel h4 {
  color: #af0c19;
  font-size: 1.4em
}

.product-page .so-panel ul {
  float: left;
  width: 40%;
}


/*end heavy duty product styling*/

/*start petroleum product type styling*/
.petroleum-masthead .panel-grid-cell {
   background-color: #f6551e !important;
}

/*end petroleum product type styling*/


/*start petroleum product styling*/
.petroleum-products .so-panel h3, .petroleum-page-group h3 {
      background-color: #f6551e !important;
}

.petroleum-products .so-panel {
		border-bottom: 10px solid #f6551e !important;
}

.petroleum-products .so-panel h4 {
      color: #f6551e !important;
}

  /*logos bottom of service page*/
#panel-284-1-0-4 p {
   width: 100%;
}


#panel-284-1-0-4 img {
 margin-right: 1em;
 text-align: center; 
}

/*end petroleum product styling*/

/*contact us*/



#contact-us-page {
  width: 80%;
  margin: 0 auto;
  animation-duration: 1s;
  animation-delay: 0.5s;
}


#contact-us-page h3 {
   color: #f6561d;
   font-weight: bold;
}

#contact-us-page .so-panel {
   width: 100% !important;
   display: block;
    height: 300px;
    padding: 2em;
}


#contact-us-page iframe {
  width: 100%;
  height: 300px;
}

#pgc-33-1-0{
  width: 20% !important;
}

#pgc-33-1-1 {
   width: 60% !important;
}

#contact-us-page .so-panel {
   width: 100% !important;
   display: block;
  min-height: 200px;
  background-color: rgba(122, 122, 122, 0.2);
  margin-bottom: 1em;
}

/*manufacturers*/

#manufacturers-page .panel-grid-cell {
  width: 80% !important;
}

#manufacturers-page a {
    text-transform: uppercase;
  padding: 2px;
  display: inline-block;
}


#manufacturers-page a:hover {
 background-color: #af0c19;
  color: white;
}



	 /* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
#pgc-9-1-0, #pgc-9-1-1 {
     width: 100% !important;
}

#pgc-9-1-0 {
  margin-bottom: 0px;
}

#heavy-duty-shop-quad, #generator-fueling-quad,  #petroleum-quad, #agriculture-quad {
  border: 0px !important;
}

.quad-icon {
  width: 95% !important;
  height: auto !important;
}

.quad-content h2 {
  font-size: 1em !important;
}

#generator-fueling-content .quad-icon, #petroleum-content .quad-icon, #agriculture-content .quad-icon {
  height: 90% !important;
   width: auto !important;
   text-align: center;
}

.panel-layout .panel-grid-cell {
  width: 100% !important;
}
  
  .entry-content h3 {
  padding: 1em;
}
  
  .section-logo {
    width: 50%;
}
  
  .product-type-page-group .so-panel  {
     width: 100%;
  }
  
  .product-type-page-group .so-panel img {
     height: inherit;
  }
  
  .product-page .panel-grid-cell .so-panel {
     position: inherit; 
      margin: 0 auto;
      left: inherit;
     transform: inherit;
    width: 100%;
}

#content .panel-layout .product-page .panel-grid-cell {
    width: 100% !important;
}
  
  .product-page .so-panel h4 {
  width: 90% !important;
}

.product-page .so-panel ul {
  width: 70% !important;
}
  
  .product-page .panel-grid-cell .so-panel {
    width: 95%;
  }
  
  #manufacturers-page td {
  display: block;
  width: 100%;
  margin: 1em;
  
}
  #pgc-33-1-0, #pgc-33-1-1 {
  width: 80% !important
}

#contact-us-page .so-panel {
  padding: 0px;

}
  
  #contact-us-page {
    width: 100%;
  }
  
  #addresses .siteorigin-widget-tinymce {
    padding: 1em;
  } 
  
  /*********************/
  

  
}  /*end vert/horiz phone both css*/



 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	

}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */

}

 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE }*/
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
  #pgc-9-1-0, #pgc-9-1-1 {
     width: 100% !important;
}

#pgc-9-1-0 {
  margin-bottom: 0px;
}

#heavy-duty-shop-quad, #generator-fueling-quad,  #petroleum-quad, #agriculture-quad {
  border: 0px !important;
}

.quad-icon {
  width: auto !important;
  height: 95vh !important;
}

.quad-content h2 {
  font-size: 1em !important;
}

#generator-fueling-content .quad-icon, #petroleum-content .quad-icon, #agriculture-content .quad-icon {
  height: 70vh !important;
   width: auto !important;
   text-align: center;
   position: inherit !important;
   left: 1em;
  }

  #agriculture-content .quad-icon {
     bottom: 0px !important;
  }
  
.panel-layout .panel-grid-cell {
  width: 100% !important;
}
  
  .entry-content h3 {
  padding: 1em;
}
  
  .quad {height: 100vh;}
  
  #pl-9 #keller-logo {
    width: 45%;
    top: 38vh;
    left: 75%;
  }
  
  .section-logo {
    width: 50%;
}
  
  .product-type-page-group .so-panel  {
     width: 100%;
  }
  
  .product-type-page-group .so-panel img {
     height: inherit;
  }
  
  .page-template-default .panel-layout .product-type-page-group .panel-grid-cell, .page-template-default .panel-layout .product-page .panel-grid-cell {
    width: 100% !important;
}
  
  .product-page .so-panel h4 {
  width: 90% !important;
}

.product-page .so-panel ul {
  width: 70% !important;
}
  
  
  .product-page .panel-grid-cell .so-panel {
    width: 95%;
  }
  
  #manufacturers-page td {
  display: block;
  width: 100%;
  margin: 1em;
  
}
  
    #pgc-33-1-0, #pgc-33-1-1 {
  width: 80% !important
}

#contact-us-page .so-panel {
  padding: 0px;

}
  
  #contact-us-page {
    width: 100%;
  }

  #addresses .siteorigin-widget-tinymce {
    padding: 1em;
  } 
  
}  /* end of horiz only phone*/


/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}