body {

}

div.app-content{
    /*background-image: url("../images/background.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

div.header{
    /*overflow: hidden;*/
}

div.header .top{
    border-bottom: 1px solid #ededed;
    background-color: #f6ca2f;
    color: #6d6d6d;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0px
}

div.header .contact .logo{

}

div.header .contact .block{
    border-right: 1px solid rgba(0,0,0,.1);
}


div.header .contact .block:last-child{
    border:none;
}

div.header .contact .type{
    color: #707070;
    font-family: roboto,Helvetica,Arial,sans-serif;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 20px 0px 0px 0px;
    letter-spacing: 0;
}

div.header .contact .info
{
    display: block;
    font-weight: 700;
}

/*.navbar-light .navbar-toggler{*/
    /*border: none;*/
/*}*/

div.header nav.navbar{
    background-color: #f6ca2f;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.header nav.navbar ul li
{
    padding: 5px 0px 5px 0px;
}

div.header nav.navbar-light ul li a.nav-link{
    color: white !important;
    text-align: center;
    font-weight: bold;
}

div.header nav.navbar-light ul li.active
{
    border-bottom: solid 4px red;
}

div.header nav.navbar-light ul li.nav-item:hover{
    background-color: white;
    border-bottom: solid 4px red;
}

div.header nav.navbar-light ul li.nav-item:hover > a{
    color: #1e425e !important;
}

nav.navbar-for-mobile{
    display: none;
}

nav.navbar-for-web li.nav-item:hover > div.dropdown-menu
{
    display: block;
}

.dropdown-item:focus, .dropdown-item:hover
{
    background: #f6ca2f;
    color:white;
}

.dropdown-item:focus, .dropdown-item:hover
{
    background: #f6ca2f;
    color: white;
}

div.main-title
{
    background: #f5f5f5 linear-gradient(90deg, #f5f5f5, #eeeeee);
    padding: 30px;
}

div.main-title h1
{
    text-transform: uppercase;
    margin: 0;
    font-size: 44px;
    font-weight: 900;
    color: #444444;
}

div.main-title p
{
    color: #7a7a7a;
}

ol.breadcrumb a{
    color:#6c757d;
}

h5.title
{
    margin-top: 24px;
    margin-bottom: 20px;
}

.block a{
    color:#444444;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -.05em;
    font-size:27px;
}

h5.title a:hover, h5.title a.focus
{
    color: #3dacc2;
}

.block .read-more {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.6;
    color: #f6ca2f;
}

div.areas{
    background-image: url(../images/geography.png);
    background-repeat: no-repeat;
    background-position: center center;
}

div.areas-mobile{
    display: none;
}

/*SIDEBAR*/
div.sidebar{

}

div.sidebar a{
    display: block;
    font-size: 16px;
    font-weight: 900;
    transition: all 100ms ease-out;
    background-color: #eee;
    color: #aaa;
    font-family: source sans pro,Helvetica,Arial,sans-serif;
    border-radius: 2px;
    padding: 15px 25px;
    margin-bottom: 5px;
    text-decoration: none;
}

div.sidebar a.active{
    background: #f6ca2f;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,.16);
}

div.sidebar a.item:hover{
    color:black;
}

div.sidebar-mobile{
    display: none;
}


/*FOOTER*/
div.footer{
    background: #f6ca2f;
    color: white;
    padding: 40px 40px 15px 40px;
}

@media only screen and (max-width: 991px) {

    div.header div.header-top{
        padding-right: 0px !important;
    }

    div.header div.logo{
        padding:0px;
    }

    div.main-title{
        margin-left:15px;
    }

    nav.navbar-for-web{
        display: none;
    }
    nav.navbar-for-mobile{
        display: block;
    }

    div.header nav.navbar-for-mobile li a.nav-link{
        text-align: left;
    }

    div.header nav.navbar{
        padding: 0px;
    }

    div.header nav.navbar-for-mobile li
    {
        padding: 5px;
    }

    div.header nav.navbar-light ul li a.nav-link{
        text-align: left;
        padding: 10px;
    }

    div.main-title h1
    {
        font-size: 23px;
    }

    div.sidebar-web{
        display: none;
    }

    div.sidebar-mobile{
        display: block;
    }

    div.areas-web{
        display: none;
    }

    div.areas-mobile{
        display: block;
    }

}