/*==============================
=            NAVEGAÇÃO            =
==============================*/

@media only screen and (min-width: 320px) {

    .header{ 
        position: relative;
    }

    .nav-custom {
        background: rgba(255,255,255,0.9);
    }

    .nav-custom:before {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .header .navbar .navbar-collapse{
        background: none!important;
    }

    .header .main-nav {
        margin-left: 0;
    }
    .header .form-control {
        border-radius: 0;
    }        .header .navbar-form .form-group {
            float: left;
            width: 75%;
        }


    /*----------  Navbar responsiva  ----------*/
   
    .header .navbar-form .btn {
        display: inline-block;
        width: 25px!important;
        height: 64px;
        padding: 0px 35px 0px 0px!important;
        font-size: 1.8rem;
        font-weight: 700;
        text-indent: -9999px;
        border: 1px solid #cacaca;
        border-left: none;
        border-radius: 0px;
        background: url(../images/icon-lupa.svg) no-repeat left center;
        background-size: 20px;
    }
    .header .form-group input {
        width: 100%;
        height: auto;
        padding: 20.3px;
        font-size: 1.4rem;
        text-transform: uppercase;
        border: 1px solid #ccc;
        border-right: none;
        background-color: #fff;
        box-shadow: none;
    }
    .header .navbar-header {
        padding: 2rem 25px;
    }
    .header .navbar {
        margin-bottom: 0;
        border: 0;
    }
    .goog-te-menu-frame {
        max-width: 100% !important;
    }
    .goog-te-menu2 {
        max-width: 100% !important;
        overflow: scroll !important;
        box-sizing: border-box !important;
        height: auto !important;
    }
  
    .header .auxiliar-nav>li a {
        padding: 12px 30px;
        font-size: 2rem;
        color: white;
    }
    .header .nav .open>a,
    .header .nav .open>a:focus,
    .header .nav .open>a:hover .header .nav>li>a:focus,
    .header .nav>li>a:hover {
        background-color: #ffd179;
    }
    .header .navbar-nav .open .dropdown-menu {
        border: 0;
        border-radius: 0;
        background-color: white;
    }
    .header .navbar-nav .open .dropdown-menu>li>a {
        padding: 15px 15px 15px 30px;
        font-size: 1.8rem;
    }
    .header .navbar .navbar-collapse {
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border: 0;
        align-items: center;
    }
    .header .navbar-nav>li>a {
        padding-left: 30px;
        font-size: 1.4rem;
        line-height: 2.0rem;
        color: #737373!important;
        font-weight: 500!important;
    }
    .header .navbar-nav {
        margin: 0;
    }
    .header .nav>li>a:focus,
    .header .nav>li>a:hover {
        background: #ffd179;
    }
    a.goog-te-menu-value {
        color: #737373!important;
        font-family: 'Libre Franklin';
        font-size: 13px;
    }
}

@media only screen and (min-width: 768px) {

    .header{ 
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }


    .navbar-collapse::before {
        content: '';
        border-bottom: none;
        display: block;
        clear: both;
    }
    .header .main-nav {
        margin-left: 30px;
        clear: both;
    }
    /*----------  Navbar responsiva  ----------*/
    .header .navbar-form .form-group {
        border-top: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
        border-left: 1px solid #cacaca;
        width: 75%;
    }


    .header .navbar-form .btn {
        height: 25px;
    }
    .header .navbar-header {
        padding-left: 30px!important;
        ;
        padding-left: 15px;
        margin-bottom: 0;
    }

    .header .navbar-form button[type="submit"],
    .header .navbar-form input[type="text"] {
        border: none;
    }
    .header .navbar-form input[type="text"] {
        padding: 0.25rem 1.2rem;
        font-size: 1.2rem;
        -webkit-transition: none;
        transition: none;
        box-shadow: none;
        text-transform: none;
    }
    .header .navbar-form button[type="submit"] {
        float: right;
        padding: 1rem 2.6rem;
    }
    .header .main-nav>li>a {
        padding: 10px 11.6px;
        font-size: 1.4rem;
        color: white;
    }
    .header .navbar {
        margin-bottom: 0;
        border: 0;
        justify-content: flex-start;
    }
    .header .navbar-nav {
        /*margin-left: 30px;*/
        align-items: stretch;
        width: 100%;
    }
    .header .google-translate {
      /*  right: 145px !important;*/
       /* padding-top: 0;*/
        display: flex;
        align-self: center;
    }

    .goog-te-gadget-simple .goog-te-menu-value span:first-of-type {
        font-size: 8px!important;
        line-height: 9px;
        margin-top: 2px;
        width: 36px;
        display: none;
        white-space: break-spaces;
    }

    .header .navbar-nav.main-nav>li>a {
        color: #484848;
        /*! border-right: 1px solid rgba(101, 101, 101, 0.1); */
        /*! border-left: 1px solid rgba(101, 101, 101, 0.1); */
        background: none;
    }
    .header .navbar-nav.main-nav>li a:hover {
        color: white;
        background: #ba8926;
    }
    .header .navbar-nav .open .dropdown-menu>li>a {
        padding: 1.5rem 2.5rem 1.4rem 2.5rem;
        font-size: 1.4rem;
    }

    .navbar-brand {
        width: 125px;
    }
    .logo {
        width: 125px;
        transition: 300ms ease-in-out;
    }
    .logo-pequeno{
        width: 100px;
        transition: 300ms ease-in-out;

    }

   /* .menu-margin-topo{
       margin-top: 84px!important;
    }*/
    .header .main-nav>li>a {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: .6rem;
        clear: both;
        font-weight: 700;
        text-decoration: none;
        color: white;
        background: #3e3e3e;
    }
    .header .main-nav>li>a:hover {
        background: #ba8926;
    }
    .header .header .dropdown-menu>li>a {
        padding: 15px 40px;
    }
    /*----------  Auxiliar Nav  ----------*/
  /*  .header .auxiliar-nav {
        position: absolute;
        top: 17px;
        right: 15px;
    }*/
    .header .auxiliar-nav>li {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 4.1rem;
        margin-left: 3.8rem;
    }
    .header .auxiliar-nav li a {
        float: left;
        padding: 0;
        margin-right: 0;
        font-size: 1.4rem;
        color: #3e3e3e;
        border-right: 1px solid #788791;
    }
    .header .auxiliar-nav .cart-icon a {
        border-right: 0;
        font-size: 0.9em!important;
    }
    .header .auxiliar-nav>li>a:focus,
    .header .auxiliar-nav>li>a:hover {
        background: none;
    }
    /*----------  Auxiliar Nav / Laguage Icons  ----------*/
    .header .navbar-nav .language-icon a {
        padding-right: .8rem;
        margin-right: .8rem;
    }
    .header .language-icon a:last-child {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }
    .header .cart-icon::after {
        content: "";
        background: url(../images/cart-icon.svg) no-repeat;
        width: 1.8rem;
        height: 1.8rem;
        background-size: 1.8rem;
        margin-left: -0.6rem;
        margin-right: 0.6rem;
    }
    .header .contact-icon {
        background: url(../images/contact-icon.svg) center left no-repeat;
    }
    .header .language-icon {
        background: url(../images/language-icon.svg) center left no-repeat;
    }
}

@media screen and (min-width:992px) {
    .header .navbar .navbar-collapse {
        padding: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex!important;
        align-items: stretch;
        /* background: #484848;*/
    }

    .header .navbar-nav>li>a {
        font-size: 1.2rem;
        line-height: 1.3rem;
        padding: 0px!important;
    }
}

@media screen and (min-width:1200px) {

    .header .navbar-nav>li>a {
        font-size: 1.2rem;
        line-height: 1.4rem;
        padding: 0.2rem!important;
    }

    .navbar-brand {
        width: 200px;
    }
    .logo {
        width: 200px;
        transition: 300ms ease-in-out;
    }
    .logo-pequeno{
        width: 100px;
        transition: 300ms ease-in-out;

    }

    .menu-margin-topo{
        margin-top: 84px!important;
     }

    
    
}

@media screen and (min-width:1400px) {
    .menu {
        margin-left: 30px;
    }

    .goog-te-gadget-simple .goog-te-menu-value span:first-of-type {
        display: inline-block;
    }

    .header .navbar-nav>li>a {
        font-size: 1.4rem;
        line-height: 2rem;
        padding: 0.2rem!important;
    }

}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width: 100%;
    margin: 0 auto;
}



.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu>ul {
    margin: 0 auto;
    /*width: 100%;*/
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu>ul:before,
.menu>ul:after {
    content: "";
    display: table;
}

.menu>ul:after {
    clear: both;
}

.menu>ul>li {
    /*float: left;*/
    /* background: #e9e9e9;*/
    padding: 0;
    margin: 0;
    display: flex;
}

.nav-item a.nav-link {
    text-decoration: none;
    color: #737373;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: .6rem;
    padding-right: 11.6px;
    padding-left: 11.6px;
    display: block;
}

.menu>ul>li:hover {
    /*background: #f0f0f0;*/
    background: #f8f8f8;
}

.menu>ul>li>ul {
    display: none;
    width: 100%;
    /*background: #ffffff;*/
    background: #ffffffee;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
/*
.menu>ul>li>ul:before,
.menu>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 16.6%;
    background: none;
    float: left;
}*/

.menu>ul>li>ul>li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu>ul>li>ul>li>ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu>ul>li>ul>li>ul:before,
.menu>ul>li>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul>li:before,
.menu>ul>li>ul>li:after {
    content: "";
    display: table;
}

.menu>ul>li>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li>ul>li {
    float: left;
    width: 95%;
    /*padding: 10px 0;*/
    padding-left: 20px;
    margin: 0;
    font-size: .85em;
    border-bottom: 1px solid #efefef;
}

.menu>ul>li>ul>li>ul>li a {
    border: 0;
}

/*.menu>ul>li>ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu>ul>li>ul.normal-sub>li {
    width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
    border: 0;
    padding: 1em 0;
}*/

a.goog-te-menu-value span {
    font-size: 11px!important;
}

.icone-menu {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    margin-right: 5px;
    display: block;
    float: left;
}

.menu>ul>li>.industrias-menu>li a {
    border-bottom: 0px solid #ccc;
    /*background: #f9f9f9;*/
    /*background: rgba(226, 226, 226, 0.4);*/
    border-radius: 12px;
    margin: 3px;
    font-size: 12.5px;
    display: flex;
    align-items: center;
}

.menu>ul>li>.industrias-menu>li a:hover {
    background: #f1f1f1;
}

.menu>ul>li>.produtos-menu a {
    border-bottom: 0px solid #ccc;
    /*background: #f9f9f9;*/
    /*background: rgba(226, 226, 226, 0.4);*/
    border-radius: 12px;
    margin: 3px;
    font-size: 12.5px;
    display: flex;
    align-items: center;
}

.menu>ul>li>.produtos-menu ul li a {
    font-size: 0.97em;
    font-weight: 500;
    color: #666;
    line-height: 1.1em;
}

.menu>ul>li>.produtos-menu ul li a:hover {
    color: #888;
}

.produtos-menu>li>ul>li a {
    background: initial!important;
    border-radius: initial!important;
}

.menu>ul>li>.produtos-menu a:hover {
    /*background: #f1f1f1;*/
}

.empresa-menu {
    display: grid;
    grid-template-columns: repeat(5, 20%); 
    grid-template-rows: repeat(5, 20%);
}

.produtos-menu {
    display: grid;
    grid-template-columns: repeat(5, 20%); 
    grid-template-rows: repeat(10, 10%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.industrias-menu {
    display: grid;
    grid-template-columns: repeat(5, 20%); 
    grid-template-rows: repeat(5, 20%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.produtos-menu li{
    
}

.desktop:hover .menu>ul>li {
    display: block;
}

.mobile {
    display: none!important;
}

.desktop {
    display: block;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (min-width: 960px) {
    .menu>ul>li>ul {
        position: fixed;
        box-shadow: 0px 3px 3px rgb(0 0 0 / 30%);
        border-top: 1px solid #ccc;
        margin-top: 49px;
        top: 0;
    }
}

@media only screen and (max-width: 959px) {
    .mobile {
        display: block!important;
    }
    .desktop {
        display: none!important;
    }
    .menu {
        margin-left: 0px;
    }
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
      /*  display: block;*/
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu>ul {
        /* display: none;*/
    }
    .menu>ul>li {
        width: 100%;
        float: none;
        display: block;
    }

    .menu>ul>li>ul {
        position: relative;
    }
    .menu>ul>li>ul.normal-sub {
        width: 100%;
    }
    .menu>ul>li>ul>li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu>ul>li>.industrias-menu>li {
        margin-top: 0px!important;
    }
    .menu>ul>li>ul>li:first-child {
        margin: 0;
    }
    .menu>ul>li>ul>li>ul {
        position: relative;
    }
    .menu>ul>li>ul>li>ul>li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }

    .empresa-menu {
        display: grid;
        grid-template-columns: repeat(1, 100%); 
        grid-template-rows: repeat(10, 10%);
    }

    .produtos-menu {
        display: grid;
        grid-template-columns: repeat(1, 100%); 
        grid-template-rows: repeat(10, 10%);
    }

    .industrias-menu {
        display: grid;
        grid-template-columns: repeat(1, 100%); 
        grid-template-rows: repeat(5, 20%);
    }
}