.articles, .article-details-page {margin: 20px 0;}


.article-search-form {background: #fff; border: 1px solid #e6e4e4; padding: 0 0 0 5px; height: 50px; display: flex; align-items: center; width: 100%; margin-bottom: 20px}
.article-search-form input[type=text] {border: 0; background: none; flex: auto; width: 0; font-size: 18px; color: #6f6f70; font-family: inherit; padding:0; margin:0}
.article-search-form input[type=submit] {margin:0; padding: 0; width: 50px; flex-grow: 0; flex-shrink: 0; border: 0; outline:0; background: #f8f6f6 url(../images/search.png) no-repeat center; cursor: pointer; height: 48px; border-left: 1px solid #e6e4e4;}


.articles-pager {display: flex; width: 100%; margin: 20px 0; flex-direction: row; justify-content: flex-end; align-items: center; border-top: 1px solid #e1e1e1;}
.articles-pager > a {color: #4a4f55; font-size: 20px; line-height: 60px; margin: 0  5px; text-transform: uppercase;}
.articles-pager > a:last-child {margin-right: 0;}
.articles-pager > a.active {color: #000000; text-decoration: underline;}
.articles-pager > a.pager-next {font-weight: bold;}

/* Article Block */

/* Article Details */
.article-details-page .article-header{font-size: 16px;}
.article-fields .article-image {min-height: 30px;}
.article-fields .article-title {font-size: 36px; line-height: 40px; padding: 0 0 0px; font-weight: bold; color: #3c3d3d;}
.article-fields .article-meta {display: flex; align-items: center; font-size: 12px; padding: 10px 0; line-height: 12px;}
.article-fields .article-meta > span:not(:last-child) {border-right: 1px solid #9d9e9e; margin-right: 5px; padding-right: 5px;}
.article-fields .article-description {margin: 20px 0;}

.article-details .article-related-articles {border-top: 1px solid #ebebeb;}
.article-details .article-related-articles > div:first-child {margin: 0 0 20px; border-bottom: 1px solid #ebebeb; color: #414141; font-size: 24px; font-weight: bold; line-height: 60px;}

/* Article Sidebar */
.article-sidebar {}
.article-sidebar > div {border: 1px solid #e6e4e4; padding: 0; margin-bottom: 20px;}
.article-sidebar > div header {font-size: 16px; background: #f8f6f6; border-bottom: 1px solid #e6e4e4; padding: 0 10px;  font-weight: bold; line-height: 50px; color: #3a3a3c;}
.article-sidebar > div ul {list-style: none; margin: 10px 0; padding: 0;}
.article-sidebar > div ul li {list-style: none; margin: 0; padding: 5px 0; display: flex; align-items: flex-start; line-height: 24px; flex-wrap: wrap;}
.article-sidebar > div >ul >li {}
.article-sidebar > div >ul >li >ul {width: 100%; margin: 0 0 0 35px; padding: 0; list-style: none;}
.article-sidebar > div >ul >li >ul > li {border-top: 0;}
.article-sidebar > div >ul >li >ul > li > a {font-size: 14px; display: flex; align-items: flex-start;}
.article-sidebar > div ul li a {font-size: 18px; color: #3a3a3c;}
.article-sidebar > div ul li > a:hover {color: #000000; text-decoration: none;}
.article-sidebar > div >ul >li > a { display: flex; align-items: flex-start;}
.article-sidebar > div >ul >li > a:before {content: ''; width: 4px; height: 4px; border-radius: 100%; background: #000000; margin: 10px; flex-shrink:0; flex-grow: 0;}

.article-sidebar > a {border: 1px solid #e6e4e4; width: 100%; background: #f8f6f6; font-size: 14px; display: flex; line-height: 40px; padding: 0 10px; color: #3a3a3c !important; font-weight: bold; text-transform: uppercase; align-items: center; margin-bottom: 20px; text-decoration: none;}
.article-sidebar > a:after {content: ''; width: 10px; height: 10px; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #3a3a3c; margin-left: auto;}

.article-sidebar > .sidebar-custom {border: 0; min-height: 50px;}


/* Article List */

.article-list-module { margin: 20px 0;}
.article-list-module .article-slider {display: flex; align-items: flex-flex-start;}
.articles-gal-prev, .articles-gal-next {width: 20px; height: 20px; border: 3px solid #9f1f28; border-width: 3px 3px 0 0; transform: rotate(45deg); display: block; position: absolute; top: calc(50% - 10px); right: -20px}
.articles-gal-prev {transform: rotate(-135deg); right: initial; left: -20px;}


/* Desktop */
@media (min-width: 1200px) {
    }
@media (min-width: 768px) and (max-width: 1199px) {
    
}
@media (max-width: 767px) {
    }