/*------------------------------------------------------------------
    HEADER / NAVBAR
-------------------------------------------------------------------*/

#logo_animate {
    /*можешь убрать строку, панель будет видна */
    visibility: hidden !important;
    opacity: 0;
    position: relative;
    margin-left: -122px;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
#logo_animate.logo_visible {
    visibility: visible !important;
    opacity: 1;
    margin-left: 0px !important;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


.home .header {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}


.header {
    background: rgba(0, 0, 0, 0.75);
    z-index: 10 !important;
}

.header .uk-navbar {
    background: transparent;
}

.header .uk-navbar-content,
.header .uk-navbar-brand,
.header .uk-navbar-toggle {
    height: 55px;
}

.header .uk-navbar-brand {
    padding: 0 15px 0 0 !important;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.header .uk-navbar-toggle {   
    color: #fff;
    font-size: 32px;
    padding-right: 0;
}
.header .uk-navbar-toggle:hover {
    color: #ccc;
}

/* Global Menu
--------------------------------------------------------------------------------*/

.header .global-menu .uk-navbar-nav > li > a {
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-family: 'neuronbold';
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.header .global-menu .uk-navbar-nav > li > a:hover,
.header .global-menu .uk-navbar-nav > li > a:focus,
.header .global-menu .uk-navbar-nav > li.uk-active > a {
    background: transparent;
    color: #0b8ecd;
}

.header .global-menu .uk-navbar-nav > li.uk-active > a {
    background: #0b8ecd;
    color: #fff;
}

/* Sub Menu
--------------------------------------------------------------------------------*/

.header .sub-menu .uk-navbar-nav > li > a {
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-family: 'neuronbold';
    font-size: 14px;
    text-transform: uppercase;
}

/*
.header .sub-menu .uk-navbar-nav > li > a span {
    border-right: 1px solid rgba(240, 240, 240, 0.2);
}
*/

.header .sub-menu .uk-navbar-nav > li > a:hover,
.header .sub-menu .uk-navbar-nav > li > a:focus,
.header .sub-menu .uk-navbar-nav > li.uk-open > a  {
    background: transparent;
    color: #0b8ecd;
}

.header .sub-menu .uk-navbar-nav > li.uk-active > a,
.header .sub-menu .uk-navbar-nav > .current-menu-parent > a {
    background: transparent;
    color: #0b8ecd;
}

/* Dropdown
--------------------------------------------------------------------------------*/

.uk-nav-parent-icon > .uk-parent > a:after {
    content: "\f107" !important;
    width: 20px !important;
    float: right !important;
    font-family: FontAwesome !important;
    text-align: center !important;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
    content: "\f106" !important;
}

.header .uk-dropdown {
    background: #0a8fcc;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none !important;
}

.header .uk-dropdown:after {
    content: "";
    background: #0a8fcc;
    width: 10px;
    height: 10px;
    
    position: absolute;
    top: -7px;
    left: 20px;
    
    -webkit-transform: rotate(-45deg) translate(-50%, 0%);
    -moz-transform: rotate(-45deg) translate(-50%, 0%);
    -o-transform: rotate(-45deg) translate(-50%, 0%);
    -ms-transform: rotate(-45deg) translate(-50%, 0%);
    transform: rotate(-45deg) translate(-50%, 0%);
}

.header .uk-nav-navbar > li > a {
    color: #fff !important;
    font-family: 'neuronbold';
    font-size: 14px;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    font-weight: normal;
}

.header .uk-nav-navbar > li > a:hover,
.header .uk-nav-navbar > li > a:focus {
    background: transparent !important;
    color: #fff !important;
}

.header .uk-nav-navbar > .uk-active a {
    color: #fff !important;
    font-weight: bold !important;
}

.header .uk-nav-navbar > .uk-active a:after {
    content: "\f14a" !important;
    width: 20px !important;
    float: left !important;
    font-family: FontAwesome !important;
}

/* Header Phone */

.header-phone {
    padding-right: 0 !important;
    color: #fff;
    font-size: 20px;
    font-family: 'neuronbold';
}

.header-phone a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}