/***************************
Navbar 
****************************/

#navigation.modern .columns ul li a, #navigation.modern .columns ul li button
{
    font-family: 'sofia-pro';
    font-weight: 400;
    font-size:14px;
    letter-spacing: 0.3px ;
}
#navigation.modern
{
    height: 140px;
    line-height: 140px;
}
#navigation.modern .columns .logo img
{
    width: 145px;
}
#navigation.modern .columns .logo a, #navigation.modern .columns .logo img
{
    max-height: 90px;
}
#navigation.modern.scrolled .columns .logo a, #navigation.modern.scrolled .columns .logo img
{
    max-height: 55px;
}
#navigation.modern.scrolled {
    height: 75px;
    line-height: 75px;
}
#navigation.modern.scrolled .columns .logo img
{
    width: 110px;
}
#gradient-hover
{
    top:0px;
    position: absolute;
    width: 100%;
    height: 200px;
    z-index: 1;
    background: linear-gradient(-180deg, rgba(0,0,0,0.5) 0%, rgba(255,141,40,0) 100%);
}
#navigation.modern.white-nav.scrolled,  #navigation.modern.white-nav.box-shadow
{
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07) !important;
    border-bottom: none;
}
.box-shadow, .bs-hover:hover, .bs-focus:focus
{
    box-shadow: 2px 20px 15px 5px rgba(0,0,0,0.08) !important
}


.image-boxes .item h3
{
    color:#333;
    text-transform: none;
}
#contact_form input, #contact_form textarea, #contact_form button
{
    text-transform: none;
}
#navigation.modern .flag-item span
{
    top:0px
}


.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {
    display: block;
    position: relative;
}
#back-to-top, .drop-msg
{
    opacity: .8;
}
#navigation.modern.white-nav.start-dark .columns ul.dropdown-menu li a, #navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a
{
    text-transform: uppercase;
}
#navigation.modern .columns ul.dropdown-menu li a, #navigation.modern.start-dark .columns ul.dropdown-menu li a, #navigation.modern.scrolled .columns ul.dropdown-menu li a {
    font-size:14px;
    font-weight: 400;
    letter-spacing: 0.3px;
  
}
.dropdown-menu
{
    min-width: 14rem;
}
@media (max-width: 767px)
{
    #gradient-hover { height: 200px; }     
}
@media only screen and (max-width: 1120px)
{
    #mobile-navigation
    {
        background-color : #fff
    }
    #mobile-navigation .nav li a {
        font-size: 14px;
        padding: 0 15px !important;
        margin: 0 !important;
        display: block;
        line-height: 39px;
        position: relative;
        color: #333;
        border-bottom:1px solid #eee;
        font-weight: 400;
    }
    #mobile-navigation .nav li a:hover
    {
        background: #0dada1;
        color:#fff
    }
    #mobile-navigation .nav li .dropdown-menu a {
        font-size: 12px;
        text-transform: none;
        font-weight: 400;
        color: #000;
        padding-left: 25px !important;
        display: block;
    }
}