html{overflow-x:hidden;max-width:100vw}
body{overflow-x:hidden;height:100%;margin:0;padding-right:0!important;padding-left:0!important;}
.container-fluid{padding: 0;}
.navbar-toggler:focus,.navbar-toggler-icon:focus,.form-control:focus,.form-select:focus {outline: none; box-shadow: none;}

/*menu*/
header{width: 100%; background: color #182958!important; position: fixed; z-index: 1;}
.navbar{background-color: #182958!important; font-family: 'Montserrat Medium'; font-size: 17px;}
.navbar .nav-item{padding-left: 8px; padding-right: 8px}
.navbar .nav-item a{color: #fff}
.navbar .nav-item a:hover{color: #EB787D}
.navbar .nav-item .active{color: #EB787D;}
.navbar .dropdown-menu{border-radius: 0; border-bottom: 3px solid #182958; padding-right: 15px; padding-left: 15px; border-left: 0; border-right: 0}
.navbar .dropdown-menu .dropdown-item{color: #182958; background-color: #fff; padding-bottom: 5px; padding-top: 5px; font-size: 17px}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #EB787D; text-decoration: underline;}
.navbar-toggler{border: 0}
.navbar-toggler span {display: block;  background-color: #fff;  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 li.active a {color: #EB787D; text-decoration: underline;}

/*footer*/
footer{background-color: #182958}
footer p{font-family: 'Montserrat Medium'; color: #fff; font-size: 12px; text-align: justify;}
footer .line{text-align: right!important;}

.ipanema{margin-top: 150px;}
.ipanema h1{font-family: 'Raspoutine Demi Bold'; font-weight: bold; color: #182958; font-size: 35px;}
.ipanema p{font-family: 'Montserrat Medium'; font-size: 15px; color: #000;}

.produtos{scroll-margin-top:95px;}
.produtos.bg1{background-color:#ED1C24!important; padding: 10px 0 5px 0;}
.produtos.bg2{background-color:#182958!important; padding: 10px 0 5px 0;}
.produtos h2{font-family: 'Raspoutine Demi Bold'; font-size: 25px; color: #fff; font-weight: bold;}

.detalhes p{font-family: 'Montserrat Medium'; font-size: 15px; color: #000;}

/*modal*/
.modal-backdrop {--bs-backdrop-bg: #182958; --bs-backdrop-opacity: 0.8; z-index: 2}
.modal-content{border: 4px solid #182958; border-radius: 15px;}
.modal-header{border-bottom: 0}
.modal-content h6{font-family: 'Raspoutine Demi Bold'; color: #182958; font-size: 28px; text-align: center; padding-bottom: 15px}
.modal-content p{font-family: 'Montserrat Regular'; color: #000; font-size: 15px;}
.aos-init[data-aos][data-aos].aos-animate {transform: unset;}
.modal-body{padding: 45px;}


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

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

    }
    
    @media (max-width: 1536px) {
 
    }
    
    @media (max-width: 1440px) {
  
    }
    
    @media (max-width: 1400px) {

    }
    
    @media (max-width: 1366px) {
        .navbar{font-size: 14px;}
    }
    
    @media (max-width: 1280px) {

    }
    
    @media (max-width: 1200px) {
        .navbar{font-size: 13px;}
    }
    
    @media (max-width: 1024px) {
        .navbar{font-size: 12px;}
        .navbar .nav-item{padding-left: 1px; padding-right: 1px}
    }
    
    @media (max-width: 991px) { 
        .navbar{font-size: 17px;}
        footer .line{text-align: center!important;}
        footer p{margin-top: 25px;}
    }
    
    @media (max-width: 768px) {
        .ipanema h1{padding-top: 25px;}
    }
    
    @media (max-width: 767px) {

    }
    
    @media (max-width: 480px) {
        .ipanema{margin-top: 120px;}
        .ipanema h1{font-size: 28px;}
        .ipanema p{font-size: 14px;}
        .modal-body{padding: 15px;}
    }
    
    @media (max-width: 390px) {
    .navbar-brand{width: 215px;}
    .logo{width: 45%;}
    .logoc{width: 45%;}
    .ipanema{margin-top: 100px;}
    .produtos{scroll-margin-top:70px;}
    }
    
    @media (max-width: 320px) {

    }