.main-grey_nav__bar {
    z-index: 109;
    background: #fff;
    position: relative;
    padding: 0 0 40px 15px;
    font-family: sans-serif;
}

    .main-grey_nav__bar ul {
        float: right;
        padding: 6px 18px;
    }

        .main-grey_nav__bar ul li {
            display: inline-block;
            color: #fff;
            padding: 0 10px;
            vertical-align: middle;
        }

    .main-grey_nav__bar li.main-nav__menu__item a {
       text-transform: uppercase;
    font-family: sans-serif !important;
    opacity: 0.5;
    font-size: 1.0em !important;
        padding: 0 0.2rem 0px;
        background: none;
        color: #fff;
        margin: 0.3em 0;
    }

.main-nav__menu.desktop-hover {
    margin-top: 50px;
}

.main-nav__sub-menu {
    top: 5.7rem !important;
}

.main-nav .main-nav__menu__item A {
    height: 92% !important;
}

.main-nav__menu__item_btn.like-button.facebook,
.main-nav__menu__item_btn.like-button.twitter,
.main-nav__menu__item_btn.like-button.youtube,
.main-nav__menu__item_btn.like-button.linkedin,
.main-nav__menu__item_btn.like-button.instagram {
    margin: 0 !important;
    background-color: #ebebeb !important;
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: none;
    display: block;
    height: 22px !important;
    width: 22px;
    padding: 0px;
    margin: 0;
    text-indent: -9999px;
}

.main-nav__menu__item_btn.like-button.facebook {
    background-size: 8px;
}

    .main-nav__menu__item_btn.like-button.facebook:hover {
        background-image: url('../media/361280/icon-facebook-hover-blue.svg') !important;
        background-size: cover;
        background-color: #3A5795 !important;
    }

.main-nav__menu__item_btn.like-button.twitter:hover {
    background-image: url('../media/361283/icon-twitter-hover-blue.svg') !important;
    background-size: cover;
    background-color: #55ACEE !important;
}

.main-nav__menu__item_btn.like-button.youtube:hover {
    background-image: url('../media/361286/icon-youtube-hover-red.svg') !important;
    background-size: cover;
    background-color: #CC181E !important;
}

a.main-nav__menu__item_btn.like-button.linkedin {
    background-size: 12px;
}

a.main-nav__menu__item_btn.like-button.instagram {
    background-size: 17.2px;
}

.main-nav__menu__item_btn.like-button.linkedin:hover {
    background-image: url('../media/607184/icon-linkedin-hover.png') !important;
    background-size: cover;
}

.main-nav__menu__item_btn.like-button.instagram:hover {
    background-image: url('../media/607185/icon-instagram-hover.png') !important;
    background-size: cover;
}

.top_search_bar {
    width: 155px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    background: #EBEBEB;
    height: 28px;
    border-radius: 2px;
    margin: 0 -7px 0 0;
    padding: 0;
}

    .top_search_bar input#search {
        width: 134px;
        height: 28px;
        background: #EBEBEB;
        border: none;
        font-size: 14px;
        float: left;
        color: #6A6A6A;
        padding: 0 2px 0 5px;
        margin: 0;
        text-align: right;
        -webkit-transition: width .55s ease;
        -moz-transition: width .55s ease;
        -ms-transition: width .55s ease;
        -o-transition: width .55s ease;
        transition: width .55s ease;
    }

    .top_search_bar .icon {
        position: absolute;
        top: 1px;
        z-index: 1;
        color: #DDDDDD;
        right: 0;
        background: #DDDDDD url("../media/320935/search_icon.png");
        width: 20px;
        height: 26px;
        display: inline-block;
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 2px 2px 2px 2px;
        cursor: pointer;
        padding: 0;
        text-indent: -9999px;
        margin: 0;
    }

.third-level-nav__sub-menu {
    background: rgb(103, 117, 129);
}

.arr-child:hover {
    background-image: url("../media/222714/up-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
}

.visible {
    background-image: url("../media/222714/up-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
}

.arr-icon::after {
    content: ">";
    padding-left: 4px;
}

.dropdown-menu {
    width: 100%;
    position: fixed;
    top: 123px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 12px 1.4444444% !important;
    margin: 0 0 0 15.4%;
    text-align: center;
}

.secClass {
    top: 167px !important;
}

.dropdown-menu li {
    display: inline-block;
}

    .dropdown-menu li.dropdown .dropdown-menu {
        top: 210px;
    }

    .dropdown-menu li.dropdown {
        background-position: 5px 9px !important;
    }

@media (max-width: 767px) {
    .main-nav__logo {
        background-image: url('../images/logoepu.svg');
        width: 9.45rem !important;
        transform: scale(1);
        background-size: 9rem auto;
    }
}

@media (max-width: 959px) {
    .third-level-nav__sub-menu {
        display: none;
    }

    .desktop-hover {
        display: none;
    }

    .mobile-click {
        visibility: visible !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-nav__logo {
        background-image: url('../images/logoepu.svg');
        width: 9.45rem !important;
        transform: scale(1);
        background-size: 10.5rem auto;
    }

    .main-nav .main-nav__menu__item A {
        padding: 1.4rem 0.4rem 0px;
    }
}

@media (max-width: 959px) {
    .grey_nav {
        background: #454f5b;
    }

    .main-grey_nav__bar {
        display: none;
    }

    .main-nav .main-nav__sub-menu.open {
        overflow-y: auto !important;
    }

    .third-level-nav__sub-menu {
        display: none;
    }

        .third-level-nav__sub-menu.open {
            display: block;
            overflow-x: hidden;
            position: relative;
        }

        .third-level-nav__sub-menu .add_border:before {
            border-top: 1px solid #939EA7 !important;
        }

    .main-nav .main-nav__menu .main-nav__menu__item .second-level-item A.third-level-arrow:after {
        content: '';
        display: inline-block;
        float: right;
        height: 1.3em;
        margin-bottom: -0.3em;
        width: 1.5em;
        background-repeat: no-repeat;
        background-position: center center;
        background-position: right center;
        margin-right: 7px;
        background-image: url("../media/66/nav-arrow-up.svg");
        transform: rotate(180deg);
    }

    .main-nav .main-nav__menu .main-nav__menu__item .second-level-item A.third-level-arrow.open_1:after {
        background-image: url("../media/66/nav-arrow-up.svg");
        transform: none;
    }
}

@media (min-width: 960px) {
    .dd_arrow:after {
        CONTENT: ' ► ';
        font-size: 10px;
        position: relative;
        top: 0;
    }

    .main-nav__logo {
        height: 120px !important;
    }

    .main-nav__bar {
        /*height: 5.8rem !important;*/
        height: 120px !important;
    }

    .main-nav .main-nav__menu__item A {
        font-size: 1rem;
    }

    .dropdown-menu {
        top: 9.4rem;
        padding: 12px 2% !important;
    }

    .secClass {
        top: 10.9rem !important;
    }
}

@media (min-width: 1025px) {
    .main-nav__logo {
        background-image: url('../images/logoepu.svg');
    }

    .main-nav__sub-menu__caption {
        text-transform: uppercase;
    }
}

@media (min-width: 1161px) {
    .dropdown-menu {
        top: 8.6rem;
        padding: 12px 1.4444444% !important;
    }

    .secClass {
        top: 11.3rem !important;
    }

    .main-nav, .main-nav__bar, .main-nav__logo {
        height: 4.4rem;
    }

    .home-page-cover {
        top: -3rem;
    }

    .main-nav .main-nav__menu__item A {
        font-size: 12px;
        padding: 1.4rem 0.7rem 0px;
        background-position: center 155%;
        background-size: 2.2rem auto;
    }

    .main-nav .main-nav__sub-menu {
        top: 4.4rem;
    }

    .main-nav .main-nav__menu__login.like-button.facebook,
    .main-nav .main-nav__menu__login.like-button.twitter,
    .main-nav .main-nav__menu__login.like-button.youtube {
        margin: 0.7rem 0.3rem 0px;
    }

    .main-nav .main-nav__menu__button.login A {
        height: 2.7rem;
        margin-right: 0.7rem;
        width: 2.7rem;
        margin-top: 0.8rem
    }

    .main-nav .main-nav__menu__button.contact A {
        min-width: 7.14286rem;
        padding-bottom: 0.4rem;
        padding-top: 0.4rem;
        margin-top: 0.8rem
    }
}

@media (min-width: 1280px) {
    .dropdown-menu {
        top: 143px;
    }

    .secClass {
        top: 167px !important;
    }

    .main-nav .main-nav__menu__item A {
        font-size: 14px;
        padding: 1.7rem 0.7rem 14px;
        font-family:sans-serif;
    }

    .main-nav .main-nav__menu__login.like-button.facebook,
    .main-nav .main-nav__menu__login.like-button.twitter,
    .main-nav .main-nav__menu__login.like-button.youtube {
        margin: 0.7rem 0.7rem 0px;
    }

    .main-nav .main-nav__menu__button.login A {
        margin-top: 0.88rem !important;
        margin-right: 1.3rem;
        margin-left: 0.8rem;
    }

    .main-nav .main-nav__menu__button.contact A {
        margin-top: 0.88rem !important;
    }
}

@media (min-width: 1800px) {
    .main-nav__logo {
        height: 150px !important;
        width: 20rem !important;
    }

    .main-grey_nav__bar {
        
        padding: 0 0 36px 15px;
        position: relative;
        z-index: 109;
    }

    .main-nav__menu.desktop-hover {
        margin-top: 75px;
    }

    .main-nav .main-nav__sub-menu.open {
        padding-bottom: 1em;
        padding-top: 1em;
    }

    .dropdown-menu {
        top: 8.6rem;
    }

    .secClass {
        top: 11.6rem !important;
    }
}

.main-nav__menu__item.grey_mrgn:before {
    border-top: 2px solid #414b57 !important;
    margin: 0 !important;
}

.main-nav .main-nav__menu__login.like-button.facebook:hover {
    background-image: url('../media/214650/icon-facebook-hover-blue.svg') !important;
    background-size: cover;
}

.main-nav .main-nav__menu__login.like-button.twitter:hover {
    background-image: url('../media/214651/icon-twitter-hover-blue.svg') !important;
    background-size: cover;
}

.main-nav .main-nav__menu__login.like-button.youtube:hover {
    background-image: url('../media/214652/icon-youtube-hover-red.svg') !important;
    background-size: cover;
}

.main-nav__mobile-buttons LI .call.facebook.button:hover {
    background-image: url('../media/214650/icon-facebook-hover-blue.svg') !important;
    background-size: cover;
}

.main-nav__mobile-buttons LI .call.twitter.button:hover {
    background-image: url('../media/214651/icon-twitter-hover-blue.svg') !important;
    background-size: cover;
}

.main-nav__mobile-buttons LI .call.youtube.button:hover {
    background-image: url('../media/214652/icon-youtube-hover-red.svg') !important;
    background-size: cover;
}