﻿
.topbar {
    display: flex;
    align-items: center;
    padding: 13px;
    align-self: flex-end;
}

.topbar1 {
    display: flex;
    align-items: center;
    padding: 13px;
    
}

    .topbar .topbar-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
       
    }

    /*.topbar .dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }*/

.rounded-sm {
    border-radius: 0.28rem !important;
}

.w-20px {
    width: 20px !important;
}

.h-20px {
    height: 20px !important;
}

.pb-4, .py-4 {
   /* padding-bottom: 1rem !important;*/
}

.pt-4, .py-4 {
    /*padding-top: 1rem !important;*/
}

.navi .navi-item .navi-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 1.5rem;
}

.navi .navi-item .navi-link {
    font-size: 1.5rem;
    font-family: 'FuturaBookC, arial, sans-serif';
}

.navi-item a{
    text-decoration: none;
}
.navi .navi-item .navi-link {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    color: #3F4254;
}

@media (max-width:956px) {
    .dropdown-menu-lang-main {
        top: unset!important;
        right: unset!important;
    }
}

.dropdown-menu-lang {
    position: absolute;
    top: 49px;
    right: 11px;
    background-color: white;
    border: 1px solid #5Fc6c4;
    display: none;
}
.dropdown-menu-lang-main {
    position: absolute;
    top: 62px;
    right: 0px !important;
    background-color: white;
    border: 2px solid #5Fc6c4;
    display: none;
}

.symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.42rem;
}

.mr-3, .mx-3 {
    margin-right: 0.75rem !important;
}

.symbol.symbol-20 > img {
    width: 100%;
    max-width: 20px;
    height: 20px;
}

.symbol > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.42rem;
}

img {
    vertical-align: middle;
    border-style: none;
}



/*for WEb view*/

