body {
    font-family: 'Lato';
    /*background-color: #FFF;*/
    background: rgba(208,228,245,0.90) url("https://app.sitefull.com.br/assets/site/img/bg-selo-cinza-30.png") repeat fixed 0 0;
}

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

.navbar {
  color:#000;
  background: rgba(208,228,245,0.90) url("https://app.sitefull.com.br/assets/site/img/header-salvador.png") repeat 0 0;
} 

.navbar-header{
	height:300px;
}

.navbar-brand {
  padding: 10px 0 0 10px;
  margin: 0;
}

.menu {
  border-top: 1px dotted #CCC;
  background: rgba(0,98,162,0.80);
}
.navbar-nav li a:link, 
.navbar-nav li a:visited {
  color:#FFF;
  font-weight: bold;
  font-size: 1.2em;
  border-right:1px dotted #CCC;
}
.navbar-nav li a:hover {
  color: #FFF;
  background: rgba(66,22,12,0.80);
}

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


/* Desktops */
@media only screen and (min-width : 1280px) {
  .navbar-brand img {
    width: 100%
  }
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .navbar-brand img {
    width: 90%
  }
}

/* Mobile */
@media only screen and (max-width: 768px) {
  .navbar-brand img {
    width: 80%
  }
}


.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 */
  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/#1e5799+0,2989d8+50,7db9e8+100&1+0,0.5+100 */
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(41,137,216,0.75) 50%, rgba(125,185,232,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(41,137,216,0.75) 50%,rgba(125,185,232,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(41,137,216,0.75) 50%,rgba(125,185,232,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#807db9e8',GradientType=1 ); /* IE6-9 */

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

  color:#FFF;
}

.bx-wrapper .bx-viewport, .bx-wrapper .bx-loading {
  background: none;
  border: none;
}

/* 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 */