/* -------------------------------------------------- CUSTOMIZACAO ---------------------------------------------------*/
  .w3-opacity, .w3-opacity2, .w3-opacity3 {
    font-family: UnisansSemiBold;
    }

/* SOMENTE ACIMA DE 850px */
@media screen and (min-width: 850px) {

    .menubanner {
    color:white; padding-top:20px; font-size: 35px;height: 200px;width: 100%;display: block;max-width: 1280px;margin: 0 auto;}

  .w3-opacity {
    text-decoration: none;
    text-align: right;
    line-height: 150px;
    width:90%;
    max-height:140px;
      background-size: cover;
      background-image: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2019/08-agosto/09/img/thumb1.jpg);}
  
    .w3-opacity2 {
    text-decoration: none;
    text-align: right;
    line-height: 150px;
    max-height:140px;
    width:90%;
        background-size: cover;
      background-image: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2019/08-agosto/09/img/thumb2.jpg);}
  
    .w3-opacity3 {
    text-decoration: none;
    text-align: right;
    line-height: 150px;
    max-height:140px;
    width:90%;
    background-size: cover;
      background-image: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2019/08-agosto/09/img/thumb3.jpg);}
  }

/* SOMENTE ABAIXO DE 850px */
  @media screen and (max-width: 850px) {

      .menubanner {
      color:white;padding-top:20px;height: 100px; margin-left: auto;margin-right:auto;}
      .w3-opacity {
      padding: 20px;
      margin-top: 10px;
      background-image: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2019/08-agosto/09/thumb1.jpg);}
      .w3-opacity2 {
      padding: 20px;
      margin-top: 10px;
      background-image: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2019/08-agosto/09/thumb2.jpg);}
      .w3-opacity3 {
      padding: 20px;
      margin-top: 10px;
      background-image: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2019/08-agosto/09/thumb3.jpg);}
    }



/* ---------------------------------------- ANIMACAO BOTAO - SLIDE LEFT - SOMENTE ACIMA DE 850px ------------------------------------------*/

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


/* ANIMACAO - BOTAO 1 */
.w3-opacity  {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.w3-opacity:before {
  content: "";position: absolute;z-index: -1;border-radius: 90px 0px 0px 90px;top: 0;left: 25%;right: 0;bottom: 0;background: #fd1638;-webkit-transform: scaleX(0);transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.w3-opacity:hover, .w3-opacity:focus, .w3-opacity:active { color: white;
}
.w3-opacity:hover:before, .w3-opacity:focus:before, .w3-opacity:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);
}


/* ANIMACAO - BOTAO 2 */
.w3-opacity2  {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.w3-opacity2:before {
  content: "";position: absolute;z-index: -1;border-radius: 90px 0px 0px 90px;top: 0;left: 25%;right: 0;bottom: 0;background: #fd1638;-webkit-transform: scaleX(0);transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.w3-opacity2:hover, .w3-opacity2:focus, .w3-opacity2:active { color: white;
}
.w3-opacity2:hover:before, .w3-opacity2:focus:before, .w3-opacity2:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);
}


/* ANIMACAO - BOTAO 3 */
.w3-opacity3  {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.w3-opacity3:before {
  content: "";position: absolute;z-index: -1;border-radius: 90px 0px 0px 90px;top: 0;left: 25%;right: 0;bottom: 0;background: #fd1638;-webkit-transform: scaleX(0);transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.w3-opacity3:hover, .w3-opacity3:focus, .w3-opacity3:active { color: white;
}
.w3-opacity3:hover:before, .w3-opacity3:focus:before, .w3-opacity3:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);

}
}



















.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}