/*
@font-face {
    font-family: "FiraSans";
    src: url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Light/FiraSans-Light.eot");
    src: url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Light/FiraSans-Light.eot")format("embedded-opentype"),
        url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Light/FiraSans-Light.woff") format("woff"),
        url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Light/FiraSans-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "FiraSans";
    src: url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.eot");
    src: url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.eot")format("embedded-opentype"),
        url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.woff") format("woff"),
        url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "FiraSans";
    src: url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Black/FiraSans-Black.eot");
    src: url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Black/FiraSans-Black.eot")format("embedded-opentype"),
        url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Black/FiraSans-Black.woff") format("woff"),
        url("wp-content/themes/riberra/fonts/FiraSans/FiraSans-Black/FiraSans-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}
*/
.no_sidebar_border#top #main .sidebar.sidebar_fixed {
    position: fixed;
    top: 61px;
}
.no_sidebar_border#top #main .sidebar.sidebar_fixed .widget_nav_menu {
    top: 61px;
    position: fixed;
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    margin-left: 270px;
    margin-right: 20px;
    width: calc(100% - 170px);
    border-top: 1px solid     #484848;
}

.top-bar {
    background-color: #313131;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 200;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.fix-bar{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.top-bar .logo img {
height: 70px;
width: auto;
}
.phone-info span {
    display: inline-block;
    line-height: 1em;
}
.top-bar-container {
    display: grid;
  grid-template-columns: 1fr 1fr;
}
.logo-container, .info {
    grid-column: span 1;
}
.info-box-fixed {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.info-box-fixed {
    margin: 0px -12px;
    width: calc(100% + 24px);
    padding: 13px 0;
}
.mail-box .img_box img, .tel-box .img_box img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.info-box-fixed a {
    color: #a7a7a7;
font-size: 16px;
font-weight: 300;
display: inline-block;
vertical-align: middle;
}
.info-box-fixed a:hover {
    color:#e84e22;
text-decoration: none;
}
@media only screen and (max-width: 800px) {
    .logo-container, .info {
        grid-column: span 2;
    }
    .logo-container span.logo {
        display: block;
       text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    .info-box-fixed {
       flex-direction: column;
    }
    .info-box-fixed {
        margin: 0px;
        width: calc(100% + 24px);
        padding: 0;
    }
    .mail-box {
        margin-bottom: 15px;
    }
    .tel-box {
        margin-bottom: 10px;
    }
}