/* HELP - DEFAULT CLASS*/
.visible-xs-only{display: block}  .visible-xs-only-ib{display: inline-block;} 
.visible-sm-down{display: block}  .visible-sm-down-ib{display: inline-block}
.nav>li.visible-sm-only{display: none}   .nav>li.visible-sm-only-ib{display: none}
.visible-sm-high{display: none}   .visible-sm-high-ib{display: none;}
.visible-md-down{display: block}  .visible-md-down-ib{display: inline-block}
.visible-md-only{display: none}   .visible-md-only-ib{display: none}
.visible-md-high{display: none}   .visible-md-high-ib{display: none}
.visible-lg-only{display: none}   .visible-lg-only-ib{display: none}
.nav>li.visible-md-high-ib{display: none}
@media screen and (min-width:768px) {
  .visible-xs-only{display: none} .visible-xs-only-ib{display: none}
  .visible-sm-only{display: block} .visible-sm-only-ib{display: inline-block}
  .visible-sm-high{display: block} .visible-sm-high-ib{display: inline-block;}
  .nav>li.visible-sm-only-ib{display: inline-block}
}
@media screen and (min-width:1024px) {
  .visible-sm-down{display: none}  .visible-sm-only{display: none}   .visible-sm-only-ib{display: none}
  .visible-md-only{display: block}   .visible-md-only-ib{display: inline-block}
  .visible-md-high{display: block}   .visible-md-high-ib{display: inline-block}
  .nav>li.visible-sm-only-ib{display: none}

li.visible-sm-down-ib{display: none;}
}
@media screen and (min-width:1200px) {
  .visible-md-down{display: none}  .visible-md-down-ib{display: none}
  .visible-md-only{display: none}   .visible-md-only-ib{display: none}
  .visible-lg-only{display: block}   .visible-lg-only-ib{display: inline-block}
}

@media screen and (min-width:768px) {
  .nav>li.visible-xs-only{display: none}
}

@media screen and (min-width:1024px) {
  .nav>li.visible-md-high-ib{display: inline-block;}
}

/**********CUSTOM MOBILE **************/
@media screen and (orientation: landscape) and (max-width:736px){
  .nav-primary.nav>li {
    width: 33%;
    float: left;
  }
}


@media screen and (orientation: landscape) and (max-width: 667px){
  .nav-primary.nav>li {
    width: 49.5%;
    float: left;
  }
}


@media screen and (orientation: landscape) and (max-height:320px){
 
}

@media screen and (max-width:480px){
  .nav-mobile-custom li {margin-left: 11px}
}

/*******CUSTOM RESPONSIVE*/


@media screen and (min-width:600px) {
  #header-product .col-xs2-6,
  .thumbServ .col-xs2-6{width: 49.5%;float:left}
  ul.nav.nav-tabs a span {
    display: block;
  }

  .title1 {
      display: block;
      height: auto;
      text-align: center;
      font-size: 18px;
      margin-bottom: 17px;
  }

  span.icon {
      display: inline-block;
      float: none;
      margin: 0 7px -6px;
  }

  .title1 p {
    display: inline-block;
    font-family: latobold;
    font-size: 20px;
    }
  .thumbServP a {
    margin-left: 0;
  }

  .thumbServP h2 {
      font-size: 26px;
      line-height: 125%;
  }
  
  #header-product {
    margin-bottom: 22px;
  }

  #header-product header {
      padding-top: 8px;
      padding-bottom: 1px;
  }

}

@media screen and (min-width:600px) and (max-width:767px) {
 .products-grid .col-xs2-6{width: 49.5%;float:left}
}


@media screen and (max-width:767px){

}

@media screen and (min-width:768px) {
 
  .navbar-header{float: none;border-bottom: solid 1px #323232;}

  /*HEADER*/
  #header{background-image: none;overflow: visible}
  #header .nav-second>li {margin-left: 0}
  #header .nav-second>li:first-child{display:none}
  .nav-second>li>a {font-size: 10px;color: #FFBF00;}
  #header .nav-primary>li{font-size: 11px;color: #fff;cursor: pointer;}
  #header .nav-primary>li>a{padding-top: 0;padding-bottom: 8px;font-size: 11px;text-align: center;}

  .navbar-collapse{
    background-color: inherit;
  }
  .navbar-brand{
    width: 225px;
    position: relative;
    z-index: 2;
    padding-top: 20px;
    height: 101px;
  }
  .nav-primary{
    width: 520px;
    margin-top: -39px;
    margin-right: -49px;
  }
  .nav-primary a {
    font-size: 11px;
    color: #666666
  }
  .nav-primary>li>a {
    font-size: 11px;
    padding: 0 8px;
  }

  .nav-second{padding-top: 15px;margin-top: 0;margin-right: -38px;}

  .nav-second>li>a {
    padding: 15px 5px;
  }
  .nav-second>li>a:hover{
    background: none;
    color:#FF5A26;
  }

  /****PAGES*******/

  /*HEADER SEARCH */
  #search {
    top: 137px;
    left: inherit;
    right: 15px;
    width: 514px;
  }

  #header .form-control{border: none;border-radius: 0;background-color: #F5F5F5;font-size: 12px;padding: 0 11px;height: 25px;position: relative;z-index: 1;line-height: 220%;}


  #header .nav-primary>li>a:hover{
    color: #FFBF00;}

  .slide_txt_cont span {
    width: 62%;
    float: left;
    display: block;
}

.slide_txt_cont a {
    float: right;
    margin: 0;
    text-align: center;
}

.slide_txt_cont {
    padding: 18px 0 16px;
    width: 78%;
    height: 80px;
}

.content .container {
    padding-top: 50px;
    padding-bottom: 40px;
    max-width: 960px;
}
.page-home .content .container{
  max-width: inherit;
}
.bg-divisor {
    padding-top: 80px;
    padding-bottom: 80px;
}
#yourTabWrapper .nav-tabs li {
    background: url(../img/site/bg-tabs-li.jpg) right center no-repeat;
}

.thumbServ {
    padding-top: 40px;
}

  /*page products*/
  nav.nav-buttons ul li {
      display: inline-block;
      float: left;
  }

  nav.nav-buttons ul li a {
      display: block;
      border: solid 1px #888;
      color: #fff;
      padding: 9px 30px;
      margin-right: 16px;
      font-size: 12px;
      letter-spacing: 0;
      cursor: pointer;
      font-family: 'latoregular'
  }

  #tabs-products .nav-tabs li {
      width: 24.5%;
  }

  #tabs-products .nav-tabs img {
      /* width: auto; */
  }

  #tabs-products ul.nav.nav-tabs .active a {
      background-color: #fff;
      border-color: #ccc;
      border-bottom: #fff;
  }

  #tabs-products .nav-tabs li a {
      padding-bottom: 19px;
      margin-bottom: -1px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }

  #tabs-products ul.nav {
  padding-bottom: 0;
  }

  .subtitle1 {
    font-size: 18px;
    }
  .thumb-corp {
    border-bottom: none;
  }
  .thumbServP {
background: url(../img/site/bg-serv.jpg) left center no-repeat;
}
#header .nav-second>li.datos {
    color: #FFBF00;
    margin-top: 4px;
    font-weight: bold;
    font-size: 13px;
    border-left: solid 1px rgba(202, 202, 202, 0.12);
    padding: 0 0 0 13px;
    line-height: 0;
    display: block;
    
}
}

@media screen and (min-width:992px) {
  /*HEADER*/
  #header{
    height: 130px;
  }
   #header .nav-primary{
    width: auto;padding-top: 10px;margin-top: -72px;margin-right: -26px;
  }

   #header .nav-primary>li>a {
    font-size: 13px;
    padding: 8px 12px;
  }
   #header .nav-primary>li>a:hover{
    background: none;
  }
 
   #header .navbar-brand{
    height: 132px;
    width: 259px;
    padding-top: 29px;
  }
   #header .nav-second>li>a{
    padding: 7px 12px
  }
 
  .nav-second>li>a {color: #FFBF00;font-size: 11px}
  #header .nav-primary>li>a{color: #fff;font-size: 12px;padding: 8px 12px;}

  /*HOME*/
  #yourTabWrapper ul.nav.nav-tabs a {
    font-size: 16px;
  }

  #yourTabWrapper ul.nav.nav-tabs a span {
      font-size: 12px;
      color: #666;
  }

  .thumbServ {
      padding-top: 40px;
  }

  .thumbServP {
      padding-left: 45px;
  }

  #yourTabWrapper ul.nav.nav-tabs a {
    margin-left: 10px;
    margin-right: 10px;
  }

  #yourTabWrapper ul.nav.nav-tabs li:last-child {
    background: none;
  }
  .slide_txt_cont span {
    font-size: 13px;
    padding-top: 0;
    width: 70%;
  }

  .slide_txt_cont {
      width: 86%;
      max-width: 992px;
  }

  .slide_txt_cont a {
  }
  .home .content .container {
    padding-bottom: 0;
  }
  .slide_txt_cont div {
    width: 84%;
    margin: 0 auto;
  }

  /*PAGE PRODUCTS*/
  #header-product header {
  padding-top: 40px;
  padding-bottom: 8px;
  }
  #header-product h1 {
    text-transform: uppercase;
    color: #FFBF00;
    font-size: 19px;
    font-family: latobold;
    letter-spacing: 0.5px;
    line-height: 240%;
  }

  #header-product h1 span {
    font-family: latolight;
    display: block;
    font-size: 60px;
    color: #fff;
    margin-bottom: 12px;
  }

  #header-product h1 span.large{
    font-size:43px
  }
  
  .title1 {
    font-size: 20px;
  }

  .title1 img {
    margin-bottom: 6px;
  }

  .subtitle1 {
    font-size: 22px;
  }
  
  #header .nav-primary>li {
    background: url(../img/site/bg-menu-li.png) right center no-repeat;
  }
  #header .nav-primary li.high-last{
    background-image: none;
  }
  .row.row-credit {
    padding-top: 20px;
}

.row.row-credit p {
    font-family: 'latobold' !important;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.row.row-credit img {
    margin-bottom: 13px;
}
.footer-content .container {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1000px;
}
  footer form span{margin-bottom: 0}
  .page-corporativo .products-grid{
  padding-top: 0
  }

  .page-corporativo .products-grid .title1 {
  margin-bottom: 35px
  }

  .page-corporativo .thumb-corp {
  margin-bottom: 0;
  padding-bottom: 25px;
  }
}

@media screen and (min-width:1200px){
  #header{height: 142px}
  #header .nav-primary{width: auto;margin-top: -74px}
  #header .navbar-brand{width: 303px;padding-top: 25px}
  #header .nav-primary>li>a{
    font-size: 11.5px;
    padding: 8px 22px;
    line-height: 131%;
  }

  .content .container {
    padding-top: 40px;
  }

  .content .container .bg-divisor {
    padding-top: 100px;
    padding-bottom: 100px;
  }

   .slide_txt_cont div {
    width: 75%;
    margin: 0 auto;
  }
  .slide_txt_cont span {
    padding-top: 9px;
  }
  .col-lg-20 {
    width: 20%;
  }
  .title1 {
    font-size: 20px;
  }
  .page .title1 {
    font-size: 26px;
    font-family: latoregular;
  }
  .bg-divisor .title1 {
    margin-bottom: 67px;
  }

  .bg-divisor .title1 {
      margin-bottom: 49px;
  }
  .page-home .content .container {
    padding-bottom: 40px;
  }
  .thumbServP {
    padding-top: 20px;
  }
  #tabs-products .nav-tabs a span {
    font-size: 22px;
    font-family: latoregular;
  }
  #tabs-products .nav-tabs li a {
    padding-bottom: 15px;
    padding-top: 14px;
  }
  #tabs-products .nav-tabs li a:hover {
    border-bottom: none;
  }
  .content-grupo {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 767px){
  .bx-wrapper{max-width: 700px !important;margin: 0 auto}
}
@media screen and (min-width: 992px){
  .bx-wrapper{max-width: 850px !important;margin: 0 auto;}
  #header .nav-second>li.datos {
     margin-top: 6px;
    }
}
@media screen and (min-width: 1200px){
  .bx-wrapper{max-width: 1024px !important;margin: 0 auto;}
}
.clients h2{color: #8A8A8A;}
.clients h3{color: #C0C0C0;font-size: 16px;padding-top: 6px;}

.nav .open>a {
  background-color: inherit !important;
  color: #FFBF00 !important;
}

.nav .open>ul {
  background-color: rgba(23, 23, 23, 0.92);
  border: solid 1px rgba(255, 255, 255, 0.19);
  border-top: 0;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: inherit;
  color: #FFBF00 !important;
}