@font-face {
    font-family: 'Montserrat';
    src: url('/frontend/font/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat Semi' ;
    src: url('/frontend/font/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('/frontend/font/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Karla';
    src: url('/frontend/font/Karla-Regular.ttf');
}

@font-face {
    font-family: 'Karla Bold';
    src: url('/frontend/font/Karla-Bold.ttf');
}

.fm { font-family: 'Montserrat'; }
.fm-bold { font-family: 'Montserrat Bold'; }
.fk { font-family: 'Karla'; }
.fk-bold { font-family: 'Karla Bold'; }
.text-orange{ color: #F16F22; }
.text-yellow { color: #F2AB21; }
.text-yellow-10 { color: #F2AB21; }
.text-gray { color: #434343; }
.text-black-10 { color: #232323; }
.text-black-20 { color: #0F0F0F; }
.bg-light { background: #F3F3F1; }
.bg-gray { background: #434343; }
.bg-orange { background: #0F0F0F; }
.bg-orange-10 { background: #F16F22; }
.bg-orange-20 { background: #F3893B; }
.bg-yellow { background: #F2AB21; }
.bg-black-10 { background: #0F0F0F; }
.border-orange { background: #F47519; }
.border-yellow { border-bottom: 0.2rem solid #fff600; }
.nav-bg { background-color: rgba(0, 0, 0, 0.5);}
.modal-opac { background-color: rgba(0, 0, 0, 0.8);}
.opac { background-color: rgba(0, 0, 0, 0.9); }

.menu-item {
    border: none;
}

.menu-item__active {
    padding:2px;
    border-bottom: 0.2rem solid orange;
    margin-top:5px;
}

.item:hover {
    padding:2px;
    border-bottom: 0.2rem solid orange;
    margin-top:5px;
}

.lines2 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lines3 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arrow-center {
    left: 50%; 
    right: 50%; 
    transform: translate(-50%, -50%);
}