/*
z-index's

1 .disclaimer

2 .header
*/


img.imageStretch
{
  width:100%;
}

a
{
  color:inherit;
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/

  cursor:pointer; /*for when <a doesn't have href, ie onclick="javascript*/
}
a:hover,
a:focus
{
  color:inherit;
  text-decoration:none;
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
}

.border3
{
  border:3px solid #1D1D1B;
  margin:4px;
  display:inline-block;
}

.border5
{
  border:5px solid #1D1D1B;
  margin:4px;
  display:inline-block;
}

h1, h2, h3, p
{
  padding:0px;
  margin:0px;
}

h1
{
  font-family:brandon-grotesque, sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:25px;
  letter-spacing:5px;
  padding-bottom:25px;
  margin-bottom:25px;
}

.headerText {
  font-size:35px;
  text-shadow: 0px 0px 50px #000000;
}


.withDivider
{
  display:inline-block;
  background-image:url("../images/divider.jpg");
  background-repeat:no-repeat;
  background-position:bottom center;
  background-size:100% 5px;
}


.divider
{
  width:100%;
  height:5px;
  margin-top:3px;
  margin-bottom:3px;
}

p
{
  letter-spacing:1.5px;
  line-height:125%;
  margin-bottom:20px;	
}

.f0
{
  font-size:0px;
}

.f11
{
  font-size:11px;
}

/*
.container
{
  -webkit-transition:all 0.25s;
  transition:all 0.25s;
}
*/

/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width: 0px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:"brandon-grotesque", sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:18px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1.borders
  {
    font-family:brandon-grotesque, sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:22px;
    letter-spacing:4px;
    line-height:150%;
    padding:15px;
    margin-bottom:0px;

    display:block;
    background-image:none;
  }

  .logo
  {
    display:block;
    margin-left:auto;
    margin-right:auto;

    padding-top:8px;
    max-width:250px;
  }

  .bgPaint
  {
    background-image:url("../images/paint.jpg");
    background-position:center center;
    background-size:cover;
    background-attachment:scroll;
  }

  .bgHeaderImage
  {
    background-image:url("../images/headerExterior.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
  }


  .footerLeft
  {
    text-align:center;
  }
  .footerRight
  {
    text-align:center;
  }

  #mapContact
  {
    height:465px;
  }

}


/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width: 375px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:brandon-grotesque, sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1.borders
  {
    font-family:brandon-grotesque, sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:25px;
    letter-spacing:5px;
    line-height:150%;
    padding:15px;
    margin-bottom:0px;

    display:block;
    background-image:none;
  }
}


/* Small devices (tablets, 768px and up) */
@media all and (min-width: 768px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:brandon-grotesque, sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1.borders
  {
    font-family:brandon-grotesque, sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:25px;
    letter-spacing:5px;
    line-height:150%;
    padding:15px;
    margin-bottom:0px;

    display:block;
    background-image:none;
  }

  .logo
  {
    display:block;
    margin-left:auto;
    margin-right:auto;

    padding-top:0px;
    max-width:250px;
  }

  .bgPaint
  {
    background-image:url("../images/paint.jpg");
    background-position:center center;
    background-size:cover;
    background-attachment:scroll;
  }

  .bgHeaderImage
  {
    background-image:url("../images/headerExterior.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
  }

  .footerLeft
  {
    text-align:left;
  }
  .footerRight
  {
    text-align:right;
  }

  #mapContact
  {
    height:465px;
  }
}


/* Medium devices (desktops, 992px and up) */
@media all and (min-width: 992px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:brandon-grotesque, sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1.borders
  {
    font-family:brandon-grotesque, sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:25px;
    letter-spacing:5px;
    line-height:150%;
    padding:15px;
    margin-bottom:0px;

    display:block;
    background-image:none;
  }

  .logo
  {
    display:block;
    margin-left:auto;
    margin-right:auto;

    padding-top:0px;
    max-width:250px;
  }

  .bgPaint
  {
    background-image:url("../images/paint.jpg");
    background-position:center center;
    background-size:cover;
    background-attachment:scroll;
  }
  .bgHeaderImage
  {
    background-image:url("../images/headerExterior.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
  }

  .footerLeft
  {
    text-align:left;
  }
  .footerRight
  {
    text-align:right;
  }

  #mapContact
  {
    height:465px;
  }

}


/* Large devices (large desktops, 1200px and up) */
@media all and (min-width: 1200px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:brandon-grotesque, sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  .bgPaint
  {
    background-image:url("../images/paint.jpg");
    background-position:center center;
    background-size:cover;
    background-attachment:fixed;
  }
  
  .bgHeaderImage
  {
    background-image:url("../images/headerExterior.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:scroll;
  }

}


@media all and (min-width: 1400px)
{
  .container
  {
    max-width: 1370px;
  }

  #mapContact
  {
    height:555px;
  }
}

@media all and (min-width: 1600px)
{
  /*
  .container
  {
    max-width: 1570px;
  }
  */
}


/*Smoother scrolling parrallax in IE10/IE11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /*
  html { overflow:hidden; }
  body { overflow:auto; height:100%; }
  */

  /*Smoothing parrallax for IE, causes WOW animations to not work.  Disable parrallax instead*/
  .bgPaint
  {
    background-attachment:scroll;
  }
  .bgHeaderImage
  {
    background-attachment: scroll;
  }
}

/*Smoother scrolling parrallax in Edge*/
@supports (-ms-ime-align: auto) {
  /*
  html { overflow:hidden; }
  body { overflow:auto; height:100%; }
  */

  /*Smoothing parrallax for Edge, causes WOW animations to not work.  Disable parrallax instead*/
  .bgPaint
  {
    background-attachment:scroll;
  }
  .bgHeaderImage
  {
    background-attachment: scroll;
  }
}


.header
{
  width:100%;
  position:absolute;
  z-index:2;
  top:0px;
}
.headerInner
{
  padding-top:20px;
  padding-bottom:12px;

  padding-left:5px;
  padding-right:5px;  
}

.socialIcons
{
  padding-top:20px;
  font-size:23px;
  margin-bottom:0px;

}
.socialIcons a
{
  padding-left:8px;
  padding-right:8px;
}

.footer
{
  padding-top:8px;
  padding-bottom:20px;

  padding-left:5px;
  padding-right:5px;
}

.button
{
  display:inline-block;

  padding-top:10px;
  padding-bottom:10px;
  
  padding-left:25px;
  padding-right:25px;

  margin-bottom:15px;
  
  font-weight:bold;
  letter-spacing:2px;
  text-align:center;
  color:white;

  box-shadow:5px 5px 16px 0px rgba(0,0,0,0.25);

  transition:all 300ms ease-in-out;
}
.button:hover,
.button:focus
{
  filter:brightness(110%);
  color:white;
}

input.text
{ 
  width:100%;
  height:45px;
  
  padding-left:10px;
  padding-right:10px;
  padding-bottom:0px;
  
  border:1px solid white;
  
  font-family:brandon-grotesque, sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:12px;
  letter-spacing:2px;
  text-align:center;
  color:rgba(255, 255, 255, 1);

  margin-top:0px;
  margin-bottom:15px;
  
  -webkit-appearance:none;
  border-radius:0px 0px 0px 0px;
  -moz-border-radius:0px 0px 0px 0px;
  -webkit-border-radius:0px 0px 0px 0px;
}


select
{
  width:100%;
  height:45px;
  
  padding-left:10px;
  padding-right:10px;
  
  border:1px solid white;

  font-family:brandon-grotesque, sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:16px;
  letter-spacing:2px;
  text-align:center;
  text-align-last: center; /*chrome*/
  
  margin-top:0px;
  margin-bottom:15px;

  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
  border-radius:0px 0px 0px 0px;
  -moz-border-radius:0px 0px 0px 0px;
  -webkit-border-radius:0px 0px 0px 0px;
  
  background-image:url("../images/arrow-select.svg");
  background-repeat:no-repeat;
  background-position:95% center;
  background-size:20px 20px;
}

input[type="submit"]
{
  cursor:pointer;
  display:block;
  width:100%;

  padding-top:10px;
  padding-bottom:10px;
  
  padding-left:25px;
  padding-right:25px;

  margin-left:0px;
  margin-right:0px;
  margin-bottom:15px;
    
  border-width:0px;
  
  font-weight:bold;
  letter-spacing:2px;

  text-align:center;
  
  -webkit-appearance:none;
  border-radius:0px 0px 0px 0px;
  -moz-border-radius:0px 0px 0px 0px;
  -webkit-border-radius:0px 0px 0px 0px;

  box-shadow:5px 5px 16px 0px rgba(0,0,0,0.25);

  transition:all 300ms ease-in-out;
}
input[type="submit"]:hover
{
  filter:brightness(110%);
}

textarea
{  
  width:100%;
  height:135px;
  resize:none;

  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;

  border:1px solid white;

  font-size:16px;
  letter-spacing:2px;
  text-align:center;

  margin-top:0px;
  margin-bottom:15px;  

  -webkit-appearance:none;
  border-radius:0px 0px 0px 0px;
  -moz-border-radius:0px 0px 0px 0px;
  -webkit-border-radius:0px 0px 0px 0px;
}


.white
{
  color:white;
}


.bgBlack
{
  background-color:#000000;
  color:white;
}

.bgOrange
{
  background-color:#FEA70A;
  color:white;
}
.bgWhite
{
  background-color:white;
}


.bgBlackAlpha
{
  background-color:rgb(36, 29, 26);
  color:white;
  opacity:1;
}

.disclaimer
{
  font-size:12px;
  z-index:1;
  position:absolute;
  bottom:15px;
  left:10px;
  width:calc(100% - 15px - 15px);

  text-shadow:1px 1px 10px rgba(0, 0, 0, 0.95);
}




/*To remove "terms of use" use this CSS*/
.gmnoprint a, .gmnoprint span
{
  display:none;
}
/*
.gmnoprint div
{
  background:none !important;
}
*/
.gm-style-cc
{
  display:none;
}

/*To remove Google logo use this css*/
img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"], a[href^="http://maps.google.com/maps"]{
    display:none !important;
}

.display-table
{
  display:table;
}

.display-cell
{
  display:table-cell;
  vertical-align:middle;
}


img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.center
{
  text-align:center;
}
.leftText
{
  text-align:left;
}
.rightText
{
  text-align:right;
}


.no-gutter > [class*='col-']
{
  padding-right:0;
  padding-left:0;
}

.nopadding
{
  padding: 0 !important;
}

.padding15
{
  padding:15px;
}