/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/



#header .header-inner #logo a > img {
    height: 87px;
    margin-top: 13px;
}

#header {
    line-height: 110px;
    height: 110px;
}

#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header[data-transparent="true"] + .fullscreen, #header[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map {
    top: -110px;
    margin-bottom: -110px;
}

#header .header-inner #logo, #header #header-wrap #logo {
    height: 110px;
}

#header .header-inner, #header #header-wrap {
    height: 110px;
}

#mainMenu-trigger {
    height: 110px;
}

.bg-overlay {
    opacity: .8;
}

#mainMenu nav > ul > li > a {
    font-size: 14px;
}

@media (max-width: 1024px){
    #header .header-inner, #header #header-wrap {
        height: auto;
        min-height: 110px;
    }
}