/********************** DEFAULT STYLES **********************/

html { 
  scroll-behavior: smooth; 
}

*, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.clear {
    clear: both;
}

/*************/

nav {
    font-family: 'Montserrat', sans-serif;
    padding: 8px 0 !important;
}
.navbar {
    background-color: #111211 !important;
}
    .navbar-toggler {
        border: 0;
        padding: 6px;
        width: 60px;
        height: 60px;
    }
        .navbar-toggler-icon {
            background-size: 100% auto;
            width: 100%;
            height: 100%;
            background-image: url('../images/toggler_white.svg');
        }
        .nav-link {
            color: #fff;
            text-align: center;
            padding: 24px 0;
            transition: 0.3s;
            font-size: 1.125em;
        }
            .nav-link:hover {
                color: #FFD400;
            }
        .navbar-collapse {
            margin-top: 24px !important;
        }
        .navbar-collapse.show {
            border-bottom: 1px solid #ddd;
            -webkit-box-shadow: 1px 19px 17px -4px rgba(0,0,0,0.98); 
            box-shadow: 1px 19px 17px -4px rgba(0,0,0,0.98);;
        }

    .dropdown-menu {
         background-color: #0B4A18;
         border-radius: 0px;
         transition: 0.3s;
         text-align: center;
    }
        .dropdown-menu a{
             color: #FFD400;
             text-decoration: none;
             background-color: #0B4A18;
             transition: 0.3s;
        }
            .dropdown-menu a:hover {
                color: #FFD400 !important;
                background-color: #10681F !important;
                text-decoration: underline;
            }
            .dropdown-item {
                padding: 18px 12px;
            }

    .subnav {
        width: 100%;
        height: auto;
        background-color: #0B4A18;
        padding: 24px 0;
    }
        .subnav a {
            color: #FFD400;
            display: block;
            width: 100%;
            padding: 14px 100px;
            text-align: center;
            text-decoration: none;
            font-size: 1.125em;
            line-height: 1em;
            transition: 0.3s;
        }
            .subnav a:hover {
                text-decoration: underline;
            }
.businessnumber {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 24px;
    background-color: #00AE4D;
    color: #000;
    clear: both;
    display: flex; /* Add display flex */
    justify-content: center; /* Center align contents */
}
    .businessnumber img {
        width: 16px;
        height: auto;
        margin-right: 0px;
    }
    .businessnumber div{
        vertical-align: middle;
        font-size: 1rem;
    }
    .businessnumber div a {
        color: #000;
        text-decoration: none;
        transition: 0.3s;
    }
        .businessnumber div a:hover {
            text-decoration: underline;
            color: #fff;
        }


/*************/

/************************************************************/

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

    .navbar-brand img {
        width: auto;
        height: 70px;
        padding: 0 0 0 6px;
    }

}

/************************************************************/

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

}

/************************************************************/

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

}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

}

/************************************************************/

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

/************************************************************/

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

}

/************************************************************/

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

}

/************************************************************/

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

   

}

/************************************************************/

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


}

/************************************************************/

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

   .navbar-brand img {
        padding: 0 0 0 12px;
    }
        .nav-link {
            padding: 24px 0;
            font-size: 1.125em;
        }

    .subnav {
        padding: 12px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .subnav a {
            display: inline-block;
            width: 25%;
            padding: 14px;
            font-size: 1em;
        }
            .subnav a:first-of-type {
                width: 15%;
            }

}

/************************************************************/

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

}

/************************************************************/

/*ipad pro portrait*/
@media only screen 
    and (min-device-width: 820px) 
    and (max-device-width: 1180px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait)  {

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {

}

/************************************************************/

/*ipad air portrait*/
@media only screen 
    and (min-device-width: 820px) 
    and (max-device-width: 1180px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait)  {

}

/************************************************************/

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

    .container-fluid {
        padding: 0 36px;
    }
    .navbar-collapse {
        margin-top: 0px !important;
    }
        .nav-link {
            padding: 24px 0;
            margin-left: 36px;
            font-size: 1em;
        }

    .subnav {
    }
        .subnav a {
            width: 200px;
            padding: 14px;
            font-size: 1em;
        }
            .subnav a:first-of-type {
                width: 150px;
            }

}

/************************************************************/

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

}

/************************************************************/

/*ipad pro portrait*/
@media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait)  {


}

/************************************************************/

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

/************************************************************/

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

}

/************************************************************/

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

    .nav-link {
        padding: 24px 0;
        margin-left: 60px;
        font-size: 1.125em;
    }
    .navbar-brand img {
        width: auto;
        height: 70px;
        padding: 0 0 0 18px;
    }

}

/************************************************************/

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

}

/************************************************************/


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

/************************************************************/

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

}

/************************************************************/