.headerWrapper{ max-width:1170px;left: calc((100% - 1170px) / 2);width:100%; z-index:200;position: fixed; /*fallback*/
    position: -webkit-sticky; /* still needed for ios */
    position: sticky;  top:0;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.headerWrapper ~ .headerWrapper {position: relative;z-index: 199;}
/* topics menu */
.topicsMenu {height: 70px;width:100%;background-color: #ffffff;position: relative;}
.topicsMenu-inner {height: 100%;overflow-x:hidden; white-space: nowrap;display: -ms-flexbox;display: flex;

}
.topicsMenu-inner:hover {overflow-x: auto;}
.topicsMenu-inner::-webkit-scrollbar {display: none;}
.topicsMenu::after {content: " ";position: absolute;top:0;right: 0;bottom: 0;width:60px;background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0,#ffffff 70%);pointer-events: none;z-index: 1;}
.topicsMenu .arrow-next{position: absolute;right: -20px;top: 0;z-index: 2;width:60px;height:100%;display: flex;align-items: center;justify-content:center;cursor: pointer;}
.topicsMenu::before {display:none;opacity:0;content: " ";position: absolute;top:0;left: 0;bottom: 0;width:60px;background-image: linear-gradient(-90deg,rgba(255, 255, 255, 0)0,#ffffff 70%);pointer-events: none;z-index: 1;}
.topicsMenu .arrow-prev{display:none;opacity:0;position: absolute;left: -20px;top: 0;z-index: 2;height:100%;width:60px;align-items: center;justify-content:center;cursor: pointer;transition: opacity 0.5s;}
.topicsMenu[scrolled] .arrow-prev {display: flex;opacity:1;transition: opacity 0.5s;}
.topicsMenu[scrolled]::before {display: block;opacity:1;transition: opacity 0.5s;}
.topicsMenu ul {display: flex; align-items: center;padding: 0 16px;height: 100%;flex-grow: 1;flex-shrink: 1;white-space: nowrap;padding-right:40px;}
.topicsMenu li {border: 1px solid #e7e7e7; background: #f6f6f6;height: 35px;display: inline-block;margin-right: 15px;overflow: hidden;outline: none;}
.topicsMenu li a {display: flex;align-items:center;height: 100%;padding: 0 10px;user-select: none;text-decoration: none;}
.topicsMenu li a .inner {position: relative;display: flex;align-items: center;}
.topicsMenu li:hover {border-color: #AEACA9;}
.topicsMenu li a {font-size:15px;line-height: 33px;user-select: none;font-weight: 700;font-family: "Fira Sans",Arial,sans-serif;color: #161616;}
.topicsMenu .menuItem .subMenu {display: none;}
@media (max-width:799px){
    /*header*/
    .topicsMenu {height: 50px;}
    .topicsMenuItem {height: 30px;}
    .topicsMenu .topicsMenuItem .text {font-size: 13px;line-height: 28px;}
    .topicsMenu-inner {overflow-x: auto;}
    .topicsMenu ul {padding-right: 0;}
    .topicsMenu::before {display:none !important;}
    .topicsMenu::after {display:none;}
    .topicsMenu .arrow-next{display:none;}
    .topicsMenu .arrow-prev{display:none !important;}
}

.hrodna-grid-container {max-width:1190px;left: 0px;width:100%; overflow: hidden;margin: 10px auto 0;}
.hrodna-grid {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start; align-content: flex-start;width: 100%; height: 100%; overflow: auto;flex-direction: row;}
.hrodna-grid-item {width: 275px;height: 350px;margin: 10px;box-shadow: inset 0 0 1px 0 #333;overflow: hidden;position: relative;flex: 1 1 auto;}
.hrodna-grid-item.span-2 {width: 560px;box-shadow: none;}
.item-top-full .image-link {display: block;overflow: hidden;outline: none;}
.item-top-full .wp-post-image {height: 350px;}
.item-top-full .wp-post-image, .item-top-half .post-thumb img {width: 100%;-o-object-fit: cover;object-fit: cover;font-family: 'object-fit: cover;';-webkit-transition: -webkit-transform 0.5s ease-in; transition: -webkit-transform 0.5s ease-in;transition: transform 0.5s ease-in;transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;}
.item-top-full .overlay {position: absolute;  z-index: 2;width: 100%;bottom: 0;left: 0;padding: 0 20px;padding-bottom: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;pointer-events: none;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.item-top-full .post-meta {color: #fafafa;margin-bottom: 0;-webkit-font-smoothing: antialiased;}
.item-top-full h2.heading {font-size: 24px;line-height: 1.4;margin-top: 10px;}
.hrodna-grid-item .heading {font-family: "Fira Sans", Arial, sans-serif;font-weight: 700;letter-spacing: -0.01em;color: #000;-webkit-font-smoothing: antialiased;}
.hrodna-grid-item .heading a {color: #fff;text-transform: initial;}
.hrodna-grid-item .item-top-full:after{position: absolute;content: "";top: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.65) 100%);-webkit-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;pointer-events: none;}
.hrodna-grid-item .item-top-full:hover img, .item-top-half:hover .post-thumb img {-webkit-transform: scale(1.06);transform: scale(1.06);}
.item-top-half .post-thumb {height: 150px;overflow: hidden;}
.item-top-half .post-thumb img{height: 150px;overflow: hidden;}
.item-top-half .content {padding: 20px;}
.item-top-half .content a {margin-bottom: 12px;line-height: 1.4;font-size: 16px;font-weight: 700;display: block;}
.item-top-half .post-meta {margin-top: 8px;margin-bottom: 0;}
.item-top-half .post-meta a {color: #aaa;font-size: 12px;font-weight: 400;}