/*  
Theme Name: Nicks Base Theme
Description: A starter theme for PageLines using leet LESS methods. Use it as a base for your own creations. Find me @nphaskins
Version: 1.2
Author: Nick Haskins
Author URI: http://nickhaskins.com
Template: dms
*/

#logo {
display: inline-block;
max-width:259px;
  margin:10px 0px 0px;
      border: 4px solid white;
}
.contact {
margin: 38px 0px -20px;
}
#address {
text-align:right;
float:right;
  line-height: 21px;
}
.bordershadow {
    border-top: 4px solid white;
  border-bottom: 4px solid white;
  z-index:1000;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
  -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
}
input[type="text"] {
    display: inline-block;
    height: 32.55px;
    width: 80%;
    padding: 4px 6px;
  margin-top:-40px;
    margin-bottom: -25px;
    font-size: 14px;
    line-height: 21.7px;
    color: #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset {
   margin: -83px 0px;
    padding: 5px 5px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: white;
    border: 1px solid #0071ab;
    background: #0071ab;
    font-family: "Helvetica Neue","Helvetica",Arial,serif;
    float: right;
}
form {
    margin: 0 0 -28.3px;
}
.search {
                padding:8px 15px;
                background:rgba(50, 50, 50, 0.2);
                border:0px solid #dbdbdb;
}
.button {
                position:relative;
                padding:6px 15px;
                left:-8px;
                border:2px solid #ff0000;
                background-color:#ff0000;
                color:#ffffff;
}
.button:hover  {
  background-color:#fafafa;
  color:#207cca;
}
#rewards {
    margin: 28px 0px 15px;
}
#serviceimg {
max-width: 100%;
}
#hh {
display: inline-block;
    margin-top: -155px;
    position: relative;
max-width: 100%;
}
.servicebox {
display: inline-block;
max-width: 100%;
}
.blackborder {
  padding-right: 10px;
  padding-left: 0px;
  border-right-color: #000;
  border-right-style: dotted;
  border-right-width: 2px;
}
#iws {
float:left;
  margin-top:10px
}
.storehours {
  line-height:20px;
}
.row > [class*="span"] {
margin-bottom:8px;
}
#servicetxt {
  text-align:right;
  font-size:15px;
  line-height:18px;
}
.pl-old-loop .metabar {
    font-size: 85%;
    line-height: 1.6em;
    opacity: .7;
    margin: 5px 0 15px;
    font-style: normal;
    display: none;
}
.btn-primary {
    background: #2a7dea;
    border-color:  #2a7dea #2a7dea;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.searchshipping {
margin-bottom:-10px;
}
#buyonline {
margin-bottom:-20px;
}
.bordershadow {
    border-top: 4px solid white;
  border-bottom: 4px solid white;
  z-index:1000;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
  -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
  box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
}
ul.bullets li {
    background-image: url(../../uploads/blhm_bullet-e1477314151963.png);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    padding: 5px 0px 4px 20px;
    line-height: 16px;
    list-style-type: none;
}
.mapborder {
border-top: 4px solid white;
  border-bottom: 4px solid white;
}
.class1 A:link {text-decoration: none; color: white;}
.class1 A:visited {text-decoration: none; color: white;}
.class1 A:active {text-decoration: none; color: white;}
.class1 A:hover {text-decoration: none; color: white;}

.btn-important {
    background: #E21E35;
    border-color: #ee3319 #ee3319 #ae200d;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.pl-black a {
  color: #fcd20c;
  text-transform: uppercase;
}
.serviceslink {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    text-align: left;
  margin-bottom: -20px;
    padding: 13px 0px 0px 36px;
    background-image: url(../../uploads/w_tank.png);
    background-repeat: no-repeat;
    background-position: left;
    color: white;
}
.productslink {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    text-align: left;
  margin-bottom: -20px;
    padding: 20px 0px 0px 36px;
    background-image: url(../../uploads/w_hammer.png);
    background-repeat: no-repeat;
    background-position: left;
    color: white;
}
.rentaillink {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    text-align: left;
  margin-bottom: -20px;
    padding: 13px 0px 10px 36px;
    background-image: url(../../uploads/w_gun.png);
    background-repeat: no-repeat;
    background-position: left;
    color: white;
}
.remodellink {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    text-align: left;
  margin-bottom: -20px;
    padding: 13px 0px 10px 36px;
    background-image: url(../../uploads/w_house.png);
    background-repeat: no-repeat;
    background-position: left;
    color: white;
}
.yellowtitle {
font-size:18px;
  font-weight:600;
  color:#fcd20b;
text-transform:uppercase;
}
#weberbtn {
  margin-top:120px;
  margin-bottom:-30px;
}
.topred {
border-top: 4px solid #e10a19;
}
.services {
  font-weight:900;
  font-size:20px;
  text-transform:uppercase;
}
.shoppingbg {
background: rgba(194,190,190,1);
background: -moz-linear-gradient(top, rgba(194,190,190,1) 0%, rgba(246,246,246,1) 47%, rgba(248,248,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,190,190,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(248,248,248,1)));
background: -webkit-linear-gradient(top, rgba(194,190,190,1) 0%, rgba(246,246,246,1) 47%, rgba(248,248,248,1) 100%);
background: -o-linear-gradient(top, rgba(194,190,190,1) 0%, rgba(246,246,246,1) 47%, rgba(248,248,248,1) 100%);
background: -ms-linear-gradient(top, rgba(194,190,190,1) 0%, rgba(246,246,246,1) 47%, rgba(248,248,248,1) 100%);
background: linear-gradient(to bottom, rgba(194,190,190,1) 0%, rgba(246,246,246,1) 47%, rgba(248,248,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2bebe', endColorstr='#f8f8f8', GradientType=0 );
}
.blacktop {
  border-top: 4px solid black;
}
.store {
    color: #fcd20b;
    font-size: 20px;
    font-weight: 800;
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: black;
    text-shadow: 0px 0px 0 #000,0px 0px 0 #000,0px 0px 0;
}
.storeadd {
color: white;
font-size:20px;
  font-weight: 800;
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: black;
    text-shadow: 0px 0px 0 #000,0px 0px 0 #000,0px 0px 0;
}
.phone {
  font-weight: 800;
font-size: 30px;
  color:#fcd20b;
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: black;
    text-shadow: 0px 0px 0 #000,0px 0px 0 #000,0px 0px 0;
}
#grill {
      margin-top: -105px;
    margin-bottom: -50px;
    position: relative;
}
.free {
font-weight: 600;
  color: white;
  font-size: 20px;
}
/*******BASE HTML & BACKGROUNDS*******/

.revslider-container h2.slider-text {
  font-size:70px;
line-height:60px;
    text-shadow: 2px 2px 2px #000000;
    text-transform: uppercase;
  font-family: "paralucent-condensed",sans-serif;
}
h2 {
    font-size: 30px;
    color: #0071AB;
}
h3 {
font-size:25px;
}
.pl-old-loop .entry-title {
    margin: 0px 0px -20px;
    font-size: 42px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
    color: #E21E35;
}
.pl-ph-container h2 {
    margin: 0;
    font-size: 50px;
    line-height: 35px;
    font-weight: 600;
    color: #ffffff;
  text-transform: uppercase;
}
.widget .widgettitle {
  font-weight:700;
  font-size:25px;
  text-transform:uppercase;
  color:white;
}
.widgettitle {
  font-weight:700;
  font-size:25px;
  text-transform:uppercase;
  color:white;
}

/*******NAVIGATION*******/

.section-navbar .navbar.pl-color-base {
    background: #0071ab;
    color: #ffffff;
}
.section-navbar .navbar.pl-color-base .navline > li > a {
 background: #0071ab;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: white;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
.section-navbar .navbar.pl-color-base .navline > li > a:hover {
 background: #0071ab;
box-shadow: inset 0 -4px 0 #0071ab;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: white;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
.section-navbar .navbar.pl-color-base .navline {
float: none;
text-align: center;
}
.section-navbar .navbar.pl-color-base .navline > li {
display: inline-block;
float: none;
}
.section-navbar .navbar.pl-color-base .navline > li.current-menu-item > a {
      color: #FFF;
  background: #0071ab;
box-shadow: inset 0 -4px 0 #0071ab;
}

/*******FOOTER*******/

.footer-extras {
display: block;
margin-bottom: 0px;
background: #0071AB;
color: #ffffff;
}
.footer-extras .additional {
padding: 0px 0px 10px 0px;
margin: 0px 0px -31px 0px;
}

/*******RESPONSIVE*******/

@media screen and (max-width: 767px){
#logo {float:none;width:259px;}}

@media screen and (max-width: 767px){
.contact {
margin: -10px 0px -20px;
}}
@media screen and (max-width: 767px){
#rewards {
    margin: 5px 0px 0px;
}}

@media screen and (max-width: 767px){
#address {
text-align:center;
float:none;
line-height: 21px;}}

@media screen and (max-width: 767px){
#hh {display: inline-block;max-width: 70%;margin-top: -125px;position: relative;}}

@media screen and (max-width: 767px){
#serviceimg {
max-width: 80%;}}

@media screen and (max-width: 767px){
.blackborder {
 padding-right: 0px;border-right-color:white;}}

@media screen and (max-width: 767px){
.servicebox {
display: inline-block;
max-width: 80%;}}

@media screen and (min-width:680px) and (max-width:767px){
.revslider-container h2.slider-text {
  font-size:60px;
    text-transform: uppercase;
  font-family: "paralucent-condensed",sans-serif;}}

@media screen and (min-width:200px) and (max-width:679px){
.revslider-container h2.slider-text {
  font-size:40px;
line-height:30px;
    text-transform: uppercase;
  font-family: "paralucent-condensed",sans-serif;}}

@media screen and (max-width: 400px){
input[type="text"] {
    display: inline-block;
    height: 32.55px;
    width: 70%;
    padding: 4px 6px;
  margin-top:-40px;
    margin-bottom: -25px;
    font-size: 14px;
    line-height: 21.7px;
    color: #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}}

@media screen and (max-width: 400px){
input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset {
       margin: -81px 5px;
    padding: 3px 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: white;
    border: 1px solid #0071ab;
    background: #0071ab;
    font-family: "Helvetica Neue","Helvetica",Arial,serif;
    float: right;}}]

@media screen and (max-width: 767px){
.section-navbar .navbar.pl-color-base .navline > li > a {
    font-size: 15px;}}

@media screen and (max-width: 767px){
.section-navbar .navbar.pl-color-base .navline > li > a:hover {
    font-size: 15px;}}