/* MAIN NAVIGIATION */
#nav_container
{
    position: fixed;
    width: 100%;
    left: 0px;
    z-index: 100;
    background-color: #333;

    /*background-color: black;*/
    height: 34px;
}

#sub_nav_container
{
    margin: -21px 0 0 0;
    padding: 0 0 0 0;
    z-index: 100;
}

#nav_black
{

    left: 0;

    position: fixed;

    padding: 0;

    margin: 0;

    height: 34px;
}

/*#sub_nav_black {
}*/
.sub_nav
{

    margin: 0 0 17px 0;

    display: flex;

    /*top: 35px;*/

    position: relative;
}


/* DROP DOWN MENU */
.nav_text
{
    font-size: .85em;
    letter-spacing: .05em;
    color: white;
}

.nav_text_sm
{
    font-size: .75em;

    letter-spacing: .05em;

    color: white;
}

ul
{

    padding: 0;

    margin: 0;

    list-style-type: none;

    top: 0;

    position: fixed;
}

#sub_nav_black ul
{
    background-color: #f5f5f5;
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    
}

li
{
    float: left;
}

li a,
.dropbtn
{
    padding: 11px 20px 8px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    height: 15px;
}

#sub_nav_black li a
{
    display: inline-block;

    padding: 7px 16px;

    text-align: center;
    /*padding: 0;*/
    text-decoration: none;

    color: #333;
}

#sub_nav_black li a:hover
{
    color: white;
    /*background-color: grey;*/
    background-color: #333;
}

#sub_nav_black .active
{
    color: white;
    /*background-color: grey;*/
    background-color: #333;
}

li a:hover,
.dropdown:hover .dropbtn
{
    color: white;
/*    background-color: #23607D;*/
    background-color: #f44336;
}

li.dropdown
{
    display: inline-block;
}

.dropdown-content
{
    display: none;
    min-width: 160px;
    position: absolute;
}

.dropdown-content a
{
    display: block;

    padding: 12px 60px 7px 18px;
    text-decoration: none;

    color: white;
    text-align: left;
}

.dropdown-content a.nav_active
{
    color: #CCCA2D;
}

.dropdown-content a:hover
{
    color: #041F36;
    /*background-color: #041F36;*/
    background-color: #F2F2F2;
}

.dropdown-content a.a-no-hover
{
    color: #CCCA2D;
    background-color: black;
}

.dropdown:hover .dropdown-content
{
    display: block;
}

.column1of3_nav,
.column2of3_nav,
.column3of3_nav
{
    float: left;

    /*background-color: #360630;*/
    background-color: #152733;
}

/*.column1of3_nav a:first-child,
.column2of3_nav a:first-child{
    margin: 6px 0 0 0;
}*/

/* BUTTONS */
.nav_center_300x250
{
    position: absolute;
    top: 62.5px;
    /*background-color: yellow;*/

    width: 300px;
    height: 125px;
}

.nav_center_620x250
{
    position: absolute;
    top: 62.5px;

    width: 620px;
    height: 250px;
    /*position: relative;*/
    /*margin: 0;*/
}

.nav_center_250x520
{
    position: absolute;
    top: 197.5px;

    width: 250px;
    height: 520px;
    /*position: relative;*/
    /*margin: 0;*/
}

.nav_center_620x520
{
    position: absolute;
    top: 197.5px;

    width: 620px;
    height: 520px;
    /*position: relative;*/
    /*margin: 0;*/
}

.nav_center_470x392
{
    position: absolute;
    top: 136px;

    width: 470px;
    height: 392px;
    /*position: relative;*/
    /*margin: 0;*/
}

.white_nav_box
{
    position: relative;
    /*margin: 0;*/
    z-index: 2;
    top: -125px;

    display: block;
    overflow: hidden;

    width: 300px;
    height: 125px;
    margin: 0 auto;

    background-color: #fff;
}

.grey_nav_box
{
    position: relative;
    /*margin: 0;*/
    z-index: 2;
    top: -125px;

    display: block;

    width: 300px;
    height: 125px;
    margin: 0 auto;

    background: transparent;
    /*overflow: hidden;*/
}

.grey_nav_box .scale
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    overflow: hidden;

    width: inherit;
    height: inherit;

    background-color: #333;
}

.black_nav_box
{
    position: relative;
    top: 0;
    left: 0;
    /*margin: 0;*/
    /*z-index: -5;*/

    display: block;
    overflow: hidden;

    width: 300px;
    height: 125px;
    margin: 0 auto;

    background-color: #000;
}

.nav_text_container
{
    position: relative;
    /*background-color: #f44336;*/
    top: 50%;

    margin: 0 auto;

    transform: translate(0%, -50%);

    ms-transform: translate(0%, -50%);
}

.nav_brand_text
{
    font-size: 1.5em;

    text-align: center;
    letter-spacing: .05em;

    color: #333;
    /*background-color: #f44336;*/
}

.nav_offering_text
{
    font-size: 1.5em;

    text-align: center;
    letter-spacing: .05em;

    color: #fff;
    /*background-color: #f44336;*/
}

.nav_description_text
{
    font-size: .75em;

    text-align: center;
    letter-spacing: .05em;

    color: #333;
}

.offer_description_text
{
    font-size: .75em;
    /*margin: 0 auto;*/
    /*background-color: aqua;*/

    position: relative;
    left: -50px;
    /*left: -85px;*/

    width: 400px;

    text-align: center;
    letter-spacing: .05em;

    color: #333;
}

/* WHAT WE DO NAV*/
.sub_project_container
{
    position: relative;
    margin: 0px 10px 0 0px;
}

.sub_project_container_dooh
{
    margin: 0px 10px 0 0px;
    position: relative;
}

.sub_project_title
{
    width: 100%;
    margin: 0px 0 0px 0;
    text-align: center;
    /*background-color: #3374A3;*/
    background-color: #437BA3;
    /*padding: 7px 0 2px 0;*/
    padding: 10px 8px 5px 8px;
}

.sub_project_title_dooh
{
    width: 100%;
    text-align: center;
    background-color: rgba(212, 212, 212, 1);
    /*margin: 0px 0px 21px 0px;*/
    /*padding: 7px 0px 2px 0px;*/
}

.sub_project_text
{
    /*margin: 0 0 0 16px;*/
    color: white;
    text-transform: uppercase;
}

.sub_project_text_dooh
{
   
    color: #333;
}

/* WHAT WE DO NAV*/
.nav_grey_box
{
    position: relative;
    z-index: -1;
    top: 5px;

    display: block;

    width: 140px;
    height: 8px;
    margin: 0;
    padding: 0;

    cursor: pointer;

    background-color: rgba(0,0,0,.1);
}

@media only screen and (max-width: 768px) {
    /*.nav_text
    {
        font-size: .75em;
        letter-spacing: .05em;
        color: white;
    }

    .nav_text_sm
    {
        font-size: .75em;

        letter-spacing: .05em;

        color: white;
    }*/

    li a,
    .dropbtn
    {
        /*padding: 12px 10px 8px;*/
        text-decoration: none;
        text-align: center;
        display: inline-block;
        height: 15px;
    }

    

    .dropdown-content a
    {
        display: block;

        padding: 12px 20px 6px 20px;
        text-decoration: none;

        color: white;
        text-align: left;
    }
}

@media only screen and (max-width: 420px) {
    .nav_text
    {
        font-size: .65em;
        letter-spacing: .05em;
        color: white;
    }

    .nav_text_sm
    {
        font-size: .65em;
        letter-spacing: .05em;
        color: white;
    }
    li a,
    .dropbtn
    {
        /*padding: 12px 10px 8px;*/
        text-decoration: none;
        text-align: center;
        display: inline-block;
        height: 15px;
    }

    

    .dropdown-content a
    {
        display: block;

        padding: 12px 20px 6px 20px;
        text-decoration: none;

        color: white;
        text-align: left;
    }
}