/*
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}*/
:root{
    --family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}    

/* Lang css */
.font-10-400 {font: 400 10px/1.333 var(--family);}
.font-11-400 {font: 400 11px/1.333 var(--family)}
.font-12-400 {font: 400 12px/1.333 var(--family)}
.font-13-400 {font: 400 13px/1.333 var(--family)}
.font-14-400 {font: 400 14px/1.333 var(--family)}
.font-15-400 {font: 400 15px/1.333 var(--family)}
.font-16-400 {font: 400 16px/1.333 var(--family);}
.font-17-400 {font: 400 17px/1.333 var(--family);}
.font-18-400 {font: 400 18px/1.333 var(--family);}
.font-19-400 {font: 400 19px/1.333 var(--family);}
.font-20-400 {font: 400 20px/1.333 var(--family);}
.font-21-400 {font: 400 21px/1.333 var(--family);}

.lang-start-nav {padding: 10px 0 0;border-top: 1px dashed #eee;}
.lang-start-nav .nav-item {list-style: none;margin: 0 0 0 auto;}
.lang-start-nav .nav-item::marker {content: "";}

ul.lang-start, .lang-start {    padding: 0;}
.lang-start li { margin: 0 15px 0 0;}
.lang-start li::marker {    content: "";}
.lang-start li .dropdown-item {
    padding: 7px 10px 7px 10px;
    background: #ffffff91;
    border-radius: 7px;
    border: 1px solid #eeeeee;
}
li.lang-start-item {list-style: none;}
.lang-start-item.active .dropdown-item {
    border-bottom: 2px solid #a8cbed;
    padding: 7px 10px 6px 10px;
}

/* @media css */

@media (max-width:576px){
    section.s_home {padding: 0px 0 30px !important;}
    .lang-start-nav { }
    .lang-start li .dropdown-item, .lang-start-item.active .dropdown-item {padding: 10px 12px;}
    
}
@media (max-width:480px){
    .lang-start-nav { -ms-flex-align: center!important; align-items: center !important;}
    .lang-start-item:last-child {margin: 0;}
    
}