@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');

html{height: 100%; font-size: 100%; scroll-behavior: smooth;}
body{font-size: 100%; font-family: Roboto, sans-serif; color: #144634; width: 100%; height: 100%; overflow-x: hidden; position: relative;}
div#over {background-color: rgba(0,0,0,0.5); display: none; top: 60px; z-index: 1000;}
h1,h2,h3,h4,h5,h6{color: #144634; font-weight: 900; }
.fs-6{font-size: 0.85rem !important;}

.text-yellow{color: #fbed0a;}
.bg-yellow{background-color: #fbed0a;}
.border-yellow{border-color: #fbed0a;}
.btn{background-color: #fbed0a !important; border-color: #fbed0a !important; font-weight: bold !important; font-size: 0.875rem !important; color: #183170 !important; text-transform: uppercase !important; border-radius: 0.5rem; padding-left: 20px !important; padding-right: 20px;}

.text-blue{color: #183170;}
.bg-blue{background-color: #183170;}
.img-rounded{border-radius: 32px;}

button:focus,
.btn:focus, 
.btn:hover,
.form-control:focus{outline: 0 !important; box-shadow: none !important;}

a.whatsapp-flutuante{position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 1px 1px 2px #888; z-index:1000;}

header#topmenu{z-index: 5;}
header#topmenu div.col-logo{height: 300px; border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem;}
header#topmenu ul.nav a{color: #FFF; text-decoration: none; transition: all 0.3s ease; font-size: 1rem;}
header#topmenu ul.nav li{padding: 5px 9px;}
header#topmenu ul.nav li.active{background-color: #fbed0a; border-radius: 6px;}
header#topmenu ul.nav li a:hover{text-decoration: none;}
header#topmenu ul.nav li.active a{font-weight: bold; color: #183170;}

footer ul.nav a{text-decoration: none; color: #FFF; font-weight: 400; font-size: 0.85rem;}
footer ul.nav li{transition: all 0.3s ease; }
footer ul.nav li:hover{padding-left: 10px;}

header#topmenu-mobile div.topbar{height: 60px;}
header#topmenu-mobile div.sidebar{-webkit-transform: translateX(-100%); transform: translateX(-100%); transition: transform 200ms ease-out; will-change: transform; width: 85%;  z-index: 2000; overflow-x: hidden; }
header#topmenu-mobile div.sidebar.show-sidebar{-webkit-transform: none; transform: none; transition: transform 200ms ease-out;}
header#topmenu-mobile div.sidebar ul{flex-direction: column; list-style: none; padding: 0; margin: 0;}
header#topmenu-mobile div.sidebar li{text-align: left; padding-top: 12px; padding-bottom: 12px;}
header#topmenu-mobile div.sidebar li a{text-decoration: none; color: #424242; font-size: 0.9rem;}
header#topmenu-mobile div.sidebar li.parent > a{text-transform: uppercase; color: #666; font-size: 0.75rem; display: block; width: 100%; background-color: #ededed; padding: 10px; border-bottom: solid 2px #dedede;}
header#topmenu-mobile div.sidebar ul.nav-child{padding-left: 10px;}
header#topmenu-mobile div.sidebar ul.nav-child li.nav-item.item-143,
header#topmenu-mobile div.sidebar ul.nav-child li.nav-item.item-144,
header#topmenu-mobile div.sidebar ul.nav-child li.nav-item.item-145{line-height: 16px;}

section#banner div.carousel{height: calc(100vh - 112px);}
section#banner div.carousel-item::before{position: absolute; content: ""; z-index: 2; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(24,49,112,1) 0%, rgba(24,49,112,0) 100%);}
section#banner div.carousel-item div.container{z-index: 5;}
section#banner div.carousel ul{z-index: 3; border: solid 6px #FFF; border-radius: 32px;}
section#banner div.carousel ul li{cursor: pointer;}
section#banner div.carousel ul li:first-child img{border-top-left-radius: 32px; border-bottom-left-radius: 32px;}
section#banner div.carousel ul li:last-child img{border-top-right-radius: 32px; border-bottom-right-radius: 32px;}

section#banner-mobile::after{position: absolute;  content: ""; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(24,49,112,1) 0%, rgba(24,49,112,0) 100%);}
section#banner-mobile > div{z-index: 4;}

div.img-wrapper{z-index: 2;}

section#sobre div.img-wrapper::before{position: absolute; content: ""; top: -40px; right: 30%; border: solid 3px #183170; border-radius: 32px; width: 200%; height: 100%; z-index: -1;}
section#mercado div.img-wrapper::before{position: absolute; content: ""; top: -40px; left: 20%; border: solid 3px #183170; border-radius: 32px; width: 200%; height: 100%; z-index: -1;}
section#ambiente div.img-wrapper::before{position: absolute; content: ""; top: -40px; right: 20%; border: solid 3px #ededed; border-radius: 32px; width: 200%; height: 100%; z-index: -1;}

section#produtos div#carousel-produtos a.carousel-control-prev{width: 64px; height: 64px; transform: translateX(-100%); opacity: 1 !important;}
section#produtos div#carousel-produtos a.carousel-control-next{width: 64px; height: 64px; transform: translateX(100%); opacity: 1 !important;}

section#mercado{background-color: #e3e4e6; padding: 120px 0;}
section#ambiente{padding: 120px 0;}

section#contato textarea{height: 180px;}
section#contato input, section#contato textarea{border-radius: 12px; border-color: #ededed !important;}
section#contato a.mapboxgl-ctrl-logo { display:none; }
section#contato div.mapboxgl-ctrl-attrib-inner { display:none; } 
section#contato .marker{width: 16px; height: 16px; background-color: #d9030b; border-radius: 50%; z-index: 100;}
section#contato .effect{width: 16px; height: 16px; background-color: #d9030b; border-radius: 50%; }

div#banner-interno::before{position: absolute; content: ""; z-index: 2; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(24,49,112,1) 0%, rgba(24,49,112,0.5) 100%);}
div#banner-interno > div{z-index: 3;}

main.home section#contato input,
main.home section#contato textarea{background-color: #f8f9fa;}

main.interna section#contato{background-color: #f8f9fa; border-top: 1px solid #dee2e6 !important;}

main.interna div.item-page{padding-bottom: 60px;}
main.interna div.item-page.nossa-historia section#historia{margin-top: 80px;}
main.interna div.item-page.nossa-historia section#historia ul.nav::after{position: absolute; content: ""; width: 100%; height: 6px; top: 60px; z-index: -1; background-color: #e3e4e6;}
main.interna div.item-page.nossa-historia section#historia button.nav-link{width: 120px; height: 120px; background-color: #e3e4e6;}
main.interna div.item-page.nossa-historia section#historia button.nav-link.active{background-color: #183170;}
main.interna div.item-page.nossa-historia section#historia button.nav-link.active::after{position: absolute; content: ""; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #949396; left: 35px; top: 130px;}
main.interna div.item-page.nossa-historia section#historia div.img-wrapper::before{position: absolute; content: ""; top: -40px; right: 30%; border: solid 3px #183170; border-radius: 32px; width: 200%; height: 100%; z-index: -1;}
main.interna div.item-page.nossa-historia section#historia div.tab-content{margin-top: 120px;}

main.interna div.item-page.a-empresa section#empresa{margin-top: 100px;}
main.interna div.item-page.a-empresa div.img-wrapper::before{position: absolute; content: ""; top: -40px; right: 30%; border: solid 3px #183170; border-radius: 32px; width: 200%; height: 100%; z-index: -1;}

main.interna div.item-page.produtos div.card{transition: all 300ms ease;}
main.interna div.item-page.produtos div.card:hover{transform: scale(1.1);}
main.interna div.item-page.produto div.wrapper{margin-top: 60px;}
main.interna div.item-page.produto div.accordion{margin-top: 60px;}
main.interna div.item-page.produto button.accordion-button:not(.collapsed) {color: #ffffff; background-color: #183170;}

main.interna div.item-page.meio-ambiente{padding-bottom: 0;}
main.interna div.item-page.meio-ambiente section#meio-ambiente-s3 div.card{height: 200px;}
main.interna div.item-page.meio-ambiente div.img-wrapper::before{position: absolute; content: ""; top: -40px; right: 30%; border: solid 3px #183170; border-radius: 32px; width: 200%; height: 100%; z-index: -1;}

footer h6::after{position: absolute; content: ""; width: 30px; height: 6px; background-color: #4b67af; left: 0; bottom: -10px;}
footer div.copyright{border-color: #4b67af !important;}

@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;}
}


@media (max-width: 575.98px) {

  main.interna div.item-page {padding-bottom: 0;}
  main.interna div.item-page.produtos div.card::after{position: absolute; content: ""; bottom: -15px; width: 100%; height: 6px; background: #183170;}
  a.whatsapp-flutuante{bottom: 15px; right: 15px;}

}

@media (min-width: 576px) and (max-width: 767.98px) {

}

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

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

  header#topmenu ul.nav a {font-size: 0.9rem;}
  header#topmenu div.col-logo {height: 230px;}
  
}

@media (min-width: 1200px) {
  
}

/* Minimum resolution */
@media (-webkit-device-pixel-ratio: 1) and (min-device-width: 1919px) {
  
  

}

@media (-webkit-device-pixel-ratio: 1.25) {


}

@media (-webkit-device-pixel-ratio: 1.50) {
  
  
}