#comp-social-media{display:flex;flex-wrap:wrap;gap:15px;font-size:12px}#comp-social-media>a{color:#8f8f8f;transition:ease-in-out .2s}#comp-social-media>a:active,#comp-social-media>a:focus,#comp-social-media>a:hover{color:var(--layout-font-color)}#app-breadcrumbs>div>ol{width:50px!important}#app-breadcrumbs>div>div{width:calc(100% - 50px)!important}.controlbar{display:flex;justify-content:flex-end;align-items:center;gap:10px}.controlbar select{width:100px;font-size:12px;box-shadow:none!important;outline:0!important}.controlbar input{width:170px;font-size:12px;box-shadow:none!important;outline:0!important}.qsearch{position:relative}.qsearch>span:first-child{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--bs-gray);font-size:11px}.qsearch>input{padding-left:30px;padding-right:30px}.qsearch>a{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:tomato}.pagi{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:var(--bs-gray);font-size:12px}.article h1{color:var(--layout-font-color);font-size:24px}.article h2,.article h3{color:var(--layout-font-color);font-size:18px}.articles{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;align-items:stretch;width:100%}.articles>div{width:310px;position:relative}.articles h2,.articles h3{color:var(--layout-font-color);font-size:16px}.articles .ogimg{width:100%;height:120px;overflow:hidden;position:relative;background-color:var(--bs-gray-300)}.articles .ogimg>img{width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s ease-in-out}.articles .ogimg>img:active,.articles .ogimg>img:focus,.articles .ogimg>img:hover{transform:translate(-50%,-50%) scale(1.1)}.user-group{position:absolute;top:10px;left:10px;display:flex;justify-content:center;align-items:center;color:#fff;z-index:1;padding:5px 10px;font-size:10px}@media (max-width:1900px){.articles>div{width:300px;position:relative}}@media (max-width:992px){.first>div{flex-direction:column!important}.first>div>img{display:block;width:100%!important;height:auto!important}.first>div>div{width:100%!important}.articles>div{width:100%;position:relative}.articles .ogimg{height:250px}}