.cms__title {font-weight: 700;font-size:  max(20px, min(2vw, 30px));color: #262626;text-transform: uppercase;margin: 0 auto;padding: 15px 0 35px;}

#blogList-wrapper{margin:10px auto 0;max-width:1760px;padding:0 20px 50px;align-items:flex-start}
#blogListCategories-container{width:320px;background-color:#EDEDED;padding:12px 10px;border-radius:5px}
#blogListCategories-title{font-size:18px;font-weight:700;text-transform:uppercase;color:#262626;text-align:center;margin-bottom:15px}
#blogListCategories{width:100%}
#blogListCategories > li{margin-top:10px;width:100%}
#blogListCategories > li:first-child{margin-top:0}
#blogListCategories > li > a,#blogListCategories > li > div:not(.blogListCategories-submenu-container){display:block;width:100%;background-color:#fff;padding:14px 22px;border-radius:10px;border:1px solid #D8D8D8;font-size:16px;font-weight:700;color:#C57A45}
.blogListCategories-submenu-container{padding:10px 0 0}
.blogListCategories-submenu{padding:4px 0 4px 20px;position:relative}
.blogListCategories-submenu:before{content:'';position:absolute;width:2px;height:100%;left:0;top:0;background-color:#FBAF7B}
.blogListCategories-submenu > li{margin-top:12px}
.blogListCategories-submenu > li:first-child{margin-top:0}
.blogListCategories-submenu > li > a{display:block;position:relative;font-size:16px;font-weight:300;color:#262626}
.blogListCategories-submenu > li.selected > a{font-weight:700}
.blogListCategories-submenu > li > a:before{content:'';position:absolute;width:15px;height:2px;left:-20px;top:0;bottom:0;margin:auto 0;background-color:#FBAF7B;transform-origin:top left;transform:scaleX(0);transition:all .4s ease-in-out}
.blogListCategories-submenu > li.selected > a:before{transform:scaleX(1)}
.blogListCategories-submenu > li > a:hover:before{transform:scaleX(1);transition:all .4s ease-in-out}

#blogListItems-container{width:calc(100% - 320px);padding-left:20px}
.newsList{width:100%}
.newsList-photo-container{position:relative;width:100%}
.newsList-photo{position:relative;width:100%;padding-bottom:56.3%;overflow:hidden;border:1px solid #CFCFCF}
.newsList-photo img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.newsList-contents{margin-top:15px;width:100%}
.newsList-top{align-items:center}
.newsList-date{width:52px;flex-direction:column;align-items:center;justify-content:center;background-color:#FBAF7B;padding:8px 6px;border-radius:0 8px 0 8px}
.newsList-date-inner{margin-top:4px;font-size:12px;font-weight:800;color:#262626;text-transform:uppercase}
.newsList-date .newsList-date-inner:first-child{margin-top:0}
.newsList-date-inner.big{font-size:16px}
.newsList-date-inner.medium{font-size:14px}
.newsList-title{width:calc(100% - 52px);padding-left:10px;font-size:18px;font-weight:700;color:#262626}
.newsList-readMore{margin-top:15px;display:inline-block;padding:12px 35px 12px 14px;background:#262626 url(../img/blogReadMore.svg) 95% 50% no-repeat;font-size:16px;font-weight:400;color:#fff}
.pages-container{margin-top:70px;width:100%}
.pages{align-items:center;justify-content:center}
.pages > a{position:relative;width:55px;height:35px;border:none;margin:0 5px;color:#262626;font-weight:400;line-height:35px;font-size:max(19px,min(1.4vw,24px));text-align:center;border-radius:20px}
.pages > a.paging_sel{color:#fff;background-color:#e18240}
.pages > a.paging_pn{width:23px;padding:10px 0}
.pages > a:first-child{margin-left:0}
.pages > a.paging-left{margin-right:0}
.pages > a.paging-right{margin-left:15px}
.paging_pn svg{width:23px}

@media (min-width:1400px) {
    .newsList > li{margin-top:60px;margin-left:2%;width:32%}
    .newsList > li:nth-child(-n+3){margin-top:0}
    .newsList > li:nth-child(3n+1){margin-left:0}
    select#blogListItems-category{display:none}
}
@media (min-width:765px) and (max-width:1399px) {
    #blogListCategories-container{width:260px;background-color:#EDEDED;padding:12px 10px;border-radius:5px}
    #blogListItems-container{width:calc(100% - 260px);padding-left:15px}
    #blogList-wrapper{padding:0 15px 40px}
    .newsList > li{margin-top:40px;margin-left:2%;width:49%}
    .newsList > li:nth-child(-n+2){margin-top:0}
    .newsList > li:nth-child(2n+1){margin-left:0}
    select#blogListItems-category{display:none}
}
@media (min-width:0px) and (max-width:764px) {
    #blogList-wrapper{margin: 0 auto 0;}
    #blogListCategories{display: none}
    #blogListCategories-container{width:100%;margin-bottom: 20px}
    #blogListItems-container{width:100%;padding-left:0}
    .newsList > li{margin-top:50px;width:100%}
    .newsList > li:first-child{margin-top:0}

    select#blogListItems-category{margin:0 auto;max-width:100%;width:100%;font-size:18px;font-weight:400;color:#262626;height:50px;border:1px solid #D8D8D8;outline:none;padding:2px 40px 2px 15px;-webkit-box-shadow:none;box-shadow:none;background:#FFFFFF url(../img/select-blog-arrow.svg) 96% 50% no-repeat;cursor:pointer;border-radius:10px!important}
}