/* Put your custom styles here */

.bg-fix {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
}

.bg-fix3 {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
 margin-top: 5%;
}

.bg-fix2 {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
 margin-top: 30%;
}
.ghost-btn {
  border: solid 1px;
  border-radius: 5px;
}
.padding-fix-bg-dark {
  padding: 10px;
}
.ghost-btn {
  display: inline-block;
  font-size: 1.3em;
  width: auto;
  padding: 10px;
  margin: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, .6);
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.ghost-btn:hover, .ghost-btn:active {
  background-color: #FF9900;
  border-color: #FF9900;
  color: #fff;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}
.ghost-btn-color {
  display: inline-block;
  width: 100%;
  padding: 10px;
  color: #ff9900;
  background-color: transparent;
  border: 2px solid #ff9900;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.ghost-btn-color:hover, .ghost-btn-color:active {
  background-color: #FF9900;
  border-color: #FF9900;
  color: #fff;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}

.ghost-btn-color-orange {
  display: inline-block;
  width: 100%;
  padding: 10px;
  color: #fff;
  background-color: #ff9900;
  border: 2px solid #ff9900;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.ghost-btn-color-orange:hover, .ghost-btn-color-orange:active {
  background-color: #fff;
  border-color: #FF9900;
  color: #ff9900;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}

.no-pad {
  padding-left: 0;
}
#content-3-8 p {
  margin-top: 0;
}

.jumbotron2-bg {
  margin-bottom: 0px;
  background-image: url('../images/gil-bend.jpg');
  background-position: center; 
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: black 0.3em 0.3em 0.3em;
  overflow: hidden;
}

.jumbotronlit-bg {
  margin-bottom: 0px;
  background-image: url('../images/ang-605998232.jpg');
  background-position: center top; 
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: black 0.3em 0.3em 0.3em;
  overflow: hidden;
}

.jumbotron-bg {
  margin-bottom: 0px;
  background-image: url('../images/header.jpg');
  background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: black 0.3em 0.3em 0.3em;
  overflow: hidden;
}
.content-1-5 {
  padding: 10;
}

/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
  width: auto;
}

/*header
{
    height: 280px;
    background-color: #eee;
}*/

#nav.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.img-how-to {
  max-height: 400px;
}
.problem-image {
  background-image: url("../images/problem-image.jpg");
  background-size: cover;
  height: 100%;
}
.solution-image {
  background-image: url("../images/the-solution.jpg");
  background-size: cover;
  height: 100%;
}
.connector-image {
  background-image: url("../images/gil-bend-sm.jpg");
  background-repeat:no-repeat;
  background-size: cover;
  height: 90%;
}

.after-image {
  background-image: url("../images/after-pour.png");
  background-size: cover;
  height: 100%;
}
.contact-page-header {
  padding-top: 0px;
  padding-bottom: 0px;
}
.quote-form-top-padding {
  padding-top: 125px;
}

/*.quote-bar h3 {
    padding: 5px;
    margin: 5px;
}*/

.form-inline h3 {
  color: #333;
  font-weight: 900;
}
.form-inline {
  /*padding-left: 10px;*/
  color: #333;
}
.quote-row {
  /*  border-radius: 10px;
    border: 2px solid #333;*/
  /*background-color: #333*/
  padding-right: 0;
}
#quote-form {}
#quote-form .form-control {
  font-size: 17px;
  /*margin-top: 17px;*/;
  margin-left: 15px
}
#inputEmail {
  width: 140px;
}
.quote-padding {
  margin-left: 60px;
}
.quote-padding h4 {
  margin-top: 25px;
}
.quote-price {
  font-weight: 900;
  color: #FF9900;
}
.switch {
  margin-top: 10px;
}
.accessory-kit {
  float: left;
}
.inline {
  display: inline;
}
.price-input {
  background-color: transparent;
  border: 0px solid;
  font-size: 2em;
  font-weight: 700;
}
.calculations {
  display: none;
}
.item-description h3 {
  margin-top: 10px;
  margin-bottom: 3px;
}
.form-group {
  margin-bottom: 0;
}
.item-group {
  padding-top: 0;
  padding-bottom: 0;
  /*background-color: #EEE;*/
  border-radius: 15px;
}
.details-switch {
  display: inline-block;
  vertical-align: middle;
}
.details-switch p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.jeff {
  background-color: yellow;
}
.material-shading {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+76,ffffff+76,eeeeee+94,eeeeee+100,bbbbbb+100,d1d1d1+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 76%, #ffffff 76%, #eeeeee 94%, #eeeeee 100%, #bbbbbb 100%, #d1d1d1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 76%,#ffffff 76%,#eeeeee 94%,#eeeeee 100%,#bbbbbb 100%,#d1d1d1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 76%,#ffffff 76%,#eeeeee 94%,#eeeeee 100%,#bbbbbb 100%,#d1d1d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
}

.material-shading-inset {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,ffffff+3,ffffff+76,ffffff+97,eeeeee+100,bbbbbb+100,444444+100 */
background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #ffffff 3%, #ffffff 76%, #ffffff 97%, #eeeeee 100%, #bbbbbb 100%, #444444 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #444444 0%,#ffffff 3%,#ffffff 76%,#ffffff 97%,#eeeeee 100%,#bbbbbb 100%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #444444 0%,#ffffff 3%,#ffffff 76%,#ffffff 97%,#eeeeee 100%,#bbbbbb 100%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}
.modal {
  padding-top: 100px;
}

#safetyModal {
  height: 90%;
}

.modal-dialog {
  width: 100%;
  height: 100%;
}

.trans-wrapper {
  padding-bottom: 20px;
}

.trans-wrapper p,
.trans-wrapper h4,
#content-1-3 .underlined-title h1 {
  color: #FFFFFF
}

.bg-hero {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-hero-rounded {
  background-color: rgba(0, 0, 0, .7);
  border-radius: 10px;
  padding: 5px;
  height: 200px;
}

.bg-hero-rounded-title {
  background-color: rgba(0,0,0,.7);
  border-radius: 10px;
  padding: 5px;
}

.orange {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,444444+100&0.7+0,1+100 */
  background: -moz-linear-gradient(top,  rgba(68,68,68,0.7) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(68,68,68,0.7) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(68,68,68,0.7) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */

}

.bg-orange {
  background-color: #ff9900;
}

.content-1-3 {
  background: none;
  background-image: url("../images/air.jpg");
  background-size: 100%;
  background-attachment: fixed;
}


.box {
  cursor: pointer;
  height: auto;
  position: relative;
  overflow: hidden;
  width: auto;
}

.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
  background-color: rgba(255, 153, 0, .95);
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 20px 20px;
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .title {
  font-size: 1.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 1.2em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

.news-headroom {
  padding-top: 60px;
}

.blog-1 .post {
	text-align: center;
	padding: 10px 0;
}

.blog-1 .post img {
	margin: 30px 0;
}

.modal-body img {
  width: 100%
}

.price {
  color: #777;
}

.price strong,
.orange-price {
  color: #FF9900;
}

.total-price {
  font-size: 135%;
}

.qty-input {
  background-color: #EEE;
  border-radius: 10px;
  padding: 10px;
  margin: 5px;
}

.tilt {
  padding: 50px;
  transform:rotate(-10deg);
-ms-transform:rotate(-10deg); /* IE 9 */
-moz-transform:rotate(-10deg); /* Firefox */
-webkit-transform:rotate(-10deg); /* Safari and Chrome */
-o-transform:rotate(-10deg); /* Opera */
}



/*VIDEO*/
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*	Blog 1 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {



}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

  .locked {
    position: fixed;
    float: left;
  }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {



};