body {
    font-family: 'Lato';
    background-color: #FFF;
}

.fa-btn {
    margin-right: 6px;
}

.navbar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
  background: #fceabb; /* Old browsers */
  background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
  color:#000;
} 

.navbar-header{
	height:120px;
}

.menu {
  border-top: 1px dotted #CCC;
}
.navbar-nav li a:link, 
.navbar-nav li a:visited {
  color:#000;
}

.navbar-nav li a:hover {
  color: #FFF;
}

.navbar-nav li a:active {
  color: red;
}

.img-margin-5 img {
	margin-right:5px;
}


/* FOOTER */
footer {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
  background: #45484d; /* Old browsers */
  background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  color:#FFF;

}

footer h3 {
	color:#EFEFEF;
}

footer .powered {
  border-top: 1px dotted #333;
  padding: 10px 0;
  margin-top: 10px;
}

footer .powered a {
  color:yellow;
}

footer .powered p {
  text-align: center;
}


/* end FOOTER */

/* SECTION */
.section {
  position: relative;
  padding: 10px 0;
  margin:0;
}
.section .background-image {
  z-index: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.section .background-image.background-image-fixed {
  background-attachment: fixed;
}
.section-primary {
  background-color: #EFEFEF !important;
  color: #000;
}
.section-primary .background-image {
  opacity: 0.5;
}
.section-info {
  background-color: #1a3959 !important;
  color: #ffffff;
}
.section-info .background-image {
  opacity: 0.5;
}
.section-info h3 {
  color:yellow;
}
.section-success {
  background-color: #5cb85c !important;
  color: #ffffff;
}
.section-success .background-image {
  opacity: 0.5;
}
.section-warning {
  background-color: #f0ad4e !important;
  color: #ffffff;
}
.section-warning .background-image {
  opacity: 0.5;
}
.section-danger {
  background-color: #d9534f !important;
  color: #fff;
}
.section-danger .background-image {
  opacity: 0.5;
}
/* end SECTION */

/* Products Section */
.product-thumb {
  min-height:400px;
}

.product-thumb h3 {
  text-transform: uppercase;
}

/*Box IMG SLIDER WIDE */
#page_boxes .carousel-caption {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+1,000000+100&0.5+0,0.5+99 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(69,72,77,0.5) 0%, rgba(69,72,77,0.5) 1%, rgba(1,1,1,0.5) 99%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(69,72,77,0.5) 0%,rgba(69,72,77,0.5) 1%,rgba(1,1,1,0.5) 99%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(69,72,77,0.5) 0%,rgba(69,72,77,0.5) 1%,rgba(1,1,1,0.5) 99%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media only screen and (min-width : 1280px) {
  .bxslider-slider-img .bx-caption {
    font-size: 2em;
  }

  #page_boxes .carousel-caption h3 {
    font-size: 2.5em;
    font-weight: bold;  
  }
  .carousel-caption p {
    font-size: 1.5em;
  }
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .bxslider-slider-img .bx-caption {
    font-size: 1.5em;
  }
  #page_boxes .carousel-caption h3 {
    font-size: 2.0em;
    font-weight: bold;  
  }
  .carousel-caption p {
    font-size: 1em;
  }  
}

/* Mobile */
@media only screen and (max-width: 768px) {
  .bxslider-slider-img .bx-caption {
    font-size: 1em;
  }

  #page_boxes .carousel-caption h3 {
    font-size: 1.5em;
    font-weight: bold;  
  }
  .carousel-caption p {
    font-size: 0.8em;
  }  
}

#page_boxes .row {
  margin-bottom: 30px;
}

#page_boxes .box-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,e1e1e1+5,e1e1e1+13,ffffff+100 */
  background: #f1f1f1; /* Old browsers */
  background: -moz-linear-gradient(left,  #f1f1f1 0%, #e1e1e1 5%, #e1e1e1 13%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f1f1f1 0%,#e1e1e1 5%,#e1e1e1 13%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f1f1f1 0%,#e1e1e1 5%,#e1e1e1 13%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

  margin:0 0 10px 0;
  padding:10px;
  width: 100%;
  font-size: 1.3em;
  font-weight: bold;
}

/* Modal Product Video */
@media only screen and (min-width: 768px) {
  #productVideoIframe {
    width:560px;
    height:315px;
  }
}

/* Mobile Portrait */
@media only screen and (max-width: 320px) {

  #productVideoIframe{
    width:300px;
    height:168px;
  }
}

/* Mobile Landscape */
@media only screen and (min-width: 540px) and (max-width: 768px){

  #productVideoIframe{
    width:500px;
    height:281px;
  }
}
/* End Modal Product Video */