/*-- Desktop Stationary Navigation --*/
.d-nav {
    position:fixed;
    z-index:9999;
    display:none;
    background-color:#ffffff00;
    padding-bottom:1rem;
}

@media (min-width: 776px) {.d-nav {display:block;}}

/* Banner */

    .d-nav .banner {background-color:var(--dark-blue);}

        .d-nav .banner .textbox p {
            font-family:'Inter', sans-serif;
            color:var(--white);
            font-size:1.27rem;
            float:left;   
            margin-left:3rem;
            padding:.77rem 0 1.2rem 0;    
        }

        .d-nav .banner .linkbox {
            text-align:right;
            margin-right:2.3rem; 
            padding:.45rem 0 .8rem 0;
            font-size:1.3rem;
        }

        .d-nav .banner .linkbox a {
            color:var(--white);
            margin-right:2.3rem; 
            padding:.8rem 0 1.2rem 0;
            text-decoration:none; 
            font-size:1.3rem;
        }

        .d-nav .banner .linkbox a:hover,
        .d-nav .banner .linkbox a:active {
            color:var(--orange); 
            transition:.4s;
        }

        .d-nav .banner .linkbox a span {
            font-family:'Inter Bold', sans-serif;
            font-size:1.7rem;
        }

/* Main Nav */

    .d-nav .main-nav {
        border-bottom:#ccc 1px solid;
        background-color: var(--white);
    }

.d-nav .imgbox img {
    height:7rem;
    margin-top:0rem;
}

@media (min-width: 776px) {.d-nav .imgbox img {height:6.1rem; margin-top:.5rem;}}

.d-nav ul li {
        list-style-type:none;
        display:inline-block;
        margin-top:1rem;
    }

    .d-nav ul li a,
    .dd button {
            text-decoration:none;
            font-family:'Inter Medium', sans-serif;
            font-size:1.3rem;
            color:var(--black);
            letter-spacing:.03rem;
            cursor:pointer;
        }

        .d-nav ul li a:hover,
        .d-nav ul li a:active {
            color:var(--orange);
            transform:.4s;
        }

        .d-nav ul li a {
            display:inline-block;
            padding: 1.55rem 1.5rem 2.5rem 1.5rem;
            vertical-align: middle !important;
            line-height:1.5;
            
        } 

        .d-nav ul li .btn {
            font-size:1.3rem !important;
            margin-top:-.85rem;
        }

        .d-nav .textbox {
            margin-right: 1rem;
            text-align:right;
        }
    
            .d-nav .textbox li {
                text-align:right;
                margin-right:1rem;
            }
    
            @media (min-width: 1200px) {.d-nav .textbox li {margin-right:3.5rem;}}
            @media (min-width: 1300px) {.d-nav .textbox li {margin-right:2rem;}}
    
    /* Solutions Dropdown */

    .dd-solutions {display: inline-block;}

    .dd-solutions button {
        border:none !important;
        background-color:rgba(255, 255, 255, 0) !important;
    }
          
    .dd-content-solutions {
        display: none;
        position: absolute;
        top:7.1rem;
        left:-18.85%;
        background-color: var(--white);
        min-width: 100vw;
        /* box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); */
        padding: 10px 15px;
        z-index: 1;
        text-align:left;
        border-bottom:#ccc 1px solid;
        }

            .dd-content-solutions .textbox {
                text-align:left;
                margin-top:4rem;
            }

                .dd-content-solutions .textbox h2 {
                    font-family:"Poppins SemiBold", sans-serif;
                    color:var(--black);
                    font-size:2rem;
                    line-height:1.15;
                    margin-bottom:.75rem;
                }

                .dd-content-solutions .textbox p {
                    font-family:"Inter", sans-serif;
                    font-size:1.1rem;
                    margin-bottom:1rem
                }

                .dd-content-solutions .textbox a {
                    color:var(--orange);
                    font-family:"Inter Bold", sans-serif;
                    font-size:1.2rem;
                }

                .dd-content-solutions .textbox a:hover {color:var(--blue); transition:.3s;}

            .dd-content-solutions .imgbox a {text-decoration:none !important;}
        
        
            .dd-content-solutions .imgbox img {
                width:100%;
                height:auto;
                margin:2rem auto .2rem auto;
                border-radius:.98rem;
                border:#ff990000 2px solid;
            }

            .dd-content-solutions .imgbox img:hover,
            .dd-content-solutions .imgbox img:active {
                border:#FF9900 2px solid;
                transition:.4s;
            }

            .dd-content-solutions .imgbox p {
                font-family:"Poppins SemiBold", sans-serif;
                color:var(--black);
                font-size:1.2rem;
                margin-bottom:2rem;
            }

                .dd-content-solutions .imgbox a:hover p {color:var(--orange); transition:.4s;}
                .dd-content-solutions .imgbox a:hover img {opacity:0.9; transition:.4s;}


          
    .dd-solutions:hover .dd-content-solutions {display: block;}


    /* Products Dropdown */

    .dd-products {display: inline-block;}

    .dd-products button {
        border:none !important;
        background-color:rgba(255, 255, 255, 0) !important;
    }
          
    .dd-content-products {
        display: none;
        position: absolute;
        top:7.1rem;
        left:-18.85%;
        background-color: var(--white);
        min-width: 100vw;
        /* box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); */
        padding: 10px 15px;
        z-index: 1;
        text-align:left;
        border-bottom:#ccc 1px solid;
        }

            .dd-content-products .textbox {
                text-align:left;
                margin-top:4rem;
            }

                .dd-content-products .textbox h2 {
                    font-family:"Poppins SemiBold", sans-serif;
                    color:var(--black);
                    font-size:2rem;
                    line-height:1.15;
                    margin-bottom:.75rem;
                }

                .dd-content-products .textbox p {
                    font-family:"Inter", sans-serif;
                    font-size:1.1rem;
                    margin-bottom:1rem
                }

                .dd-content-products .textbox a {
                    color:var(--orange);
                    font-family:"Inter Bold", sans-serif;
                    font-size:1.2rem;
                }

                .dd-content-products .textbox a:hover {color:var(--blue); transition:.3s;}

            .dd-content-products .imgbox a {text-decoration:none !important;}
        
        
            .dd-content-products .imgbox img {
                background-color:#F2FBFE;
                border-radius:.9rem;
                width:100%;
                height:auto;
                margin:2rem auto .2rem auto;
            }

            .dd-content-products .imgbox img:hover,
            .dd-content-products .imgbox img:active {
                background-color:#FFE1B3;
            }

            .dd-content-products .imgbox p {
                font-family:"Poppins SemiBold", sans-serif;
                color:var(--black);
                font-size:1.2rem;
                margin-bottom:2rem;
            }

                .dd-content-products .imgbox a:hover p {color:var(--orange); transition:.4s;}
                .dd-content-products .imgbox a:hover img {opacity:0.9; transition:.4s;}


          
    .dd-products:hover .dd-content-products {display: block;}

/*-- Desktop Stationary Navigation --*/



/*-- Mobile Floating Navigation --*/

/*-- 'floating-nav' is the navigation bar below 776px --*/


.m-nav {
    padding-top:1.5rem;
    padding-bottom:1rem;
    display:block;
    background-color:var(--white);
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    height:9rem;
}

    @media (min-width: 776px) {.m-nav {display:none;}}

.m-nav img {
    height:6rem;
    margin-left:1rem;
}

/*-- Mobile Sidebar --*/

/*-- 'sidenav' is the mobile menu that displays after the 'navbar-trigger' is selected --*/

.navbar-trigger {
    margin-top:.5rem;
    cursor: pointer;
    color:var(--black);
    font-size:3rem;
    position:absolute;
    top:5%;
    right:15%;
}
    @media (min-width: 776px) {.navbar-trigger {display:none;}}

.sidenav {
    height: 102vh;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: var(--white);
    overflow-x: hidden;
    padding-top: 60px;
    z-index:9999;
}

.sidenav .logo {
    height:5rem;
    position:absolute;
    top:1.5rem;
    left:1rem;;
}

.sidenav-list {
    margin:5rem 4rem 0 4rem !important;
}
      
.sidenav .closebtn {
    position: absolute;
    top: 1.3rem;
    right: 25px;
    font-size: 3rem;
    margin-left: 50px;
    color:var(--black);
    text-decoration:none;
}

.cover {
    background-color:var(--white);
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    z-index:9998;
}

/*-- Mobile Dropdown Menu --*/


.mobile-nav-link,
.accordion {
    text-decoration:none;
    display:block;
    background-color: var(--white);
    width: 100%;
    text-align: left;
    color:var(--black);
    font-family: 'Inter Bold', serif;
    font-size:2rem;
    font-weight:700;
    border:none;
    background:none;
    outline:none;
    cursor: pointer;
    transition: 0.4s;
    padding-left:0 !important;
}

.mobile-nav-link {
    padding: 2rem 0 .5rem 0;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.mobile-nav-link img {
    width:20%;
    height:auto;
    margin-right: 1.5rem;
    border-radius:.5rem;
}

.mobile-nav-link p {
    font-size:1.9rem;
    vertical-align:middle;
    display:inline !important;
    margin: 0;
}
    
      
     .panel {
        padding: 0rem 1rem;
        background-color: var(--white);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
      }

      .accordion:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
        font-size: 1.8rem;
        color: var(--blue);
        float: right;
        margin-right:2rem;
        text-decoration:none;
      }
      
      .active:after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
      }

      .panel a {text-transform: unset;}


    .mobile-nav-link:hover, 
    .mobile-nav-link:active  {
        color:var(--blue); -webkit-transition:.2s; -o-transition:.2s; transition:.2s;
    }

    .nav-btn:link,
    .nav-btn:visited {
        display:inline-block;
        font-family:'Norwester', sans-serif;
        font-weight:700;
        padding:1.5rem 2.5rem;
        margin-bottom:1rem;
        text-decoration:none; 
        text-transform:uppercase;
        font-size:1.7rem; 
        background-color:var(--blue);
        border-radius:6px;
        color:var(--white);
        letter-spacing: .1rem;
    }

        .nav-btn:link,
        .nav-btn:visited {
            color:var(--white) !important;
        }

    
/*-- Mobile Floating Navigation --*/