*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration:none;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-semibold-webfont.woff') format('woff'),
        url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
        url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-light-webfont.woff') format('woff'),
        url('../fonts/opensans-light-webfont.ttf') format('truetype'),
        url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@baseColor : #00799c;
@white : #fff;
@black : #000;
@openSan : 'open_sansregular';
@openSan-semibold : 'open_sanssemibold';
@openSans-light : 'open_sanslight';

body
{
    width:100%;
    height:100%;
    margin: 0 auto;
    padding:0;
    font-family: @openSan;
}

#header{
    width: 100%;
    .logo{
        padding: 15px;
        a > img{
            margin: 0 auto;
        }
    }
    .main-nav{
        width: auto;
        min-height: 50px;
        background-color: @baseColor;
        .btn{
            padding: 5px 12px;
        }
        .navbar-form{
            padding: 0 !important;
        }

        .mobile-nav{
            .navbar-edit{
                .container-fluid>.navbar-collapse{
                    padding: 0 20px;
                    ul > li{
                        list-style-position: inside;
                        color: @white;
                        border-bottom: 1px solid @white;
                        a{
                            color: @white;
                            &:hover{
                                color: #851f63;
                            }
                        }

                        h5{
                            font-family: @openSan-semibold;
                            color: #AFAFAF;
                            text-decoration: underline;
                        }
                        
                        img{
                            margin-left: 15px;
                        }

                        ul{
                            margin-left: 40px;
                            li{
                                border-bottom: 0;
                                margin: 10px 0;
                            }
                        }
                    }
                }
                .navbar-toggle{
                    background-color: #CCC;
                    border: 2px solid @white;
                    .icon-bar{
                        background: @white;
                    }
                }
                .mobile-search{
                    margin: 10px 0 10px 15px;
                    width: 60%;
                }
            }            
        }
    }
}