html{overflow-x:hidden;max-width:100vw}
body{overflow-x:hidden;padding:0;height:100%;margin:0;padding-right:0!important; font-family: "Lalezar", system-ui; background: rgb(47,106,174);
    background: linear-gradient(180deg, rgba(47,106,174,1) 80%, rgba(251,180,43,1) 110%); }
.container-fluid{padding: 0;}
.navbar-toggler:focus,.navbar-toggler-icon:focus,.form-control:focus,.form-select:focus {outline: none; box-shadow: none;}

/*topo*/
.navbar{background-color: rgba(39, 90, 146, 0.9)!important; text-align: center; padding: 10px 0 10px 0;}
.navbar .navbar-toggler{border: 0}
.navbar-toggler span {display: block;  background-color: #FBB42B;  height: 3px;  width: 32px;  margin-top: 0px;  margin-bottom: 5px;  position: relative;  left: 0;  opacity: 1;  transition: all 0.35s ease-out;  transform-origin: center left;}
.navbar-toggler span:nth-child(1) {  transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(2) {  opacity: 1;}
.navbar-toggler span:nth-child(3) {  transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(1) {  margin-top: 0.3em;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {  transform: translate(15%, -194%) rotate(45deg);}
.navbar-toggler:not(.collapsed) span:nth-child(2) {  opacity: 0;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {  transform: translate(15%, 33%) rotate(-45deg);}
/*.navbar-nav {width: 180px;}*/
.navbar .nav-item{padding: 0 25px 0 25px;}
.navbar .nav-link{padding: 0;}
.navbar .nav-item a{color: #fff; text-transform: uppercase; transition: transform .3s;}
.navbar .nav-item a:hover{color: #FBB42B; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);}
.navbar .active{color: #FBB42B!important; font-size: 16px!important;}

/*home*/
.home{background-image: url("../images/bg-leite.png"); background-position: bottom center; background-repeat: no-repeat; background-size: cover;}

/*sobre*/
.btnsite{transition: transform .3s;}
.btnsite:hover{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.sobre h1{font-weight: bold; color:#fff; padding-bottom: 20px;}
.sobre h1 span{color: #FBB42B;}
.sobre p{text-decoration: none; color: #fff;}
.sobre p a{color: #fff; font-size: 18px; text-decoration: none;}
.sobre p span{color: #FBB42B;}

/*produtos*/
.produtos .box{background-color: #fff; border-radius: 0 35px 35px 0; padding: 55px; z-index: 10;}
.produtos .box h2{color: #2F6AAE; text-align: center; padding-bottom: 15px; padding-top: 15px;}
.produtos .box p{color: #999999; font-weight: 400;}
.produtos .carousel-inner{background-image: url("../images/icone.png"); background-repeat: no-repeat; background-position: center left 0px;}
.produtos .photo{margin-left: 140px; z-index: 9; position: relative;}
.produtos .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#FBB42B; font-size: 16px; border-radius: 35px; padding-left: 35px; padding-right: 35px; margin-bottom: 0px;}
.produtos .nav-link{background-color: #2B629F;  font-size: 16px; border-radius: 35px; padding-left: 35px; padding-right: 35px; margin-right: 5px; margin-left: 5px; margin-bottom: 0px; color: #fff}
.produtos .carousel .carousel-control-next { top: -350px; right: 50px;}
.produtos .carousel .carousel-control-prev {top: -350px; left: unset;  right: 150px;}
.produtos .nav-item{z-index: 100;}

/*contato*/
.contato h2{color: #fff; font-weight: bold;}
.contato h5{color: #fff;}
.contato .form-check-label{color: #fff; font-size: 12px;}
.contato .form-control{border: 0; font-size: 16px;}
.contato .form-control::placeholder {color: #2F6AAE; font-size: 16px;}
.contato .form-select{color: #2F6AAE; font-size: 16px;}
.contato .btn-warning{background-color: transparent; border: 0; color: #FBB42B; text-transform: uppercase; font-size: 22px;}
.contato .btn-warning:focus{background-color: transparent; border: 0; color: #fff;}
.contato .btn-warning:hover{background-color: transparent; border: 0; color: #fff;}

/*error*/
.error{color: #FBB42B; font-size: 12px}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{color: #fff!important;}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{background-color:#2F6AAE}

/*modal*/
.modalcarrega{border-radius: 15px; background-color: transparent!important; border-color: transparent!important; background-image: none!important;}
.modalcarrega h6{font-size: 13px; color: #fff}
.modal-body h6{color: #2B629F; font-weight: bold; font-size: 20px;}
.modal-header{border-bottom: 0px;}

/*footer*/
footer h6{color: #fff; font-size: 24px; font-weight: bold;}
footer p a{color: #fff; font-size: 15px; font-weight: 400; text-decoration: none;}
footer p a:hover{color: #FBB42B;}
.whatsapp {position: fixed; width: 68px; height: 67px; bottom: 30px; right: 8px; color: #fff; text-align: center; z-index: 100;}

#fullpage{top: 0px!important;}

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


@media (max-width: 1680px) {
}

@media (max-width: 1440px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1366px) {
    #fullpage{top: 100px!important;}
    .txt-banner{margin-top: -150px;}
    .produtos{margin-top: -70px;}
    .sobre{margin-top: -70px;}
    .contato{margin-top: -40px;}
}

@media (max-width: 1280px) {
    #fullpage{top: 50px!important;}
}

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

@media (max-width: 1024px) {
.produtos .carousel .carousel-control-next { top: -350px; right: -40px;}
.produtos .carousel .carousel-control-prev { left: unset;  right: 20px;}
.btns{margin-top:15px}
}

@media (max-width: 991px) { 
.logo{width: 135px;}
.navbar{text-align: center;}
.navbar-nav {width: auto;}
.produtos .carousel-inner{background-image: none;}
.produtos .photo{margin-left: 0px;}
.produtos .box{border-radius: 35px; padding: 10px;margin-bottom: 25px;}
.produtos .carousel .carousel-control-next { top: 0px; right: 0px;}
.produtos .carousel .carousel-control-prev { left: 0px;  right: 0px; top: 0px;}
#fullpage{top: 40px!important;}


}

@media (max-width: 768px) {
.home{margin: 100px 0 100px 0;}
.produtos{margin: 100px 0 100px 0;}
.sobre{margin: 100px 0 100px 0;}
.contato{margin: 100px 0 100px 0;}
.txt-banner{margin-top: 0px;}

}

@media (max-width: 767px) {}

@media (max-width: 480px) {
    .produtos .photo{width: 70%; padding-bottom: 10px;}
    .nav-pills{margin-top: -20px;}
    .produtos .nav-pills .nav-link.active, .nav-pills .show>.nav-link{font-size: 14px; padding-left: 5px; padding-right: 5px; margin-bottom: 0px}
    .produtos .nav-link{font-size: 14px; padding-left: 5px; padding-right: 5px; margin-bottom: 0px; margin-bottom: 10px;}
    #fullpage{top: 30px!important;}
    .btns{margin-top:0px}
    .produtos .carousel .carousel-control-next { top: -40px;}
.produtos .carousel .carousel-control-prev { top: -40px;}
.home{margin: 80px 0 50px 0;}
.produtos{margin: 40px 0 50px 0;}
.sobre{margin: 40px 0 50px 0; text-align: center;}
.contato{margin: 40px 0 50px 0;}
footer h6{text-align: center;}
.home{background-image: url("../images/bg-leite-m.png"); background-position: left -60px center; }
.contato h5{font-size: 16px;}
}

@media (max-width: 390px) {
    .logo{width: 100px;}
    #fullpage{top: 65px!important;}
    .produtos .carousel .carousel-control-next { top: -70px;}
    .produtos .carousel .carousel-control-prev { top: -70px;}
    
    
}

@media (max-width: 320px) {
    .logo{width: 90px;}
    #fullpage{top: 0px!important;}
    .produtos .carousel .carousel-control-next { top: -90px;}
    .produtos .carousel .carousel-control-prev { top: -90px;}
}