/* Page-specific styles: home.css */
.cardGroup{
  float:left;
  padding:0 8px;
  margin-bottom:16px;
  text-align:center
}

.cardGroupInt{
  background-color:#fff;
  padding:18px 10px;
  box-shadow:2px 2px 7px rgba(0,0,0,.2),-2px -2px 7px rgba(0,0,0,.2),2px -2px 7px rgba(0,0,0,.2),-2px 2px 7px rgba(0,0,0,.2)!important;
  height:100%;
  overflow:hidden
}

.cardGroupInt .picture{
  margin-top:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%
}

.imgGroup{
  width:130px;
  height:130px;
  margin-bottom:10px;
  margin:0 auto;
  display:block;
  object-fit:cover;
  border-radius:50%
}

.titleGroup{
  font-size:14px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0 0 8px;
  padding:0 5px;
  color:#333;
  font-weight:600;
  height:26px
}

.categoGroup{
  display:block;
  color:#868686;
  margin-bottom:15px
}

.categoGroup:hover{
  color:#868686
}

.btnGroup{
  background-color:#232f3c;
  padding:5px 6px;
  display:block;
  width:100%;
  margin:0 auto;
  border-radius:2px;
  font-size:12px;
  font-weight:600
}

.btnGroup-vip{
  background-color:#232f3c;
  padding:5px 6px;
  display:block;
  color:#fff!important;
  width:100%;
  margin:0 auto;
  border-radius:2px;
  font-size:12px;
  font-weight:600
}

.ribbon{
  position:relative;
  top:-9px;
  right:-16px
}

.ribbon .banner{
  z-index:2;
  transform:rotate(45deg);
  color:#fff;
  display:block;
  float:right;
  position:relative;
  right:0;
  top:22px;
  width:100px
}

.ribbon .text, .ribbon .banner{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}

.ribbon .banner:after, .ribbon .banner:before{
  background-color:#51a351
}

.ribbon .banner:before{
  transform:skewY(-45deg) translate(50%,15px);
  transform-origin:100% center;
  left:-45px
}

.ribbon .banner:after, .ribbon .banner:before{
  content:"";
  display:block;
  height:12px;
  position:absolute;
  width:30px
}

.ribbon .text{
  position:relative;
  z-index:2;
  padding:2px 0;
  font-size:14px;
  font-weight:700;
  min-height:18px;
  line-height:26px;
  text-shadow:1px 1px 1px rgba(0,0,0,.2);
  white-space:nowrap;
  text-overflow:ellipsis
}

.ribbon .text:before, .ribbon .text:after{
  background-color:#0ec654
}

.ribbon .text:before{
  transform:translateX(-17%) skewX(-45deg)
}

.ribbon .text:before, .ribbon .text:after{
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

.ribbon .text:after{
  transform:translateX(15%) skewX(45deg)
}

.ribbon .banner:after{
  transform:translate(100%,-100%) skewY(45deg) translateX(-58%);
  transform-origin:0 center;
  right:-26px;
  left:87px;
  top:29px
}

.ribbon-vip{
  position:relative;
  top:-9px;
  right:-16px
}

.ribbon-vip .banner{
  z-index:2;
  transform:rotate(45deg);
  color:#000;
  display:block;
  float:right;
  position:relative;
  right:0;
  top:22px;
  width:100px
}

.ribbon-vip .text, .ribbon-vip .banner{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  background-color:#dc3545
}

.ribbon-vip .banner:before{
  transform:skewY(-45deg) translate(50%,15px);
  transform-origin:100% center;
  left:-45px
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before{
  content:"";
  display:block;
  height:12px;
  position:absolute;
  width:30px
}

.ribbon-vip .text{
  position:relative;
  z-index:2;
  padding:2px 0;
  font-size:14px;
  font-weight:700;
  min-height:18px;
  line-height:26px;
  text-shadow:1px 1px 1px rgba(0,0,0,.2);
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#fff
}

.ribbon-vip .text:before, .ribbon-vip .text:after{
  background-color:#dc3545
}

.ribbon-vip .text:before{
  transform:translateX(-15%) skewX(-45deg)
}

.ribbon-vip .text:before, .ribbon-vip .text:after{
  content:"";
  display:block;
  height:30px;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}

.ribbon-vip .text:after{
  transform:translateX(15%) skewX(45deg)
}

.ribbon-vip .banner:after{
  transform:translate(100%,-100%) skewY(45deg) translateX(-58%);
  transform-origin:0 center;
  right:-26px;
  left:87px;
  top:29px
}

.ribbon-vip .banner:after, .ribbon-vip .banner:before, .ribbon .banner:after, .ribbon .banner:before{
  display:none
}

.textCategory{
  border-bottom:2px #efefef solid;
  color:#333;
  font-size:14px;
  font-weight:600;
  margin:0 0 15px;
  padding:0 0 4px;
  position:relative;
  text-transform:uppercase;
  text-align:center
}

.textCategory:after{
  position:absolute;
  content:"";
  bottom:-2px;
  left:0;
  height:2px;
  width:100%;
  background-color:#009688
}

.w-30{
  width:30%
}

.w-65{
  width:65%;
  margin-left:5%
}

.descriptionCategory{
  color:#666!important;
  font-size:12px;
  line-height:18px;
  overflow:hidden;
  height:54px;
  margin:0;
  padding:0;
  text-overflow:ellipsis
}

h1, h2{
  font-weight:400!important;
  min-height:20px;
  line-height:26px
}

h2{
  margin:0 0 20px;
  font-size:22px
}

a{
  color:#0ec654;
  text-decoration:none
}

.footer{
  background-color:#232f3c;
  color:#fff
}

.aneTema5f541e{
  margin:0 0 15px;
  padding:0;
  list-style:none;
  text-align:center
}

.aneTema5f541e li{
  display:inline-block;
  margin:0 8px 3px
}

.form-nav{
  display:flex
}

@media screen and (max-width:778px){
  .cardGroup{
    float:left;
    width:100%;
    padding:0 10px;
    margin-bottom:16px;
    text-align:center
  }

.form-nav{
    display:flex;
    flex-wrap:wrap
  }

.btn-default, .btn-default2, .btnMini{
    margin-left:0
  }

.btn-nav{
    margin-top:10px;
    width:100%;
    height:40px;
    margin-bottom:10px
  }


}

.btn-primary{
  color:#fff;
  background-color:#232f3c;
  border-color:#161f28
}

.btn-primary:hover{
  color:#fff!important;
  background-color:#161f28;
  border-color:#232f3c
}

@media screen and (max-width:768px){
  #fixar{
    display:flex
  }

  .btn-space .btn-success{
    margin-top:4px
  }
}

:root{
  overflow-x:hidden!important
}

.nav-toggle{
  height:35px;
  width:35px;
  display:flex;
  justify-content:center;
  align-items:center
}

.nav-toggle i{
  font-size:0.8rem;
  color:#000
}

.search-button-nav{
  height:35px;
  width:35px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:0.8rem
}

.search-button-nav i{
  font-size:0.8rem
}

#form-search-mobile{
  position:absolute;
  width:100%;
  display:none
}

.text-navbrand-nav{
  font-size:1.4rem;
  margin:0
}

h1, h2, span{
  background-color:transparent!important;
  font-family:'open sans',sans-serif
}

.homeh1{
  font-size:24px;
  text-align:center
}

.img-user{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}

#topBtn{
  display:none;
  position:fixed;
  bottom:20px;
  right:30px;
  z-index:99;
  font-size:22px;
  border:none;
  outline:none;
  background-color:transparent;
  color:rgb(42,70,91);
  cursor:pointer;
  padding:15px;
  border-radius:4px
}

.offcanvas{
  position:fixed;
  top:0;
  bottom:0;
  z-index:1045;
  display:flex;
  flex-direction:column;
  max-width:100%;
  visibility:hidden;
  background-color:#232f3c;
  transition:transform .3s ease-in-out
}

.offcanvas-start{
  left:0;
  width:280px;
  transform:translateX(-100%)
}

.offcanvas.show{
  transform:none;
  visibility:visible
}

.offcanvas-body{
  flex-grow:1;
  padding:1rem;
  overflow-y:auto
}

.disabled{
  background-color:#198754!important
}

.btn-success{
  color:#fff;
  background-color:#198754;
  border-color:#198754
}

.btn.disabled{
  pointer-events:none;
  opacity:0.7
}

.btn-success:hover{
  color:#fff;
  background-color:#157347;
  border-color:#146c43
}

.btn-space .btn-success{
  margin-left:2px;
  margin-right:2px
}

.boxnovo{
  box-shadow:2px 2px 5px rgba(0,0,0,0.2),-2px -2px 5px rgba(0,0,0,0.2),2px -2px 5px rgba(0,0,0,0.2),-2px 2px 5px rgba(0,0,0,0.2)!important
}

#textSemCor p, h1, h2, h3, h4, h5, h6, span{
  background-color:transparent!important;
  font-family:'open sans',sans-serif
}

.disabled{
  background-color:#198754!important
}

.homeh1{
  font-size:24px;
  text-align:center;
  margin:0!important
}

.buttonhome1{
  background-color:#0088cc;
  padding:7px 54px;
  border:none;
  color:white;
  text-decoration:none;
  border-radius:5px
}

.buttonhome2{
  background-color:#7289da;
  padding:7px 59px;
  border:none;
  color:white;
  text-decoration:none;
  border-radius:5px
}

.buttonhome1:hover, .buttonhome1:focus, .buttonhome1:active{
  color:white!important
}

.buttonhome2:hover, .buttonhome2:focus, .buttonhome2:active{
  color:white!important
}

.img-user{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}

@media screen and(min-width:768px){
  .sumirdesktop{
    display:none!important
  }


}