@font-face {
    font-family: 'pinarmedium';
    src: url('../fonts/Pinar-Regular.woff2') format('woff2');
       font-style: normal;
}    

@font-face {
    font-family: 'pinarextrabold';
    src: url('../fonts/Pinar-SemiBold.woff2') format('woff2');
       font-style: normal;
}    

@font-face {
    font-family: 'pinarlight';
    src: url('../fonts/Pinar-Light.woff2') format('woff2');
       font-style: normal;
}

body{
    font-family: 'pinarlight' !important;
}

  /*header-buttons*/
.header-buttons {
    background: linear-gradient(to right,#F8F8F8 50%,#ffd300 50%);
}

.header-buttons ul {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    background: #F8F8F8;
    direction: ltr;
}

.header-buttons ul li a {
    color: #3E4346;
    font-size: 15px;
    font-weight: 700;
    padding: 20px 15px;
    display: flex;
    justify-content: center;
}

.header-buttons ul li a span {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.header-buttons ul li {
    display: table-cell;
    background: #F8F8F8;
}

.header-buttons ul li {
    list-style: none;
}

.header-buttons ul li a i {
    color: #f6b800;
    margin-right: 6px;
    font-size: 17px;
    font-family: icomoon !important;
}

.header-buttons ul li:last-child a span:before {
    background: #3E4346;
}

.header-buttons ul li a span:before {
    content: "";
    background: #f6b800;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    transition: all 0.3s ease-in-out;
}

.header-buttons ul li a:hover span::before {
    width: 100%;
}

.header-buttons ul li:last-child {
    background: #ffd300;
    margin-left: 10px;
}

.icon-blog_icon:before {
    content: "\e940";
    color: #ffd300;
}

.navbar-default .navbar-collapse .navbar-nav > li:last-child {
    background-color: #ffffff !important;
    border-right: none;
}

.navbar-default {
    background: #fff !important;
}

.header-buttons ul li a img {
    position: relative;
    top: -2px;
    padding-right: 5px;
    max-width: 22px;
    width: 20px;
}

.header-buttons ul li a:focus {
    text-decoration: none;
}
/*end header-buttons*/
@media (max-width:680px) {
    .header-buttons ul li a img {
        margin: auto;
        height: auto;
        margin-bottom: 7px;
        padding: 0;
    }

    .header-buttons .container {
        padding: 0;
    }

    .header-buttons ul li a {
        flex-direction: column;
        text-align: center;
        font-size: 12px;
        height: 100%;
    }

    .header-buttons ul li {
        border-left: 1px solid #efefef;
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .header-buttons ul li a i {
        margin-right: 0;
        margin-bottom: 7px;
    }

    .header-buttons ul li:first-child {
        border: 0;
        margin-left: 0px;
    }

    .header-buttons ul li:last-child {
        background: #ffd300;
        display: flex;
        justify-content: center;
        margin-left: 0;
        min-width: 113px;
    }

        .header-buttons ul li:last-child a {
            padding: 0 5px 0 10px;
        }

    .header-buttons ul li a {
        padding: 10px 8px;
        line-height: normal;
    }
}

.direction-ltr{
    direction: ltr !important;
}