@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);



#email::-webkit-input-placeholder,

#name::-webkit-input-placeholder,

#phone::-webkit-input-placeholder,

#quotenum::-webkit-input-placeholder,

#message::-webkit-input-placeholder

{

  color:    white;

}



#email:-moz-placeholder,

#name:-moz-placeholder,

#phone:-moz-placeholder,

#quotenum:-moz-placeholder,

#message:-moz-placeholder 

{

  color:    white;

}



#email::-moz-placeholder,

#name::-moz-placeholder,

#phone::-moz-placeholder,

#quotenum::-moz-placeholder,

#message::-moz-placeholder 

{

  color:    white;

}



#email:-ms-input-placeholder,

#name:-ms-input-placeholder,

#phone:-ms-input-placeholder,

#quotenum:-ms-input-placeholder,

#message:-ms-input-placeholder 

{

  color:    white;

}



.form-buttons {

  clear: both;

  /*padding-top: 15px;*/

  overflow: hidden;

  margin: 0 0 0 -300px;

}

.form-buttons > * {

  width: 50%;

  display: block;

  text-align: center;

  padding: 12px 0;

  font-weight: bold;

  text-decoration: none;

  font-size: 15px;

  float: right;

  clear: both;

}

.form-buttons > a:hover {

  opacity: 0.85;

  text-decoration: none;

}

.form-buttons img {

  padding: 0;

}

.adjust1 {

  margin: -50px 0 0 0;

}

.adjust2 {

  margin: 0 0 -50px 0;

}

.adjust3 {

  margin: 15px 0 0 0;

}

.accepted-cards {

  float: right;

}

#new-quote {

  color: #0079c6;

  padding: 0;

}

#checkout {

  color: #fff;

  background: #40a040;

  border: #008000 1px solid;

  margin-bottom: 20px;

}





/*

 * Globals

 */



/* Links */

a,

a:focus,

a:hover {

  color: #fff;

}



/* Custom default button */

.btn-default,

.btn-default:hover,

.btn-default:focus {

  color: #333;

  text-shadow: none; /* Prevent inheritence from `body` */

  background-color: #fff;

  border: 1px solid #fff;

}



hr { opacity: 0.25; }

.text-center, .text-center .inner p { text-align: center !important; }

/*

 * Base structure

 */

html,

body {

  height: 100%;

  background: #333 url('img/bg.jpg') center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  font-family: "Roboto";

}

body {

  color: #fff;

  min-height: 850px;

  text-shadow: 0 1px 3px rgba(0,0,0,.5);

}



.footer-nav {

  overflow: hidden;

  padding: 0 0 20px;

}

.footer-nav li {

  display: inline-block;

  margin: 0 10px;

}



.justify {

  text-align: justify;

}



.form-control, .btn {

  border-radius: 0 !important;

}



/* Extra markup and styles for table-esque vertical and horizontal centering */

.site-wrapper {

  display: table;

  width: 100%;

  height: 100%; /* For at least Firefox */

  min-height: 100%;

  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);

          box-shadow: inset 0 0 100px rgba(0,0,0,.5);

}

.site-wrapper-inner {

  display: table-cell;

  vertical-align: top;

}

.cover-container {

  margin-right: auto;

  margin-left: auto;

}



/* Padding for spacing */

.inner {

  padding: 30px;

}

.text-page .inner {

  text-align: left;

}





/*

 * Header

 */

.masthead-brand {

  margin-top: 10px;

  margin-bottom: 10px;

}



.masthead-nav > li {

  display: inline-block;

  margin-top: 14px;

}

.masthead-nav > li + li {

  margin-left: 20px;

}

.masthead-nav > li > a {

  padding-right: 0;

  padding-left: 0;

  font-size: 16px;

  font-weight: bold;

  color: #fff; /* IE8 proofing */

  color: rgba(255,255,255,.75);

  border-bottom: 2px solid transparent;

}

.masthead-nav > li > a:hover,

.masthead-nav > li > a:focus {

  background-color: transparent;

  border-bottom-color: #a9a9a9;

  border-bottom-color: rgba(255,255,255,.25);

}

.masthead-nav > .active > a,

.masthead-nav > .active > a:hover,

.masthead-nav > .active > a:focus {

  color: #fff;

  border-bottom-color: #fff;

}



@media (min-width: 768px) {

  .masthead-brand {

    float: left;

  }

  .masthead-nav {

    float: right;

  }

}





/*

 * Cover

 */



.cover {

  padding: 0 20px;

}

.cover .btn-lg {

  padding: 10px 20px;

  font-weight: bold;

}





/*

 * Footer

 */



.mastfoot {

  color: #999; /* IE8 proofing */

  color: rgba(255,255,255,.5);

}





/*

 * Affix and center

 */



@media (min-width: 768px) {

  /* Pull out the header and footer */

  .masthead {

    /*position: fixed;*/

    top: 0;

  }

  .mastfoot {

    /*position: fixed;*/

    bottom: 0;

  }

  .text-page .masthead, .text-page .mastfoot {

    position: static;

  }

  /* Start the vertical centering */

  .site-wrapper-inner {

    /*vertical-align: middle;*/

  }

  /* Handle the widths */

  .masthead,

  .mastfoot,

  .cover-container {

    width: 100%; /* Must be percentage or pixels for horizontal alignment */

  }

}



@media (min-width: 992px) {

  .masthead,

  .mastfoot,

  .cover-container {

    width: 1036px;

  }

}



@media (max-width: 768px) {



  .navbar-toggle .icon-bar {

    background: #fff !important;

  }

  .navbar-toggle {

    margin-top: -60px;  

  }

  .masthead-nav li {

    float: none !important;

    display: block !important;

    margin-left: 0 !important;

    margin-top: 5px !important;

  }



}