/* Base global extracted from page css */
/* Restored per-page CSS (home.css) from scoped bundles. */
:root{
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg-rgb:255,255,255;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient( 180deg,rgba(255,255,255,.15),rgba(255,255,255,0) );
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-bg:#fff
}

*, ::after, ::before{
  box-sizing:border-box
}

@media (prefers-reduced-motion:no-preference){
  :root{
    scroll-behavior:smooth
  }


}

body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family:var(--bs-body-font-family);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  color:var(--bs-body-color);
  text-align:var(--bs-body-text-align);
  background-color:var(--bs-body-bg);
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}

.page-content{
  flex:1;
}

hr{
  margin:1rem 0;
  color:inherit;
  background-color:currentColor;
  border:0;
  opacity:0.25
}

hr:not([size]){
  height:1px
}

h1, h2{
  margin-top:0;
  margin-bottom:0.5rem;
  font-weight:500;
  line-height:1.2
}

h1{
  font-size:calc(1.375rem + 1.5vw)
}

@media (min-width:1200px){
  h1{
    font-size:2.5rem
  }


}

h2{
  font-size:calc(1.325rem + 0.9vw)
}

@media (min-width:1200px){
  h2{
    font-size:2rem
  }


}

p{
  margin-top:0;
  margin-bottom:1rem
}

ul{
  padding-left:2rem;
  margin-top:0;
  margin-bottom:1rem
}

b{
  font-weight:bolder
}

a{
  color:#0d6efd;
  text-decoration:underline
}

a:hover{
  color:#0a58ca
}

img{
  vertical-align:middle
}

button{
  border-radius:0
}

button:focus:not(:focus-visible){
  outline:0
}

button, input{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button{
  text-transform:none
}

[type="button"], button{
  -webkit-appearance:button
}

[type="button"]:not(:disabled), button:not(:disabled){
  cursor:pointer
}

iframe{
  border:0
}

.container, .container-fluid{
  width:100%;
  padding-right:var(--bs-gutter-x,0.75rem);
  padding-left:var(--bs-gutter-x,0.75rem);
  margin-right:auto;
  margin-left:auto
}

@media (min-width:576px){
  .container{
    max-width:540px
  }


}

@media (min-width:768px){
  .container{
    max-width:720px
  }


}

@media (min-width:992px){
  .container{
    max-width:960px
  }


}

@media (min-width:1200px){
  .container{
    max-width:1140px
  }


}

@media (min-width:1400px){
  .container{
    max-width:1320px
  }


}

.row{
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  flex-wrap:wrap;
  display:flex;
  margin-top:calc(var(--bs-gutter-y) * -1);
  margin-right:calc(var(--bs-gutter-x) * -0.5);
  margin-left:calc(var(--bs-gutter-x) * -0.5)
}

.row > *{
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:calc(var(--bs-gutter-x) * 0.5);
  padding-left:calc(var(--bs-gutter-x) * 0.5);
  margin-top:var(--bs-gutter-y)
}

.col-4{
  flex:0 0 auto;
  width:33.33333333%
}

.col-3{
  flex:0 0 auto;
  width:25%
}

.col-6{
  flex:0 0 auto;
  width:50%
}

.col-8{
  flex:0 0 auto;
  width:66.66666667%
}

.col-12{
  flex:0 0 auto;
  width:100%
}

@media (min-width:576px){
  .col-sm-6{
    flex:0 0 auto;
    width:50%
  }

  .col-sm-12{
    flex:0 0 auto;
    width:100%
  }


}

@media (min-width:768px){
  .col-md-2{
    flex:0 0 auto;
    width:16.66666667%
  }

  .col-md-3{
    flex:0 0 auto;
    width:25%
  }

.col-md-4{
    flex:0 0 auto;
    width:33.33333333%
  }

.col-md-12{
    flex:0 0 auto;
    width:100%
  }


}

@media (min-width:992px){
  .col-lg-3{
    flex:0 0 auto;
    width:25%
  }


}

.form-control{
  display:block;
  width:100%;
  padding:0.375rem 0.75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius:0.25rem;
  transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .form-control{
    transition:none
  }


}

.form-control:focus{
  color:#212529;
  background-color:#fff;
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)
}

.form-control::placeholder{
  color:#6c757d;
  opacity:1
}

.form-control:disabled{
  background-color:#e9ecef;
  opacity:1
}

.input-group{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%
}

.input-group > .form-control{
  position:relative;
  flex:1 1 auto;
  width:1%;
  min-width:0
}

.input-group > .form-control:focus{
  z-index:3
}

.input-group-text{
  display:flex;
  align-items:center;
  padding:0.375rem 0.75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:center;
  white-space:nowrap;
  background-color:#e9ecef;
  border:1px solid #ced4da;
  border-radius:0.25rem
}

.input-group:not(.has-validation) >:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.input-group >:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left:-1px;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.btn{
  display:inline-block;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:0.375rem 0.75rem;
  font-size:1rem;
  border-radius:0.25rem;
  transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .btn{
    transition:none
  }


}

.btn:hover{
  color:#212529
}

.btn:focus{
  outline:0;
  box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)
}

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

.btn-primary{
  color:#fff;
  background-color:#0d6efd;
  border-color:#0d6efd
}

.btn-primary:hover{
  color:#fff;
  background-color:#0b5ed7;
  border-color:#0a58ca
}

.btn-primary:focus{
  color:#fff;
  background-color:#0b5ed7;
  border-color:#0a58ca;
  box-shadow:0 0 0 0.25rem rgba(49,132,253,0.5)
}

.btn-primary:active{
  color:#fff;
  background-color:#0a58ca;
  border-color:#0a53be
}

.btn-primary:active:focus{
  box-shadow:0 0 0 0.25rem rgba(49,132,253,0.5)
}

.btn-primary:disabled{
  color:#fff;
  background-color:#0d6efd;
  border-color:#0d6efd
}

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

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

.btn-success:focus{
  color:#fff;
  background-color:#157347;
  border-color:#146c43;
  box-shadow:0 0 0 0.25rem rgba(60,153,110,.5)
}

.btn-success:active{
  color:#fff;
  background-color:#146c43;
  border-color:#13653f
}

.btn-success:active:focus{
  box-shadow:0 0 0 0.25rem rgba(60,153,110,.5)
}

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

.btn-warning{
  color:#000;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-warning:hover{
  color:#000;
  background-color:#ffca2c;
  border-color:#ffc720
}

.btn-warning:focus{
  color:#000;
  background-color:#ffca2c;
  border-color:#ffc720;
  box-shadow:0 0 0 0.25rem rgba(217,164,6,.5)
}

.btn-warning:active{
  color:#000;
  background-color:#ffcd39;
  border-color:#ffc720
}

.btn-warning:active:focus{
  box-shadow:0 0 0 0.25rem rgba(217,164,6,.5)
}

.btn-warning:disabled{
  color:#000;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-sm{
  padding:.25rem .5rem;
  font-size:.875rem;
  border-radius:.2rem
}

.fade{
  transition:opacity .15s linear
}

@media (prefers-reduced-motion:reduce){
  .fade{
    transition:none
  }
}

.fade:not(.show){
  opacity:0
}

.nav{
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}

.nav-link{
  display:block;
  padding:.5rem 1rem;
  color:#0d6efd;
  text-decoration:none;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .nav-link{
    transition:none
  }
}

.nav-link:focus, .nav-link:hover{
  color:#0a58ca
}

.nav-tabs{
  border-bottom:1px solid #dee2e6
}

.nav-tabs .nav-link{
  margin-bottom:-1px;
  background:0 0;
  border:1px solid transparent;
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  border-color:#e9ecef #e9ecef #dee2e6;
  isolation:isolate
}

.nav-tabs .nav-link.active{
  color:#495057;
  background-color:#fff;
  border-color:#dee2e6 #dee2e6 #fff
}

.tab-content > .tab-pane{
  display:none
}

.tab-content > .active{
  display:block
}

.collapse:not(.show){
  display:none
}

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

@media (prefers-reduced-motion:reduce){
  .offcanvas{
    transition:none
  }
}

.offcanvas-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1rem
}

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

.offcanvas-start{
  top:0;
  left:0;
  width:400px;
  border-right:1px solid rgba(0,0,0,.2);
  transform:translateX(-100%)
}

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

@media (min-width:992px){
  .navbar-expand-lg .offcanvas{
    position:inherit;
    bottom:0;
    z-index:1000;
    flex-grow:1;
    visibility:visible!important;
    background-color:transparent;
    border-right:0;
    border-left:0;
    transition:none;
    transform:none
  }

  .navbar-expand-lg .offcanvas-header{
    display:none
  }

  .navbar-expand-lg .offcanvas-body{
    display:flex;
    flex-grow:0;
    padding:0;
    overflow-y:visible
  }
}

.navbar{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.navbar > .container, .navbar > .container-fluid{
  display:flex;
  flex-wrap:inherit;
  align-items:center;
  justify-content:space-between
}

.navbar-brand{
  padding-top:0.3125rem;
  padding-bottom:0.3125rem;
  margin-right:1rem;
  font-size:1.25rem;
  text-decoration:none;
  white-space:nowrap
}

.navbar-nav{
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}

.navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
  align-items:center
}

.navbar-toggler{
  padding:0.25rem 0.75rem;
  font-size:1.25rem;
  line-height:1;
  background-color:transparent;
  border:1px solid transparent;
  border-radius:0.25rem;
  transition:box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .navbar-toggler{
    transition:none
  }


}

.navbar-toggler:hover{
  text-decoration:none
}

.navbar-toggler:focus{
  text-decoration:none;
  outline:0;
  box-shadow:0 0 0 0.25rem
}

.navbar-toggler-icon{
  display:inline-block;
  width:1.5em;
  height:1.5em;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%
}

@media (min-width:992px){
  .navbar-expand-lg{
    flex-wrap:nowrap;
    justify-content:flex-start
  }

.navbar-expand-lg .navbar-nav{
    flex-direction:row
  }

.navbar-expand-lg .navbar-collapse{
    display:flex!important;
    flex-basis:auto
  }

.navbar-expand-lg .navbar-toggler{
    display:none
  }


}

.navbar-light .navbar-brand{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler{
  color:rgba(0,0,0,0.55);
  border-color:rgba(0,0,0,0.1)
}

.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.d-flex{
  display:flex!important
}

.w-100{
  width:100%!important
}

.flex-column{
  flex-direction:column!important
}

.justify-content-center{
  justify-content:center!important
}

.justify-content-end{
  justify-content:flex-end!important
}

.justify-content-between{
  justify-content:space-between!important
}

.align-items-center{
  align-items:center!important
}

.mt-2{
  margin-top:.5rem!important
}

.mt-3{
  margin-top:1rem!important
}

.mt-4{
  margin-top:1.5rem!important
}

.mt-5{
  margin-top:3rem!important
}

.me-auto{
  margin-right:auto!important
}

.mb-2{
  margin-bottom:.5rem!important
}

.mb-3{
  margin-bottom:1rem!important
}

.mb-4{
  margin-bottom:1.5rem!important
}

.p-2{
  padding:.5rem!important
}

.p-3{
  padding:1rem!important
}

.pt-1{
  padding-top:.25rem!important
}

.pb-4{
  padding-bottom:1.5rem!important
}

.border{
  border:1px solid #dee2e6!important
}

.border-1{
  border-width:1px!important
}

.text-center{
  text-align:center!important
}

.text-secondary{
  color:rgba(var(--bs-secondary-rgb),1)!important
}

.text-danger{
  color:rgba(var(--bs-danger-rgb),1)!important
}

.text-warning{
  color:rgba(var(--bs-warning-rgb),1)!important
}

.text-light{
  color:rgba(var(--bs-light-rgb),1)!important
}

.text-dark{
  --bs-text-opacity:1!important
}

.text-white{
  color:rgba(var(--bs-white-rgb),1)!important
}

.bg-light{
  background-color:rgba(var(--bs-light-rgb),1)!important
}

.bg-dark{
  background-color:rgba(var(--bs-dark-rgb),1)!important
}

.bg-white{
  background-color:rgba(var(--bs-white-rgb),1)!important
}

@media (min-width:992px){
  .mb-lg-0{
    margin-bottom:0!important
  }


}

body{
  background-color:#fff!important;
  color:#111;
  font-size:14px;
  line-height:22px
}

.fa-search{
  color:#232f3c
}

a, a:hover, a:focus, a:active{
  text-decoration:none;
  color:#0ec654
}

.text-darknew{
  color:#232f3c
}

.img-usernew{
  color:#232f3c
}

.descriptionCategorynew{
  color:#666
}

.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
}

.bg-nav{
  background-color:#232f3c;
  padding:12px 0
}

.bg-default{
  background-color:#0ec654
}

.bgInt{
  padding:0 6px;
  margin:0 auto
}

.form-nav{
  display:flex
}

@media screen and (max-width:778px){
  .form-nav{
    display:flex;
    flex-wrap:wrap
  }

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

.btnMini{
  background-color:#0ec654;
  padding:0!important;
  display:inline-block;
  border-radius:2px;
  font-size:12px;
  margin-left:10px;
  color:#232f3c;
  width:60px;
  display:flex;
  align-items:center;
  justify-content:center
}

.btn-default{
  background-color:#0ec654;
  padding:0!important;
  display:inline-block;
  border-radius:2px;
  font-size:12px;
  margin-left:10px;
  color:#232f3c;
  width:180px;
  display:flex;
  align-items:center;
  justify-content:center
}

.text-dk:hover{
  color:#fff!important
}

.btn-default2{
  background-color:#0ec654;
  padding:0!important;
  display:inline-block;
  border-radius:2px;
  font-size:12px;
  margin-left:10px;
  color:#232f3c;
  width:220px;
  display:flex;
  align-items:center;
  justify-content:center
}

.logo{
  color:#fff;
  font-size:24px;
  font-weight:400;
  display:inline-block;
  line-height:34px
}

.text-default{
  color:#016f65
}

.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
}

/* Shared group card UI used on home and author pages */
.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
}