/* Add here all your CSS customizations */

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.eot');
    src: url('fonts/poppins-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff'),
         url('fonts/poppins-light-webfont.ttf') format('truetype'),
         url('fonts/poppins-light-webfont.svg#poppinslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, a  {
	font-family: 'poppinsmedium';
}

h6 {
	font-family: 'poppinslight';
}


@media(min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        color: #bfc0c0;
    }

    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a,
    #header .header-nav-main nav > ul:not(:hover) > li > a.active {
        background-color: #bfc0c0;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #bfc0c0;
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        border-bottom-color: #bfc0c0;
    }
}

/* Mobile */
@media(max-width: 991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a,
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active {
        color: #bfc0c0;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active,
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
        background: #bfc0c0;
    }
}