@font-face {font-family: "Roboto"; src: url('../fonts/Roboto-Light.ttf'); font-weight: 300;}
@font-face {font-family: "Roboto"; src: url('../fonts/Roboto-Regular.ttf'); font-weight: 400;}
@font-face {font-family: "Roboto"; src: url('../fonts/Roboto-Medium.ttf'); font-weight: 600;}
@font-face {font-family: "Roboto"; src: url('../fonts/Roboto-Bold.ttf'); font-weight: 700;}
@font-face {font-family: "Poppins"; src: url('../fonts/Poppins-Light.ttf'); font-weight: 300;}
@font-face {font-family: "Poppins"; src: url('../fonts/Poppins-Regular.ttf'); font-weight: 400;}
@font-face {font-family: "Poppins"; src: url('../fonts/Poppins-Bold.ttf'); font-weight: 700;}

html {font-size: 100%; max-width: 100%; }
body {font-size: 100%; font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
body::before{position: absolute; content: ""; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 3; transition: all 0.2s ease;}
h1, h2, h3, h4, h5, h6{font-family: "Poppins", sans-serif; font-weight: 700;}

.btn{transition: all 0.2s ease; font-family: "Poppins", sans-serif;}
.btn:hover,
.btn:active{transform: scale(1.1); }
.zoom{overflow: hidden;}
.zoom img{object-fit: cover; transition: all 0.3s ease;}
.zoom img:hover{transform: scale(1.1);}
.fit{object-fit: cover;}
.back-show{position: fixed; overflow-y: hidden;}
.back-hidden{position: static;}
.back-show::before{display: block; transition: all 0.3s ease}
.back-hidden::before{display: none; transition: all 0.3s ease}
.breadcrumb .small{font-size: 0.8rem;}
.invalid-feedback{color: #f5e304 !important;}
.form-control.is-invalid, .was-validated .form-control:invalid{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f5e304'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;}
.font-poppins{font-family: "Poppins", sans-serif;}
.text-xs{font-size: 0.75rem;}
.text-sm{font-size: 0.85rem;}
.skew{transform: skew(50deg) translateX(-30px); backface-visibility : hidden;}
.skew-adjust{transform: skew(-50deg)}
.topmenu-container{height: 50px;}
.adjust-title{margin-bottom: 10rem;}
.title::before{position: absolute; content:""; width: 20px; left: -24px; top: 5px; height: 100%; background-color: #dc3545; transform: skew(30deg)}
.mb-title{margin-bottom: 4rem;}

header.fixed-top div.logo-row{height: 100px;}
header.fixed-top img.logo{height: 50px;}
header.fixed-top ul.nav .nav-link{font-size: 0.85rem; color: #FFFFFF;}
header.fixed-top ul.nav > li{height: 100%; display: flex; align-items: center;}

header#topmenu-mobile > div.fixed-top{height: 50px;}

header div.sidebar{width: 85vw; padding-top: 50px; padding-bottom: 100px; transition: all 0.3s ease; z-index: 3; overflow-y: auto;}
header div.sidebar.hide{transform: translateX(-100%);}
header div.sidebar.show{transform: translateX(0);}
header div.sidebar a{padding: 0; color: #242424 !important; text-decoration: none;}
header div.sidebar ul.nav{flex-direction: column;}
header div.sidebar ul.nav li.deeper{border-bottom: solid 2px #ededed;}
header div.sidebar ul.nav li.deeper > a{border-bottom: solid 2px #ededed; font-size: 85%; color: #CCC;}
header div.sidebar ul.nav-child{list-style: none; padding-left: 0; display: none !important;}
header div.sidebar ul.nav-child li{position: relative; padding-left: 16px !important;}
header div.sidebar ul.nav-child li::before{position: absolute; content: "\F285"; left: 0; font-family: "bootstrap-icons";}
header div.sidebar ul.nav li{padding: 6px 0;}
ul.nav-child.unstyled.small { display: none;}

main.home section.banner h2::after{ position: absolute; content: ""; width: 100%; height: 6px; background-color: #77933e; bottom: -10px; left: 0; }
main.home section.areas-de-atuacao a.card{padding-top: 6rem;}
main.home section.equipe div.card{transition: all 0.2s ease;}
main.home section.equipe div.card:hover{transform: scale(1.04);}
main.home section.blog div.left a.card{transition: all 0.2s ease;}
main.home section.blog div.left a.card:hover{transform: scale(1.04);}

main.interna{margin-top: 150px;}
main.interna section.blog{padding-top: 20px;}
main.interna div.blog-item div.text-wrapper p{font-size: 1.25rem; letter-spacing: -0.03em; line-height: 150%; margin: 5% 0;}
main.interna div.blog-item div.text-wrapper blockquote p{font-size: 2rem; font-weight: 600; letter-spacing: -0.04em; line-height: 150%; margin-bottom: 5%; border-left: solid 4px #77933e; padding-left: 1rem; }
main.interna div.blog-item div.text-wrapper ul{list-style: none; margin: 0; padding: 0;}
main.interna div.blog-item div.text-wrapper ul li{margin: 1rem 0; padding: 0 1.4rem; position: relative; font-size: 1.25rem;}
main.interna div.blog-item div.text-wrapper ul li::before{position: absolute; content: "\F231"; left: 0; font-family: "bootstrap-icons"; color: #77933e;}

main.interna div.text-wrapper blockquote p{font-weight: 600; letter-spacing: -0.04em; line-height: 150%; border-left: solid 4px #77933e; padding-left: 1rem; }
main.interna div.text-wrapper ul{list-style: none; margin: 0; padding: 0;}
main.interna div.text-wrapper ul li{margin: 0.5rem 0; padding: 0 1.4rem; position: relative;}
main.interna div.text-wrapper ul li::before{position: absolute; content: "\F231"; left: 0; font-family: "bootstrap-icons"; color: #77933e;}

main.interna div.right h3.title{margin-left: 20px; padding-left: 16px; margin-bottom: 20px; border-bottom: solid 5px; border-color: #dc3545; }
main.interna div.right h3.title::before{position: absolute; content:""; width: 20px; left: -13px; bottom: 0; height: 100%; background-color: #dc3545; transform: skew(30deg)}

section.contato textarea{height: 120px !important;}

footer{height: 70px;}

ul.pagination a.page-link{color: #061c3d; background-color: #FFF;} 
ul.pagination a.page-link:hover{background-color: #dc3545; color: #FFF;}
ul.pagination li.page-item.active a.page-link{background-color: #dc3545; border-color: #dc3545; color: #FFF;}
ul.pagination li.page-item.disabled span.page-link{background-color: #f8f9fa;}

/* xs */
@media (max-width: 575.98px) {

  .adjust-title{margin-bottom: 2rem;}

  header.fixed-top ul.nav .nav-link{padding: 0;}

  div.slider-atuacao .slick-dots {bottom: -30px;}
  main.interna{margin-top: 50px;}

  main.home section.areas-de-atuacao div.card-container{margin-top: 6rem;}

  main.interna div.blog-item div.content{margin-top: -15%;}
  main.interna div.blog-item div.text-wrapper blockquote p{font-size: 1.5rem; font-weight: 600; letter-spacing: -0.04em; line-height: 120%; margin-bottom: 5%; border-left: solid 4px #77933e; padding-left: 1rem; }
  main.interna div.blog-item div.text-wrapper ul li{margin: 0.5rem 0; padding: 0 1.4rem; position: relative; font-size: 1.25rem;}
  
  footer{height: auto;}
  footer p{font-size: 0.75rem;}
}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) { }

/* md */
@media (min-width: 768px) and (max-width: 991.98px) { }

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

  header.fixed-top ul.nav .nav-link{padding: 0 0.3rem;}
}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {


}

/* xxl */
@media (min-width: 1400px) {  }


@media screen and (prefers-reduced-motion:reduce) {
  .form-control{transition: all 0.3s ease !important;}
  .form-floating > label{transition: all 0.3s ease !important;}
  .btn{transition: all 0.3s ease !important;}
  .fade{transition: all 0.3s ease !important;}
  .collapsing{transition: all 0.3s ease !important;}
  .custom-switch .custom-control-label::after{transition: all 0.3s ease !important;}
  .custom-range::-webkit-slider-thumb{-webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-range::-moz-range-thumb{-moz-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-range::-ms-thumb{-ms-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-control-label::before,
  .custom-file-label,
  .custom-select{transition: all 0.3s ease !important;}
  .badge{transition: all 0.3s ease !important;}
  .progress-bar{transition: all 0.3s ease !important;}
  .progress-bar-animated{-webkit-animation:none; animation:none}
  .modal.fade .modal-dialog{transition: all 0.3s ease !important;}
  .carousel-item{transition: all 0.3s ease !important;}
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right{transition: all 0.3s ease !important;}
  .carousel-control-next,
  .carousel-control-prev{transition: all 0.3s ease !important;}
  .carousel-indicators li{transition: all 0.3s ease !important;}
}