﻿/*.nav-control {
    background: #033b6e url(/MasterPages/Burkle/img/mobile-menu-arrow.png) no-repeat right center;
    border: 1px solid #183969;
    border-radius: 2px;
    color: #fff;
    display: none;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 25px 5px 15px;
    position: absolute;
    right: 10px;
    top: 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size:.9em;
}*/
 .nav-control {
                border-radius: 2px;
                color: #000;
                display: none;
/*                font-size:2em;
                font-weight: 600;
                letter-spacing: 1px;*/
                padding: 5px;
                margin-top:5px;
                /*position: absolute;
                text-decoration: none;
                text-transform: uppercase;
               z-index:999999;
               top:-35px;
               left:5px;*/
            }

 .desktop {
     display:block;
 }

 .mobile {
     display:none;
 }

 .header a:hover{
     color:#547394;
 }

.nav-control span { 
    float:right; 
    width:13px; 
    height:18px; 
    background:url('') no-repeat -149px 0; }

.nav-control.open span { 
    background-position:-162px 0; 
}


.mini-nav{
    width:50%;
    float:left;
    padding:10px 15px;
}


.first-nav {
    text-align: left;
    margin:0px 0px -5px 0px;
}

.first-nav li {
    margin: 0;
    padding: 0px 12px 0px 0px;
    display: block;
    float:left;    
}

.first-nav li a {
    color: #000;
    text-decoration: none;
    font-size:0.9875em;  
    letter-spacing:.01em;  
}

.main-nav {
    text-align: left;
    margin:0;
}

.main-nav li {
    margin: 0px 15px 0px 0px;
    padding:0;
    display: block;
    float:left;
}

.main-nav li a {
    color: #000;
    text-decoration: none;
    font-size:1.5em;
}

.header{
    margin-top:0px;
}

.header a{
    color:#000;
}

.logo {
    width:170px;
    height:105px;
    float:right;
}



@media screen and (max-width:64em) {

    .main-nav li a {
    font-size:1.2em;
}

}


@media screen and (max-width:48em) {

    .header{
        margin:0px;
        padding: 0px;
        color: #ffffff;
        text-align: center;
        background-color: #121212;
    }

    .logo{
        margin-left:10px;
        float:none;
        height:auto;
    }
    
    .desktop{
        display:none;
    }

    .mobile{
        display:block;
    }

    .nav-control {
        display: inline-block;
        padding-left:0.975em;
        /*top: 50px;
        padding: 5px 5px 5px 10px;
        background: #033B6E;*/
    }

    .nav-control img{
        height:32px;
        width:32px;
    }

    .first-nav {
        display: block;
        text-align: left;
        margin-bottom:0px;
        padding:15px;
    }

    .first-nav li {
        display: block;
        float:none;
        border-top: none;
        background: none;
        margin: 0;
        padding: 0;
    }

    .first-nav li a {
        /*display: block;*/
        font-size: 15px !important;
        font-weight: 500;
        color: #ccc;
        font-weight: 600;
        padding: 0px !important;
    }




    .main-nav {
        display: block;
        text-align: left;
        padding:15px;
    }

    .main-nav li {
        display: block;
        float:none;
        border-top: none;
        background: none;
        margin: 0;
        padding: 0;
    }

    .main-nav li a {
        /*display: block;*/
        font-size: 20px !important;
        color: #ccc;
        padding: 0px !important;
    }

    .top-header, .header-nav{
        display:none
    }


}

@media screen and (max-width:767px) {

}

@media screen and (max-width:479px) {

}

@media screen and (max-width:320px) {
	
}

