/* =====================================================================
 * SPACEMAN GRID
 * ===================================================================*/

 /*============================ GRID WRAPPER ==========================*/

.wrapper {
  max-width: 1140px;
  margin: 0 auto;
}

/*================================= ROW ==============================*/

.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.row:not(.no-gutter),
.row:not(.no-gutter) > [class*='col-'], .row:not(.no-gutter) > [class*='md-'] {
  padding-left: 0.7em;
  padding-right: 0.7em;
}

.row-centered {
  justify-content: center;
}

/*======================= COLUMNS VERTICAL ALIGN ====================*/

.col-vcenter {
  -webkit-align-self: center;
  align-self: center;
}

.col-vbottom {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.col-stretch {
  -webkit-align-self: stretch;
  align-self: stretch;
}


.logo-mobile img{
        height: 60px;
}

.topo-fixo{
display:none;
}

/*=========================== COLUMNS SIZING =========================*/

.row > .col-1 {width: 8.333333333333333%;}
.row > .col-2 {width: 16.66666666666667%;}
.row > .col-3 {width: 25%;}
.row > .col-4 {width: 33.3333333333333%;}
.row > .col-5 {width: 41.66666666666667%;}
.row > .col-6 {width: 50%;}
.row > .col-7 {width: 58.3333333333333%;}
.row > .col-8 {width: 66.66666666666666%;}
.row > .col-9 {width: 75%;}
.row > .col-10 {width: 83.33333333333333%;}
.row > .col-11 {width: 91.66666666666666%;}
.row > .col-12 {width: 100%;}

/* =====================================================================
 * GRID MEDIA QUERIES
 * ===================================================================*/

/*======================= MEDIUM/MD RESOLUTIONS ======================*/


@media only screen and (max-width: 768px) {
        div[class*='col-']:not([class*='md-'])                         {width: 100% !important;}
}

@media only screen and (min-width: 768px) {

    .row.v-center, .v-height{
        
        display: table;
        
    }
    

    .row.v-center [class*='col-']{
        float:none !important;
        display: table-cell;
        vertical-align: middle;
        
    }
    .row.v-height [class*='col-']{
        float:none !important;
        display: table-cell;
        
    }

}

@media only screen and (max-width: 992px) {

  .row > .md-1 {width: 8.333333333333333%;}
  .row > .md-2 {width: 16.66666666666667%;}
  .row > .md-3 {width: 25%;}
  .row > .md-4 {width: 33.3333333333333%;}
  .row > .md-5 {width: 41.66666666666667%;}
  .row > .md-6 {width: 50%;}
  .row > .md-7 {width: 58.3333333333333%;}
  .row > .md-8 {width: 66.66666666666666%;}
  .row > .md-9 {width: 75%;}
  .row > .md-10 {width: 83.33333333333333%;}
  .row > .md-11 {width: 91.66666666666666%;}
  .row > .md-12 {width: 100%;}
    
    .pad-md-05 {padding: 0.5em;}
.pad-md-10 {padding: 1.0em;}
.pad-md-15 {padding: 1.5em;}
.pad-md-20 {padding: 2.0em;}
.pad-md-25 {padding: 2.5em;}
.pad-md-30 {padding: 3.0em;}
.pad-md-40 {padding: 40px;}
.pad-md-50 {padding: 50px;}
    
    #pgwModal .pm-container{
    margin:0px !important;
    }
    
.topo-fixo{
display:block !important;
}

.blog-header-imagem{
    height:320px !important;
}
    
    .linha-direita{
        border-right: 0px !important;
    }

.align-left-md{
    text-align:left !important;
}


.logo-mobile img{
    max-height:50px;
}


.banner-wrapper {
  height: 20em !important; /* 480px */
}


}


/*======================= SMALL/SM RESOLUTIONS =======================*/

@media only screen and (max-width: 768px) {

  .row > .sm-1 {width: 8.333333333333333%;}
  .row > .sm-2 {width: 16.66666666666667%;}
  .row > .sm-3 {width: 25%;}
  .row > .sm-4 {width: 33.3333333333333%;}
  .row > .sm-5 {width: 41.66666666666667%;}
  .row > .sm-6 {width: 50%;}
  .row > .sm-7 {width: 58.3333333333333%;}
  .row > .sm-8 {width: 66.66666666666666%;}
  .row > .sm-9 {width: 75%;}
  .row > .sm-10 {width: 83.33333333333333%;}
  .row > .sm-11 {width: 91.66666666666666%;}
  .row > .sm-12 {width: 100%;}

.align-left-sm{
    text-align:left;
}
}

/*==================== EXTRA SMALL/XS RESOLUTIONS ====================*/

@media only screen and (max-width: 480px) {

  .row > .xs-1 {width: 8.333333333333333%;}
  .row > .xs-2 {width: 16.66666666666667%;}
  .row > .xs-3 {width: 25%;}
  .row > .xs-4 {width: 33.3333333333333%;}
  .row > .xs-5 {width: 41.66666666666667%;}
  .row > .xs-6 {width: 50%;}
  .row > .xs-7 {width: 58.3333333333333%;}
  .row > .xs-8 {width: 66.66666666666666%;}
  .row > .xs-9 {width: 75%;}
  .row > .xs-10 {width: 83.33333333333333%;}
  .row > .xs-11 {width: 91.66666666666666%;}
  .row > .xs-12 {width: 100%;}

.align-left-xs{
    text-align:left;
}

}




.row.nospace{
    padding:0px !important;
}

.nospace [class*='col-']{
    margin:0px !important;
}

.nospace .col-12, .nospace .col-md-12, .nospace .col-sm-12, .nospace .col-xs-12 { width: 100%; }
.nospace .col-11, .nospace .col-md-11, .nospace .col-sm-11, .nospace .col-xs-11 { width: 91.6666666%; }
.nospace .col-10, .nospace .col-md-10, .nospace .col-sm-10, .nospace .col-xs-10 { width: 83.3333333%; }
.nospace .col-9, .nospace .col-md-9, .nospace .col-sm-9, .nospace .col-xs-9 { width: 75%; }
.nospace .col-8, .nospace .col-md-8, .nospace .col-sm-8, .nospace .col-xs-8 { width: 66.6666667%; }
.nospace .col-7, .nospace .col-md-7, .nospace .col-sm-7, .nospace .col-xs-7 { width: 58.3333333%; }
.nospace .col-6, .nospace .col-md-6, .nospace .col-sm-6, .nospace .col-xs-6 { width: 50%; }
.nospace .col-5, .nospace .col-md-5, .nospace .col-sm-5, .nospace .col-xs-5 { width: 41.6666666%; }
.nospace .col-4, .nospace .col-md-4, .nospace .col-sm-4, .nospace .col-xs-4 { width: 33.3333333%; }
.nospace .col-3, .nospace .col-md-3, .nospace .col-sm-3, .nospace .col-xs-3 { width: 25%; }
.nospace .col-2, .nospace .col-md-2, .nospace .col-sm-2, .nospace .col-xs-2 { width: 16.6666667%;}
.nospace .col-1, .nospace .col-md-1, .nospace .col-sm-1, .nospace .col-xs-1 { width: 8.33333333%; }




/*========================= MEDIUM/MD RESOLUTIONS ============================*/


@media only screen and (max-width: 992px) {
    
    
.bg-depoimento{
    padding-left:40px !important;
}


   .full-width{width:100%;}
    .product-info-holder, .resumo-linha-esquerda{
        border-left:0px !important;
    }

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

    .product-galery {
      overflow-x: auto;
      overflow-y: hidden;
      max-width:100%;
      max-height:150px;
    }

    .product-galery a{
        display:inline-block !important;
    }




}

